@charset "UTF-8";
/* --------------------------------------------------------------------
　特集一覧設定
-------------------------------------------------------------------- */
main#page-main-wrapper > h1{
width:100%;
font-weight:600;
letter-spacing:.02em;
text-align:center;
display:block !important;
line-height:1;
}
main#page-main-wrapper > h1 > span{
font-size:1.2rem;
margin-top:.8rem;
display:block;
opacity:.6;
}
main#page-main-wrapper > #feauture-list-wrap{
margin-bottom:6rem;
}
main#page-main-wrapper > #feauture-list-wrap > ul{
margin:0 auto;
}
main#page-main-wrapper > #feauture-list-wrap > ul > li > a > img{
}
main#page-main-wrapper > #feauture-list-wrap > ul > li > a > .info{
display:flex;
align-items:center;
flex-wrap:wrap;
line-height:1.5;
}
main#page-main-wrapper > #feauture-list-wrap > ul > li > a > .info > .day{
width:100%;
font-size:1.2rem;
line-height:1;
padding:0;
color:#999;
}
main#page-main-wrapper > #feauture-list-wrap > ul > li > a > .info > .text{
width:100%;
}
main#page-main-wrapper > #feauture-list-wrap > ul > li > a > .info > .spec{
font-size:1.0rem;
letter-soacing:.08em;
background:#c0c0c0;
padding:.2rem 1rem;
line-height:1;
margin:0 0 1rem 0;
color:#fff;
}
@media screen and (min-width:769px){
	main#page-main-wrapper > h1{
	font-size:3rem;
	padding:6rem 0;
	}
	main#page-main-wrapper > #feauture-list-wrap > ul{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:4rem 3rem;
	width:1200px;
	padding:0 2rem 8rem 2rem;
	}
	main#page-main-wrapper > #feauture-list-wrap > ul > li > a > .info > .text{
	font-size:1.3rem;
	line-height:1.5;
	font-weight:400;
	}
}
@media screen and (max-width:768px){
	main#page-main-wrapper > h1{
	font-size:2.2rem;
	padding:4rem 2rem;
	}
	main#page-main-wrapper > #feauture-list-wrap{
	margin-bottom:8rem;
	}
	main#page-main-wrapper > #feauture-list-wrap > ul{
	width:100%;
	padding:0 2rem;
	}
	main#page-main-wrapper > #feauture-list-wrap > ul > li{
	margin-bottom:2rem;
	}
	main#page-main-wrapper > #feauture-list-wrap > ul > li > a{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	align-items:flex-start;
	justify-content:center;
	gap:0 2rem;
	}
	main#page-main-wrapper > #feauture-list-wrap > ul > li > a > .info > .day{
	font-size:1.1rem;
	}
	main#page-main-wrapper > #feauture-list-wrap > ul > li > a > .info > .text{
	font-size:1.2rem;
	line-height:1.4;
	font-weight:600;
	}
}