@charset "UTF-8";

/* reset */

.sr_page-shopping-result__free .fca_container { padding: 0; }
.sr_page-shopping-result__free .fca_container .fca_container__in { max-width: 100%; }
.fsc_gheader-wrap.is-fixed .fsc_gheader,
.fca_shop-header { max-width: 1170px; margin: 0 auto; }

/* common */

#wrap_cl .pc_cl { display: block; }
#wrap_cl .pc_il_cl { display: inline-block; }
#wrap_cl .sp_cl { display: none !important; }

#wrap_cl a:hover { text-decoration: none; }
#wrap_cl ul { padding: 0; }
#wrap_cl li { list-style: none; }
#wrap_cl .bold_cl { font-family: "秀英明朝 M", "Shuei Mincho M"; }
#wrap_cl a { display: block; transition: .3s; }
#wrap_cl img { width: 100%; height: auto; }

#wrap_cl {
	max-width: 1170px;
	margin: 0 auto;
	letter-spacing: .1em;
	overflow: hidden;
	position: relative;
}
#wrap_cl, #wrap_cl h2 {
	font-family: "秀英明朝 L", "Shuei Mincho L", '游明朝','Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}

#hero_cl #mainTtl_cl { margin: 0; }
#heading_cl { padding: 4vw 0; text-align: center; margin: 0; }
#heading_cl span { display: block; font-size: min(2vw,22px); line-height: 2; letter-spacing: .15em; }
#heading_cl span:not(:last-child) { margin-bottom: 2vw; }
#mainNav_cl .navTtl_cl {
	width: 18%;
	line-height: 1;
	margin: 0 auto 2vw;
	position: relative;
	padding-top: 2vw;
}
#mainNav_cl .navTtl_cl:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 24%;
	height: 2px;
	margin-left: -12%;
	background: #8C7F6C;
}
#mainNav_cl .navList_cl {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #CEC3B6;
	border-left: 1px solid #CEC3B6;
	margin-bottom: 0;
}
#mainNav_cl .navList_cl li { width: calc(100%/3); }
#mainNav_cl .navList_cl li a {
	position: relative;
	border-right: 1px solid #CEC3B6;
	border-bottom: 1px solid #CEC3B6;
	text-align: center;
	font-size: min(1.8vw,22px);
	padding: 28px 10px;
	line-height: 1;
}
#mainNav_cl .navList_cl li a:hover { background: rgba(206,195,182,.3); }
#mainNav_cl .navList_cl li a:before,
#mainNav_cl .navList_cl li a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	height: 1px;
	background: #CEC3B6;
}
#mainNav_cl .navList_cl li a:before { width: 8%; }
#mainNav_cl .navList_cl li a:after { width: 2%; transform: rotate(20deg); margin-top: -1px; }

@media (max-width: 1280px) {
	#wrap_cl { max-width: 90%; }
}
@media (max-width: 768px) {
	#wrap_cl .pc_cl,
	#wrap_cl .pc_il_cl { display: none !important; }
	#wrap_cl .sp_cl { display: block !important; }
	#wrap_cl { max-width: 100%; }
	#heading_cl { padding: 6vw 0; }
	#heading_cl span { font-size: 2.7vw; }
	#mainNav_cl .navTtl_cl { width: 26%; margin-bottom: 4vw; padding-top: 3vw; }
	#mainNav_cl .navList_cl li a {
		font-size: 2.7vw;
		line-height: 1.4;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-top: 2vw;
		padding-bottom: 2vw;
	}
}
@media (max-width: 540px) {
	#heading_cl { padding: 8vw 0; }
	#heading_cl span { font-size: 4vw; }
	#heading_cl span:not(:last-child) { margin-bottom: 4vw; }
	#mainNav_cl .navTtl_cl { width: 36%; margin-bottom: 6vw; }
	#mainNav_cl .navList_cl li { width: calc(100%/2); }
	#mainNav_cl .navList_cl li a {
		font-size: 4.2vw;
		min-height: 17vw;
		padding-top: 3vw;
		padding-bottom: 3vw;
	}
	#mainNav_cl .navList_cl li a:before,
	#mainNav_cl .navList_cl li a:after { right: 10px; }
	#mainNav_cl .navList_cl li a:after { width: 4%; }
}