/*
Theme Name:Blazer
Author: Blazer
Description: Blazerのオリジナルテーマ
Version: 1.0
*/

@charset "utf-8";

:root {

}

@media (prefers-color-scheme: dark) {
	:root {

	}
}

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

		/* ニュース */
		--News_figure: var(--Size_36);

	}
}

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

		/* ニュース */
		--News_figure: var(--Size_48);

	}
}

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

		/* ニュース */
		--News_figure: var(--Size_48);

	}
}

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

		/* ニュース */
		--News_figure: var(--Size_48);

	}
}

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

		/* ニュース */
		--News_figure: var(--Size_48);

	}
}








/* バナー */

div#banner {
	margin: var(--Size_12) 0 var(--Size_36);
}

div#banner a.banner {
	display: inline-block;
	margin: 0 0 var(--Size_10);
	width: 100%;
	background-color: var(--Color_1D080);
	border-radius: var(--Border-radius_S);
	backdrop-filter: blur(10px);
}

div#banner a.banner figure {
	width: 100%;
	border-radius: var(--Border-radius_S);
}

div#banner a.banner figure img {
	width: 100%;
	border-radius: var(--Border-radius_S);
	
	-webkit-box-reflect: below 0px -webkit-gradient(
      linear, left top, left bottom,
      from(rgba(0,0,0,0)),
      color-stop(0.7, rgba(0,0,0,0)),
      to(rgba(0,0,0,0.2)));
}








/* お知らせ */

article section#center div.news {
	margin: var(--Size_12) 0 var(--Size_24);
 	padding: var(--Size_12);
	width: 100%;
}

article section#center div.news div.area1 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: var(--Size_12);
}

article section#center div.news div.area1 figure {
	flex-basis: var(--News_figure);
	margin: 0;
	border-radius: var(--Border-radius_L);
	aspect-ratio: var(--Aspect-ratio_01-01);
}

article section#center div.news div.area1 figure img {
	width: 100%;
	border-radius: var(--Border-radius_L);
	aspect-ratio: var(--Aspect-ratio_01-01);
}

article section#center div.news div.area1 div {
	flex-grow: 1;
	text-align: right;
}

article section#center div.news div.area1 div p {
	margin: 0 0 var(--Size_06);
	padding: 0 0 var(--Size_04);
	text-align: left;
	font-size: var(--Size_14);
	font-weight: 800;
	line-height: var(--Linehight_M);
	border-bottom: 1px var(--Color_C100) solid;
}

article section#center div.news div.area1 div time {
	margin: 0;
	padding: 0 0 var(--Size_04);
	color: var(--Color_FF080);
	font-size: var(--Size_08);
	font-weight: 400;
	line-height: var(--Linehight_SS);
}

article section#center div.news div.area1 time::before {
	content: '\f274';
	padding: 0 var(--Size_04) 0 0;
	color: var(--Color_FF080);
	font-family: "Font Awesome 5 Free";
	font-size: var(--Size_08);
	font-weight: 900;
}
article section#center div.news div.area1 p.title span {
	display: inline-block;
	margin: 0 var(--Size_06) 0 0;
	font-size: var(--Size_10);
}

article section#center div.news div.area2 {
	padding: var(--Size_14) 0 0;
}

article section#center div.news div.area2 a {
	color: var(--Color_C100);
}