@charset "UTF-8";

/* --------------------------------------------
NEWS
--------------------------------------------- */
#news{
	position : relative;
	&::before{
		position : absolute;
		left : 0;
		display : block;
		width : 100%;
		font-size : 0;
		content : "";
		background-color : color-mix( in sRGB , var( --bs-primary ) 10% , transparent );
	}
	@media screen and ( width <= 767px ){
		&::before{
			top : calc( 21 * var( --remBase ) );
			height : calc( 100% - 21 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 767px ){
		overflow-x : clip;
		&::before{
			top : calc( 20 * var( --remBase ) );
			height : calc( 100% - 20 * var( --remBase ) );
		}
		&::after{
			position : absolute;
			bottom : calc( -9.31 * var( --remBase ) );
			left : calc( 50% + ( 279.79 * var( --remBase ) ) );
			display : block;
			width : auto;
			height : calc( 175.31 * var( --remBase ) );
			aspect-ratio : 676.43 / 175.31;
			font-size : 0;
			content : "";
			background : url( "../images/top/news/bg.svg" ) 0 0 / contain no-repeat;
		}
		.splide__list{
			grid-template-columns : repeat( 4 , 1fr );
		}
	}
}

/* --------------------------------------------
INFOS
--------------------------------------------- */
#infos{
	time + p{
		&::before{
			margin-right : calc( 8 * var( --remBase ) );
			content : "｜";
		}
	}
}

/* --------------------------------------------
LINKS
--------------------------------------------- */
#links{
	a{
		width : 100%;
		height : 100%;
	}
	picture{
		width : 100%;
		height : 100%;
	}
	.links01{
		a{
			position : relative;
			overflow : hidden;
		}
		span{
			bottom : 0;
			left : 0;
			z-index : 1;
			width : 100%;
			text-align : center;
			text-indent : .05em;
			letter-spacing : .05em;
		}
	}
	@media screen and ( width <= 767px ){
		.links01{
			> li{
				width : calc( 172 * var( --remBase ) );
				height : calc( 140 * var( --remBase ) );
			}
		}
		.links02{
			a{
				width : fit-content;
			}
		}
	}
	@media print , screen and ( width > 767px ){
		.links01{
			> li{
				width : calc( 261 * var( --remBase ) );
				height : calc( 240 * var( --remBase ) );
			}
		}
	}
}

/* --------------------------------------------
BANNERS
--------------------------------------------- */