@charset "EUC-JP";
.paraxFg{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	z-index:0;
}
.paraxFg img{
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	object-position:center center;
}
.c-calendar{background:url("https://file001.shop-pro.jp/PA01509/180/img/common/bg.webp") repeat #edeae4;}
.moreLink a{
	display:flex;
	align-items:center;
	margin:0 auto;
	background-color:#447d80;
	border:1px solid #447d80;
	color:#fff;
	line-height:1.0;
	font-size:18px;
	transition:all 0.4s;
}
.moreLink a:hover{
	background-color:#fff;
	color:#447d80;
	opacity:1;
}
.moreLink a *{display:block;}
.moreLink a svg{width:21px;}
.moreLink a svg use{fill:#fff;}
.moreLink a:hover svg use{fill:#447d80;}
#mvSlider{position:relative;}
#mvSlider .slick-dots{margin-top:18px;}
#mvSlider .slick-dots li{
	display:inline-block;
	width:8px;
	height:8px;
}
#mvSlider .slick-dots li+li{margin-left:12px;}
#mvSlider .slick-dots li button{
	display:block;
	width:100%;
	height:100%;
	background-color:#d9d9d9;
	border-radius:50%;
	font-size:0px;
}
#mvSlider .slick-dots li.slick-active button{background-color:#368377;}
#mvSlider img {width: 100%;}
#newsSec .doubleTtl{flex-direction:column;}
#newsSec .doubleTtl small{margin-top:17px;}
#newsSec .newsList a,
#newsSec .newsList li p{
	background-color:#d6e1e1;
	line-height:1.75;
	font-size:16px;
}
#newsSec .newsList li p time,
#newsSec .newsList a time{font-weight:bold;}
#arrivalSec .arrivalList{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#arrivalSec .arrivalList li{display:block;}
#arrivalSec .arrivalList li a,
#arrivalSec .arrivalList li a .fg{display:block;position:relative;}
#arrivalSec .arrivalList li a .fg:before{content:"";display:block;width:100%;height:0;padding-top:66.6667%;}
#arrivalSec .arrivalList li a .fg img{position:absolute;top:0;left:0;width:100%;height:100%;}
#arrivalSec .arrivalList li .price{font-weight:bold;}
#pickupSec .pickupList li{display:block;}
#pickupSec .pickupList li p{
	display:block;
	margin-bottom:0;
	line-height:1.625;
}
#instaSec .instaList{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#instaSec .instaList li{display:block;}
#instaSec .instaList li a{
	display:block;
	position:relative;
}
#instaSec .instaList li a:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5) url("https://file001.shop-pro.jp/PA01509/180/img/common/instagram-icon.svg") no-repeat center center;
	transition:opacity 0.4s;
	opacity:0;
}
#instaSec .instaList li a:hover:after{opacity:1;}
#conceptSec,
#infoSec{position:relative;}
#conditionSec{background-color:#d6e1e1;}
#conditionSec .doubleTtl{
	flex-direction:column;
	align-items:center;
	text-align:center;
}
#conditionSec .doubleTtl strong{margin-right:0!important;}
#conditionSec .doubleTtl small{margin-top:20px;}
#conceptSec h3{
	display:block;
	line-height:1.0;
}
#infoSec .txtBox p a{text-decoration: underline;}
#conditionSec .starList li{width:100%;}
#conditionSec .starList li+li{border-top:1px solid #bbcfcf;}
#conditionSec .conditionTxt{
	margin-bottom:0;
	line-height:1.75;
}
@media screen and (max-width:1023.98px){
	.moreLink a{
		padding:20px 12px;
		justify-content:center;
	}
	.moreLink a span{padding-right:20px;}
	.l-main{background:url("https://file001.shop-pro.jp/PA01509/180/img/common/bg.webp") repeat #edeae4;}
	.l-main > *:not(#mvSlider):not(#conceptSec):not(#infoSec):not(#conditionSec){
		margin-right:5.333vw;
		margin-left:5.333vw;
	}
	#mvSlider picture,
	#mvSlider picture img{
		display:block;
		width:100%;
	}
	#mvSlider .slick-dots{text-align:center;}
	#newsSec{margin-top:38px;}
	#newsSec .doubleTtl{margin-bottom:30px;}
	#newsSec .newsList li+li{margin-top:10px;}
	#newsSec .newsList li p,
	#newsSec .newsList a{
		display:block;
		padding:24px 5.9% 20px;
	}
	#newsSec .newsList li p time,
	#newsSec .newsList a time{
		display:block;
		margin-bottom:10px;
		line-height:1.0;
	}
	#arrivalSec{margin-top:86px;}
	#arrivalSec .arrivalList li{width:49.25%;}
	#arrivalSec .arrivalList li:nth-child(n+3){margin-top:26px;}
	#arrivalSec .arrivalList li a{position:relative;}
	#arrivalSec .arrivalList li span{display:block;}
	#arrivalSec .arrivalList li .name{
		margin-top:10px;
		font-size:15px;
	}
	#arrivalSec .arrivalList li .price{
		margin-top:10px;
		font-size:14px;
		line-height:1.0;
	}
	#arrivalSec .arrivalList li .price.soldout{color:#926577;}
	#pickupSec{margin-top:96px;}
	#pickupSec .pickupList li{width:100%;}
	#pickupSec .pickupList li+li{margin-top:40px;}
	#pickupSec .pickupList li p{margin-top:20px;}
	#instaSec{margin-top:90px;}
	#instaSec .instaList li{width:50%;}
	#instaSec .instaList li a:after{background-size:12.5% auto;}
	#instaSec .moreLink{margin-top:40px;}
	#instaSec .moreLink a{width:100%;}
	#conceptSec{
		margin-top:78px;
		padding:17.6vw 5.333vw 72vw;
		background-color:#fafafa;
	}
	#conceptSec .bg{
		width:100%;
		position:absolute;
		bottom:0;
		left:0;
		z-index:0;
	}
	#conceptSec .txtBox{
		position:relative;
		z-index:1;
	}
	#conceptSec .doubleTtl{margin-bottom:26px;}
	#conceptSec h3 img{width:87.46268%;}
	#conceptSec .moreLink{margin-top:30px;}
	#conceptSec .moreLink a{
		width:170px;
		margin-left:0;
	}
	#infoSec{
		display:flex;
		flex-direction:column-reverse;
		margin-top:80px;
	}
	#infoSec .bg,
	#infoSec .bg img{
		display:block;
		width:100%;
	}
	#infoSec .txtBox{
		padding:40px 0 36px;
		background-color:#d8e2e1;
	}
	#infoSec .doubleTtl{
		display:block;
		margin-bottom:36px;
		text-align:center;
	}
	#infoSec .doubleTtl strong{
		margin-right:0;
		letter-spacing:-0.2vw;
	}
	#infoSec .doubleTtl small{margin-top:24px;}
	#infoSec p{margin:0 11.733vw;}
	#infoSec .moreLink{
		margin-top:20px;
		text-align:center;
	}
	#infoSec .moreLink a{
		width:170px;
		margin:0 auto;
	}
	#conditionSec{
		margin-top:80px;
		padding:64px 5.333vw 60px;
	}
	#conditionSec .doubleTtl{width:100%;}
	#conditionSec .starList{
		margin:48px auto 46px;
	}
	#conditionSec .starList li+li{
		margin-top:8px;
		padding-top:8px;
	}
	#conditionSec .starList li > *{display:block;}
	#conditionSec .starList .starFg{line-height:1.0;}
	#conditionSec .starList .starTxt{
		margin-top:5px;
		line-height:1.625;
	}
	#conditionSec .starList img{
		width:18px;
		margin-right:2px;
	}
	#conditionSec .conditionTxt:nth-of-type(n+2){display:none;}
	#conditionSec .conditionTxt+.conditionTxt{margin-top:12px;}
	#conditionSec .moreFlg{
		display:block;
		line-height:1.0;
	}
	#conditionSec .moreBtn{
		width:100%;
		margin:38px auto 0;
		border:1px solid #454646;
	}
	#conditionSec .moreBtn span{
		position:relative;
		width:100%;
		height:100%;
		padding:20px 44px;
		text-align:center;
	}
	#conditionSec .moreBtn span:before,
	#conditionSec .moreBtn span:after{
		content:"";
		position:absolute;
		right:22px;
		top:50%;
		display:block;
		width:20px;
		height:1px;
		background-color:#454646;
	}
	#conditionSec .moreBtn span.shows:before{transform:rotate(90deg);}

	#conditionSec #moreFlgCheck:checked ~ .conditionTxt:nth-of-type(n+2){display:block;}
	#conditionSec #moreFlgCheck:checked ~ .moreFlg .shows,
	#conditionSec #moreFlgCheck:not(:checked) ~ .moreFlg .hides{display:none;}
	#conditionSec #moreFlgCheck:not(:checked) ~ .moreFlg .shows,
	#conditionSec #moreFlgCheck:checked ~ .moreFlg .hides{display:block;}
}
@media screen and (min-width:1024px){
	.classic{z-index:1;}
	.kiHeader{background:url(../img/common/bg.webp) repeat #edeae4;}
	.l-main{padding-bottom:90px;}
	.l-main:before{
		content:"";
		display:block;
		position:absolute;
		top:-100px;
		left:-340px;
		width:calc(100% + 340px);
		height:calc(100% + 100px);
		background:url("https://file001.shop-pro.jp/PA01509/180/img/common/bg.webp") repeat #edeae4;
		z-index:0;
	}
	#globalMenu,
	.l-main > *{
		position:relative;
		z-index:1;
	}
	.moreLink a{
		padding:16px 18px;
		justify-content:space-between;
	}
	.moreLink a span{
		flex:1;
		padding-left:22px;
		text-align:center;
	}
	#newsSec{
		display:flex;
		justify-content:space-between;
		margin-top:42px;
	}
	#newsSec .doubleTtl{width:140px;}
	#newsSec .newsList{width:calc(100% - 140px);}
	#newsSec .newsList li+li{margin-top:3px;}
	#newsSec .newsList li p,
	#newsSec .newsList a{
		display:flex;
		align-items:flex-start;
		padding:17px 30px;
	}
	#newsSec .newsList li p time,
	#newsSec .newsList a time{width:128px;}
	#newsSec .newsList li p span,
	#newsSec .newsList a span{width:calc(100% - 128px);}
	#arrivalSec{margin-top:52px;}
	#arrivalSec .arrivalList li{width:32.8%;}
	#arrivalSec .arrivalList li:nth-child(n+4){margin-top:8px;}
	#arrivalSec .arrivalList li .hover,
	#arrivalSec .arrivalList li a{
		width:100%;
		height:100%;
	}
	#arrivalSec .arrivalList li a{position:relative;}
	#arrivalSec .arrivalList li .hover{
		position:absolute;
		top:0;
		left:0;
		display:flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
		background:rgba(0,0,0,0.5);
		text-align:center;
		color:#fff;
		opacity:0;
		transition:all 0.4s;
	}
	#arrivalSec .arrivalList li a:hover .hover{opacity:1;}
	#arrivalSec .arrivalList li .price{margin-top:22px;}
	#arrivalSec .arrivalList li .price.soldout{color:#ffe3ee;}
	#pickupSec{margin-top:96px;}
	#pickupSec .pickupList{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	#pickupSec .pickupList li{width:49%;}
	#pickupSec .pickupList li:nth-child(n+3){margin-top:44px;}
	#pickupSec .pickupList li p{margin-top:15px;}
	#instaSec{margin-top:96px;}
	#instaSec .instaList li{width:25%;}
	#instaSec .instaList li a:after{background-size:9.14285% auto;}
	#instaSec .moreLink{margin-top:36px;}
	#instaSec .moreLink a{
		width:300px;
		padding:16px 24px;
	}
	#conceptSec{margin-top:88px;}
	#conceptSec .txtBox{
		position:absolute;
		top:0;
		left:9.6%;
		margin-top:9.6%;
	}
	#conceptSec .doubleTtl{margin-bottom:26px;}
	#conceptSec .moreLink{margin-top:30px;}
	#conceptSec .moreLink a{
		width:170px;
		margin-left:0;
	}
	#infoSec{margin-top:40px;}
	#infoSec .txtBox{
		position:absolute;
		top:0;
		right:0;
		padding:66px 60px 60px;
		background:rgba(214,225,225,0.9);
	}
	#infoSec .doubleTtl{
		align-items:flex-end;
		margin-bottom:24px;
	}
	#infoSec .doubleTtl small{padding-bottom:7px;}
	#infoSec .moreLink{margin-top:20px;}
	#infoSec .moreLink a{
		width:170px;
		margin-left:0;
	}
	#conditionSec{
		margin-top:90px;
		padding:65px 5.5% 62px;
	}
	#conditionSec .doubleTtl{width:100%;}
	#conditionSec .starList{
		width:550px;
		margin:48px auto 46px;
	}
	#conditionSec .starList li{
		display:table;
		line-height:1.0;
	}
	#conditionSec .starList li+li{
		margin-top:12px;
		padding-top:12px;
	}
	#conditionSec .starList li > *{display:table-cell;}
	#conditionSec .starList .starFg{width:116px;}
	#conditionSec .starList .starTxt{width:434px;}
	#conditionSec .starList img{
		width:16px;
		margin-right:2px;
	}
	#conditionSec .conditionTxt+.conditionTxt{margin-top:12px;}
}
@media screen and (min-width:1024px) and (max-width:1215.98px){
	.l-main > *:not(#mvSlider){margin-right:2vw;}
}
@media screen and (min-width:1216px){
	.l-main > *:not(#mvSlider){margin-right:60px;}
}

/* instagramÏ¢·È */
.instagram-imageTemplate{
	display:none!important;
}

.instagram-images{
	--instagramImageGap:10px;
	/* --instagramImageGap:0; */
	--instagramImageCols:4;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	/* max-width:750px; */
	gap:var(--instagramImageGap);
}

.instagram-image{
	width:calc((100% / var(--instagramImageCols)) - ((var(--instagramImageGap) * (var(--instagramImageCols) - 1)) / var(--instagramImageCols)));
	position:relative;
	display:block;
	overflow:hidden;
}
.instagram-image::before{
	content:"";
	padding-top:100%;
	display:block;
}
.instagram-image img{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	object-fit:cover;
}
/* @media (hover: hover){
	.instagram-image img{
		transition:transform 0.4s ease-out, filter 0.4s ease-out;
	}
	.instagram-image:hover img{
		transform:scale(1.02);
		filter:brightness(1.3);
	}
} */
.instagram-image:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5) url("https://file001.shop-pro.jp/PA01509/180/img/common/instagram-icon.svg") no-repeat center center;
	transition:opacity 0.4s;
	opacity:0;
}
.instagram-image:hover:after{opacity:1;}
@media screen and (max-width:1023.98px){
	.instagram-images{
		--instagramImageCols:2;
	}
	.instagram-image:after{background-size:12.5% auto;}
}
	@media screen and (min-width:1024px){
	.instagram-image:after{background-size:9.14285% auto;}
}