@charset "utf-8";

:root {

}

@media screen and (max-width:480px) {
	:root {

	}
}

@media screen and (min-width:481px) and (max-width: 768px) {
	:root {

	}
}

@media screen and (min-width:769px) and ( max-width:1024px) {
	:root {

	}
}

@media screen and (min-width:1025px) and ( max-width:1440px) {
	:root {

	}
}

@media screen and (min-width:1440px) {
	:root {

	}
}








/* ーーーーーーーーーーーーーーーーーーーー
お知らせ
ーーーーーーーーーーーーーーーーーーーー */

div#newsDetail {
	& h2 {
		color: var(--Color_FF100);
	}
	& #start {
		display: flex;
		align-items: center;
		gap: var(--Gap);
		& figure {
			flex-basis: calc( var(--Size_10) * 6.4 );
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			background: var(--Color_A020);
			border-radius: var(--Border-radius_S);
			overflow: hidden;
			aspect-ratio: 1 / 1;
			& img {
				max-width: 100%;
				max-height: 100%;
				object-fit: contain;
			}
		}
		& div {
			& .title {
				padding: 0;
				font-size: var(--Size_12);
				font-weight: 600;
			}
			& time {
				display: flex;
				align-items: center;
				gap: var(--Gap);
				& span {
					display: inline-flex;
					align-items: center;
					padding: var(--Size_02) var(--Size_06);
					font-size: var(--Size_08);
					color: var(--Color_1D100);
					line-height: 1;
					background: var(--Color_A100);
					border-radius: var(--Border-radius_L);
				}
				
			}
		}
	}
}

#newsDetailContent {
	margin: var(--Size_12) 0 0;
	padding: var(--Gap);
	background: var(--Color_1D100);
	border-radius: var(--Border-radius_S);
}