@charset "utf-8";
#mainFV{
	width:100%;
	background-color:#fff;
}
#mainFV .postSec[data-tag="recomend"]:before,
#mainFV .postSec[data-tag="recomend"] .txtBox:before{background-image:url("../img/common/recommend-flg.svg");}
#mainFV .postSec[data-tag="new"]:before,
#mainFV .postSec[data-tag="new"] .txtBox:before{background-image:url("../img/common/new-flg.svg");}
#mainFV .postSec .postThb:after{padding-top:57.777%;}
#mainFV .postSec .txtBox{
	background-color:#fff;
	z-index:1;
}
#mainFV .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#f8f2ef;}
#pickupSec{
	position:relative;
	background-color:#fff;
	overflow:hidden;
}
#pickupSec .bg{
	width:100%;
	position:absolute;
	left:0;
}
#pickupSec .bg canvas{
	width:100%;
	height:100%;
}
#pickupSec #waveCanvas{display:block;}
#pickupSec .pickupMain{
	position:relative;
	display:flex;
	justify-content:space-between;
	width:100%;
}
#pickupSec:not(.noPost) .pickupMain{background:url("../img/top/pickup-bg.svg") #fef3ef no-repeat center bottom;}
#pickupSec .noPickup{
	width:100%;
	text-align:center;
}
#pickupSec.noPost .pickupMain{
	background-color:#fef3ef;
	text-align:center;
}
#pickupSec h2{
	position:relative;
	width:100%;
	text-align:center;
}
#pickupSec h2 span{display:block;}
#pickupSec h2 img{
	display:block;
	margin:0 auto;
	vertical-align:top;
}
#pickupSec .pickup:nth-child(2):before{
	content:"";
	display:block;
	position:absolute;
	width:1px;
	background-color:#e4e4e4;
}
#pickupSec .pickup .postThb:after{padding-top:85.833%;}
#newArticle .postSec{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
#newArticle .postSec .postThb:after{padding-top:87%;}
#topSearchBox{background-color:#fff;}
#topSearchBox label,
#topSearchBox .tagSearchList dt{
	display:block;
	color:#d29576;
	font-weight:bold;
	line-height:1.0;
}
#topSearchBox #topSearchInput{
	height:50px;
	padding:17px 60px 17px 17px;
	border-radius:6px;
	background-color:#f5f5f4;
}
#topSearchBox #topSearchBtn{
	top:6px;
	right:13px;
	font-size:3.7rem;
}
#recommendBox .postSec{margin:0 11px;}
#recommendBox .postSec .postThb{border-radius:18px;}
#recommendBox .postSec .postThb:after{padding-top:87.5%;}
#recommendBox .postSec time{text-align:right;}
#bnrSet a{
	display:block;
	z-index:1;
	overflow:hidden;
}
#bnrSet .wp-block-image{margin:0;}
#aboutBox{
	position:relative;
	text-align:center;
}
#aboutBox p{line-height:1.8;}
#aboutBox figure{
	display:block;
	position:absolute;
}
#btmBnrBox{
	width:100%;
	background-color:#fff;
}
#btmBnrBox .bnrTtl{text-align:center;}
#btmBnrBox .bnrTtl > *{
	display:block;
	line-height:1.0;
}
#btmBnrBox .bnrTtl small{
	font-weight:bold;
	color:#e46f6f;
}
@media screen and (max-width:1159.98px){
	#mainFV .postSec .txtBox{
		width:92vw;
		margin:-34px auto 0;
		padding:17px 5vw 0;
		border-radius:12px;
		z-index:1;
	}
	#mainFV .postSec[data-tag] .txtBox:before{
		content:"";
		display:block;
		width:114px;
		height:39px;
		position:absolute;
		top:-26px;
		left:-4vw;
		background-position:left top;
		background-size:contain;
		background-repeat:no-repeat;
		z-index:1;
	}
	#mainFV .swiper-pagination{margin-top:18px;}
	#pickupSec{padding-top:0;}
	#pickupSec .bg{
		height:78px;
		top:36px;
	}
	#pickupSec h2{margin:0 auto 24px;}
	#pickupSec h2 img{
		width:250px;
		transform:translateX(-34px);
	}
	#pickupSec .pickupMain{
		padding:6px 4vw 0;
		background-size:604px auto!important;
	}
	#pickupSec .pickup{
		width:42.666vw;
		margin-bottom:46px;
	}
	#pickupSec .pickup:nth-child(2):before{
		height:314px;
		top:24px;
		left:-3.2vw;
	}
	#pickupSec .pickup .postThb{border-radius:16px;}
	#pickupSec .pickup .txtBox{margin-top:10px;}
	#pickupSec .pickup .postTag li{margin-left:4px;}
	#newArticle h2{margin-bottom:36px;}
	#newArticle h2:before{
		width:338px;
		height:104px;
		transform:translateX(2px);
		background-image:url("../img/top/new-ttl-sp.svg");
	}
	#newArticle .postSec+.postSec{margin-top:28px;}
	#newArticle .postSec .postThb{
		width:29.58579%;
		border-radius:9px;
	}
	#newArticle .postSec .txtBox{width:65.68%;}
	#newArticle .postSec time{font-size:1.0rem;}
	#newArticle .postSec .postTitle{
		padding:9px 0 0;
		font-size:1.3rem;
	}
	#topSearchBox{
		margin-top:30px;
		padding:33px 6.4vw 30px;
		border-radius:20px;
	}
	#topSearchBox label,
	#topSearchBox .tagSearchList dt{
		margin-bottom:16px;
		font-size:1.6rem;
	}
	#topSearchBox .tagSearchList{margin-top:32px;}
	#topSearchBox #topSearchInput{
		padding:18px 48px 18px 17px;
		font-size:1.4rem;
	}
	#topSearchBox .tagSearchList dd{margin-top:-10px;}
	#topSearchBox .tagSearchList .postTag li{margin:10px 5px 0 0;}
	#topSearchBox .tagSearchList .postTag a{
		padding:5px 16px;
		border-radius:13px;
		font-size:1.0rem;
	}
	#recommendBox{margin-top:24px;}
	#recommendBox h2{margin-bottom:36px;}
	#recommendBox h2:before{
		width:339px;
		height:105px;
		transform:translateX(-3px);
		background-image:url("../img/top/recommend-ttl-sp.svg");
	}
	#recommendBox .postSec{width:160px;}
	#recommendBox .postSec .txtBox{margin-top:10px;}
	#recommendBox .postSec .catTag{font-size:1.2rem;}
	#recommendBox .postSec .catTag li+li{margin-top:5px;}
	#recommendBox .postSec .postTitle{
		padding:9px 0 0;
		font-size:1.3rem;
	}
	#recommendBox .postSec time{
		margin-top:10px;
		font-size:1.2rem;
	}
	#recommendBox .swiper-pagination{
		margin-top:28px;
		background-color:#fff;
	}
	#recommendBox .swiper-pagination-progressbar-fill{background-color:#d8d8d8;}
	#bnrSet{margin-top:52px;}
	#bnrSet li+li{margin-top:14px;}
	#bnrSet a{border-radius:6px;}
	#aboutBox{
		margin-top:70px;
		padding:1px 6.4vw 62px;
		border:4px solid #fefaf8;
		border-radius:20px;
	}
	#aboutBox h2{margin-bottom:24px;}
	#aboutBox h2:before{
		width:131px;
		height:118px;
		margin-top:-25px;
		background-image:url("../img/top/about-ttl-sp.svg");
	}
	#aboutBox figure{
		width:152px;
		bottom:-66px;
		right:2.4vw;
	}
	#aboutBox p{font-size:1.3rem}
	#aboutBox p+p{margin-top:25px;}
	#aboutBox p+p.endMessage{margin-top:36px;}
	#btmBnrBox{padding:52px 0 62px;}
	#btmBnrBox .bnrSec{
		width:87.2vw;
		max-width:326px;
		margin:0 auto;
	}
	#btmBnrBox .bnrSec+.bnrSec{margin-top:42px;}
	#btmBnrBox .bnrTtl{height:76px;}
	#btmBnrBox .bnrTtl small{font-size:1.3rem;}
	#btmBnrBox .bnrTtl strong{
		margin-top:12px;
		font-size:2.2rem;
	}
	#btmBnrBox .bnrTtl img{width:208px;}
}
@media screen and (max-width:479.98px){
	#pickupSec .postSec .catTag li{display:block;}
	#pickupSec .postSec .catTag li{
		margin-top:4px;
		margin-left:0;
	}
}

@media screen and (max-width:766.98px){
}
@media screen and (min-width:767px) and (max-width:1159.98px){
}
@media screen and (min-width:1160px){
	main{margin:96px auto 178px;}
	#mainFV{padding-top:42px;}
	#mainFV .postSec{
		width:900px;
		margin:0 25px;
	}
	#mainFV .postSec[data-tag]:before{
		content:"";
		display:block;
		width:178px;
		height:62px;
		position:absolute;
		top:-25px;
		left:-8px;
		background-position:left top;
		background-size:contain;
		background-repeat:no-repeat;
		z-index:2;
	}
	#mainFV .postSec .postThb{border-radius:44px;}
	#mainFV .postSec .txtBox{
		position:absolute;
		bottom:0;
		left:30px;
		width:840px;
		padding:22px 45px;
	}
	#mainFV .swiper-pagination{margin:16px auto 24px;}
	#pickupSec{padding-top:212px;}
	#pickupSec .bg{
		height:150px;
		top:62px;
	}
	#pickupSec h2{margin:-212px auto 55px;}
	#pickupSec h2 img{
		width:383px;
		transform:translateX(-45px);
	}
	#pickupSec .pickupMain{
		padding-right:calc(50% - 535px);
		padding-left:calc(50% - 535px);
	}
	#pickupSec:not(.noPost) .pickupMain{min-height:732px;}
	#pickupSec.noPost .pickupMain{min-height:160px;}
	#pickupSec .pickup{width:480px;}
	#pickupSec .pickup:nth-child(2):before{
		height:482px;
		top:53px;
		left:-55px;
	}
	#pickupSec .pickup .postThb{border-radius:26px;}
	#pickupSec .pickup .txtBox{margin-top:26px;}
	#pickupSec .pickup .postTag li{margin-left:8px;}
	#pickupSec .pickup .postTag a{
		padding:3px 14px;
		border-radius:12px;
		font-size:1.2rem;
	}
	#newArticle h2{margin-bottom:54px;}
	#newArticle h2:before{
		width:720px;
		height:113px;
		margin-top:-44px;
		background-image:url("../img/top/new-ttl-pc.svg");
	}
	#newArticle .postSec+.postSec{margin-top:40px;}
	#newArticle .postSec .postThb{
		width:186px;
		border-radius:16px;
	}
	#newArticle .postSec .txtBox{width:502px;}
	#newArticle .postSec time{font-size:1.2rem;}
	#newArticle .postSec .postTitle{
		padding:20px 0 0;
		font-size:1.5rem;
	}
	#topSearchBox{
		padding:50px 45px;
		margin-top:66px;
		border-radius:26px;
	}
	#topSearchBox label,
	#topSearchBox .tagSearchList dt{
		margin-bottom:18px;
		font-size:1.8rem;
	}
	#topSearchBox .tagSearchList{margin-top:38px;}
	#topSearchBox #topSearchBtn{
		top:6px;
		right:13px;
		font-size:3.7rem;
	}
	#topSearchBox .tagSearchList dd{margin-top:-12px;}
	#topSearchBox .tagSearchList .postTag li{margin:12px 9px 0 0;}
	#topSearchBox .tagSearchList .postTag a{
		padding:5px 16px;
		border-radius:13px;
	}
	#recommendBox{margin-top:80px;}
	#recommendBox h2{margin-bottom:54px;}
	#recommendBox h2:before{
		width:720px;
		height:103px;
		background-image:url("../img/top/recommend-ttl-pc.svg");
	}
	#recommendBox .postSec{width:224px;}
	#recommendBox .postSec .txtBox{margin-top:20px;}
	#recommendBox .postSec .catTag{font-size:1.3rem;}
	#recommendBox .postSec .catTag li{margin-right:10px;}
	#recommendBox .postSec .postTitle{
		padding:13px 0 0;
		font-size:1.5rem;
	}
	#recommendBox .postSec time{
		margin-top:15px;
		font-size:1.2rem;
	}
	#recommendBox .swiper-pagination{margin-top:30px;}
	#bnrSet{margin-top:60px;}
	#bnrSet li+li{margin-top:30px;}
	#bnrSet a{border-radius:10px;}
	#aboutBox{
		margin-top:76px;
		padding:0 93px 50px;
		border:6px solid #fefaf8;
		border-radius:28px;
	}
	#aboutBox h2{margin-bottom:20px;}
	#aboutBox h2:before{
		width:160px;
		height:141px;
		margin-top:-23px;
		background-image:url("../img/top/about-ttl-pc.svg");
	}
	#aboutBox p{font-size:1.6rem;}
	#aboutBox p+p{margin-top:25px;}
	#aboutBox p+p.endMessage{margin-top:36px;}
	#aboutBox figure{
		width:177px;
		right:43px;
		bottom:-77px;
	}
	#btmBnrBox{
		display:flex;
		justify-content:space-between;
		padding:85px 0 98px;
		padding-right:calc(50% - 535px);
		padding-left:calc(50% - 535px);
	}
	#btmBnrBox .bnrSec{width:500px;}
	#btmBnrBox .bnrTtl{height:104px;}
	#btmBnrBox .bnrTtl small{font-size:1.8rem;}
	#btmBnrBox .bnrTtl strong{
		margin-top:24px;
		font-size:2.8rem;
	}
	#btmBnrBox .bnrTtl img{width:274px;}
}