@charset "utf-8";
/* CSS関数設定 */
:root{
	/* カラーパレット */
	--WHITE: #fff;
	--BLACK: #000;

	--GRAY01: #F6F9FA;
	--GRAY02: #EBEBEB;
	--GRAY03: #FAFAFA;
	--GRAY04: #F1F1F1;
	--GRAY04_BG: rgb(241, 241, 241,.95);
	--GRAY05: #F4F1EE;
	--GRAY06: #E2DEDA;
	--GRAY07: #DBDBDB;
	--GRAY08: #ccc;
	--GRAY09: #6E6E6E;
	--GRAY10: #9B9B9B;
	--GRAY11: #666666;
	--GRAY12: #888;
	--GRAY13: #6D6D6D;
	--GRAY14: #797979;
	--GRAY15:#F4F1EE;
	--GRAY16:#F8F8F8;
	--GRAY17:#B5ABA2;
	--GRAY18:#5E5750;
	--DARK01: #0C0C0C;


	--BROWN01:#4A3828;
	--BROWN02:#624B35;
	--BROWN03:#302b26;

	--RED01:#B14444;

	--BLUE01:#064789;

	/* テキストベースカラー */
	--TXT_COLOR: var(--DARK01);
	/* ランキングカラー */
	--RANKING_1ST: #be9640;
	--RANKING_2ND: #949393;
	--RANKING_3RD: #bf804c;
	--RANKING_OTHER: #4d4c4b;

	/* カラーリスト */
	--RED:#FF0000;
	--LIGHT_PINK:#FFC0CB;
	--PINK:#FF69B4;
	--DEEP_PINK:#FF1493;
	--ORANGE:#FFA500;
	--GOLD:#FFD700;
	--YELLOW:#FFFF00;
	--LIGHT_YELLOW:#FFFFE0;
	--MASTERD_YELLOW:#F8B400;
	--LIME:#00FF00;
	--LIGHT_GREEN:#90EE90;
	--GREEN:#008000;
	--MOSS_GREEN:#777e41;
	--OLIVE_GREEN:#808000;
	--EMERALD_GREEN:#008B8B;
	--DARK_GREEN:#005731;
	--BLUE_GRAY:#B0C4DE;
	--LIGHT_BLUE:#ADD8E6;
	--BLUE:#0000FF;
	--DARK_BLUE:#00008B;
	--NAVY:#000080;
	--MIDNIGHT_BLUE:#191970;
	--DEEP_BLUE:#233B6C;
	--INDIGO_BLUE:#043c78;
	--TURQUOISE_BLUE:#00afcc;
	--WHITE:#FFFFFF;
	--WHITE_WASH:#F5F5F5;
	--OAK:#ebe5dc;
	--IVORY:#FFFFF0;
	--LIGHT_GRAY:#D3D3D3;
	--SLIVER:#C0C0C0;
	--DARK_GRAY:#A9A9A9;
	--GRAY:#808080;
	--OYSTER_GRAY:#CEC0BD;
	--BLACK:#000000;
	--PURPLE:#800080;
	--LAVENDER:#cab8d9;
	--ROSE:#e95464;
	--WINE_RED:#83274e;
	--CHARCOAL_GRAY:#4e454a;
	--DARK_BROWN:#664032;
	--BROWN:#864A2B;
	--WALNUT_BROWN:#843900;
	--LIGHT_BROWN:#B97E54;
	--MOCHA_BROWN:#8f6552;
	--MOCHA:#b29784;
	--CAMEL:#BB8D5F;
	--BEIGE:#E7D0A9;
	--NATURAL:#FCE2C4;

	--PLAID_NAVY:URL(../images/common/plaid_navy.jpg);
	--PLAID_GRAY:URL(../images/common/plaid_gray.jpg);
	--CHIDORI:URL(../images/common/chidori.jpg);
	--BORDER_YELLOW:URL(../images/common/border_yellow.jpg);
	--BORDER_GRAY:URL(../images/common/border_gray.jpg);
	--BORDER_NAVY:URL(../images/common/border_navy.jpg);
	--BORDER_BLACK:URL(../images/common/border_black.jpg);
	--PW_ORANGE:URL(../images/common/pw_orange.jpg);
	--PW_NAVY:URL(../images/common/pw_navy.jpg);
	--PW_BLACK:URL(../images/common/pw_black.jpg);
	--PW_BEIGE:URL(../images/common/pw_beige.jpg);
	--PW_RED:URL(../images/common/pw_red.jpg);
	--CIRCLE_GREEN:URL(../images/common/circle_green.jpg);
	--CIRCLE_GRAY:URL(../images/common/circle_gray.jpg);



	/* 共通角丸 */
	--COMMON_BDRS: 8px;
	--BTN_BDRS:60px;

	/* 共通ボックス影 */
	--COMMON_BXSD: 0px 0px 8px 0px var(--GRAY08);
	--COMMON_BXSD_LIGHT: 0px 0px 8px 0px rgba(0,0,0,0.16);
  /* フォント */
  --FF_BASE: 'Noto Sans JP',"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  --FF_LATO:  'Lato',sans-serif;

	/* アニメーション */
	--ANIME_FADEIN: fadeIn .5s ease-in-out .6s forwards;

	/* フォントサイズ */
	--FZ_36:clamp(21px,3.6vw,36px);
	--FZ_24:clamp(21px,2.7vw,27px);
	--FZ_24_FP:clamp(18px,2.4vw,24px);
	--FZ_20:clamp(16px,2vw,20px);
	--FZ_20_SP_SMALL:clamp(15px,2vw,20px);
	--FZ_18:clamp(15px,1.5vw,18px);
	--FZ_18_CONST:18px;
	--FZ_16:clamp(15px,1.6vw,16px);
	--FZ_BASE:clamp(14px,1.5vw,15px);
	--FZ_BASE_SP_SMALL:clamp(12px,1.5vw,15px);
	--FZ_BASE_SP_VSMALL:clamp(10px,1.2vw,15px);
	--FZ_14:clamp(12px,1vw,14px);
	--FZ_14_CONST:14px;
	--FZ_13:clamp(12px,1.3vw,13px);
	--FZ_12_CONST:12px;
	

	/* 余白 */
	--SPACE_100: clamp(40px,10vw,100px);
	--SPACE_90: clamp(36px,9vw,90px);
	--SPACE_80: clamp(40px,8vw,80px);
	--SPACE_70: clamp(36px,7vw,70px);
	--SPACE_60: clamp(36px,6vw,60px);
	--SPACE_50:clamp( 30px, 5vw, 50px);
	--SPACE_40:clamp( 30px, 4vw, 40px);
	--SPACE_30:clamp(20px,2vw,30px);
	--SPACE_20:clamp( 10px, 2vw, 20px);
	--SPACE_10:clamp( 5px, 1vw, 12px);
	--GENERALSEC: var(--SPACE_90);
}
/* フェードインアニメーション */
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@media screen and (min-width: 768px){
	:root{
		/* フォトサイズ */
		--FZ_SS: 12px;
		--FZ_S: 14px;
		--FZ_M: 16px;
		--FZ_L: 18px;

		/* インナー幅 */
		--INNER_WIDTH: 95%;
		--MAX_WIDTH: 1200px;
		--MAX_WIDTH_S: 1000px;
		--MAX_WIDTH_XS: 500px;
	}
}
@media screen and (max-width: 767px){
	:root{
		/* フォトサイズ */
		--FZ_SS: 12px;
		--FZ_S: 14px;
		--FZ_M: 16px;
		--FZ_L: 18px;

		/* インナー幅 */
		--INNER_WIDTH: 95%;
	}
}
/* リセットCSS */
*{margin:0;padding:0;min-height: 0;min-width: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {height:100%;scroll-behavior: smooth;}
ul li ,ol li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;margin: 0;}
p{margin: 0;}
a:focus, *:focus{ outline:none; }
article, header, footer, aside, figure, figcaption, nav, section,main{ 
  display:block;
}
body{
	font-family: var(--FF_BASE);
	font-size: var(--FZ_BASE);
	font-weight: 400;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.1em;
	width:100%;
	color: var(--TXT_COLOR);
	position:relative;
	z-index: 0;
}
a{
	text-decoration: none;
	outline: none;
	word-wrap: break-word;
	color: var(--TXT_COLOR);
}
a img,a{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s;
}
a:hover{
	color: inherit;
	text-decoration: none;
}
img{
	height: auto;
	max-width: 100%;
	box-sizing: unset;
	vertical-align: bottom;
}
iframe{
	vertical-align: bottom;
}
.form-reset button,
.form-reset input[type="button"],
.form-reset input[type="submit"],
.form-reset input[type="text"],
.form-reset input[type="image"],
.form-reset input[type="checkbox"],
.form-reset select{
	background-color: unset;
	color: var(--TXT_COLOR);
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
}
.form-reset input[type="text"],
.form-reset input[type="text"]::placeholder{
	font-family: var(--FF_BASE);
	color: var(--TXT_COLOR);
}
.form-reset input[type="text"]::placeholder{
	opacity: .4;
}
time{
	font-family: var(--FF_NUM);
}
/* フォントCSS */
.lato{
	font-family: var(--FF_LATO);
}
/* imgリセット */
.imgauto{
	height: auto;
	width: 100%;
	box-sizing: unset;
	line-height: 1rem;
	display: block;
}
/* セクション間隔*/
.generalmg{
	margin-bottom: var(--GENERALSEC);
}
.generalpd{
	padding: var(--GENERALSEC) 0;
}
/* フェードイン */
.fadein{
	opacity: 0;
	animation: var(--ANIME_FADEIN);
}
/* グリッド、フレックス */
.grid{
	display: grid;
}
.flex{
	display: flex;
}
.fxw{
	display: flex;
	flex-wrap: wrap;
}
.jcsb{
	display: flex;
	justify-content: space-between;
}
/* スライダー読み込みまで非表示 */
.slick{
	opacity: 0;
	transition: opacity .3s linear;
}
.slick.slick-initialized{
	opacity: 1;
}
.swiper{
	overflow: hidden;
  opacity: 0;
	transition: opacity .3s linear;
}
.swiper.swiper-initialized{
	opacity: 1;
}
/* 縦書き */
.tategaki{
	writing-mode: vertical-rl;
}
/* タイトルの文字間 */
[class*="ttl"]{
  letter-spacing: 0.1em;
}
/* テキスト行間 */
[class*="txt"],
[class*="excerpt"],
[class*="name"]{
  line-height: 2;
}
/* スクロールバー消す */
.noscrollbar,
.noscrollbar{
	-ms-overflow-style: none;/* IE, Edge 対応 */
	scrollbar-width: none;/* Firefox 対応 */
}
.noscrollbar::-webkit-scrollbar,
.noscrollbar::-webkit-scrollbar{/* Chrome, Safari 対応 */
	display: none;
}
.x-scroll{
	overflow-x: scroll;
	overflow-y: auto;
	padding-left: calc((100% - var(--INNER_WIDTH)) / 2);
	padding-right: calc((100% - var(--INNER_WIDTH)) / 2);
	max-width: calc(var(--MAX_WIDTH) + (100% - var(--INNER_WIDTH)));
	margin-inline:auto;
}
@media screen and (min-width: 768px){
	html{
		scroll-padding-top: 220px;
	}
	body{
		line-height: 1.7;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}
	.form-reset button:hover,
	.form-reset input[type="button"]:hover,
	.form-reset input[type="submit"]:hover,
	.form-reset input[type="image"]:hover,
  .form-reset input[type="checkbox"]:hover,
	.form-reset select:hover{
		cursor: pointer;
	}
	a:hover{
		opacity: 0.5;
		text-decoration: none;
	}
	a:hover img{
		opacity:0.55 !important;
	}
	a[href^="tel:"] {
		pointer-events: none;
	}
	.inner,
	.pc-inner
	{
		width: var(--INNER_WIDTH);
		max-width: var(--MAX_WIDTH);
		margin-left: auto;
		margin-right: auto;
	}
	.inner-s{
		width: var(--INNER_WIDTH);
		max-width: var(--MAX_WIDTH_S);
		margin-left: auto;
		margin-right: auto;
	}
	.sp{
		display: none !important;
	}
	.hamburger{
		display: none !important;
	}
	.pc-tategaki{
		writing-mode: vertical-rl;
	}
	/* pc順番付与 */
	.pc-order-1st { order: 1; }
	.pc-order-2nd { order: 2; }
	.pc-order-3rd { order: 3; }
	.pc-order-4th { order: 4; }
	.pc-order-5th { order: 5; }
	.pc-order-6th { order: 6; }
	.pc-order-7th { order: 7; }
	.pc-order-8th { order: 8; }
	.pc-order-9th { order: 9; }
	.pc-order-10th { order: 10; }
}
@media screen and (max-width: 767px){
	html{
		scroll-padding-top: 120px;
	}
	body{
		line-height: 1.6;
	}
	.inner,
	.sp-inner,
	.inner-s{
		width: var(--INNER_WIDTH);
		margin-left: auto;
		margin-right: auto;
	}
	.pc{
		display: none !important;
	}
	.sp-y-scroll{
		overflow-y: scroll;
		overflow-x: auto;
	}
	.sp-x-scroll{
		overflow-x: scroll;
		overflow-y: auto;
		padding-left: calc((100% - var(--INNER_WIDTH)) / 2);
		padding-right: calc((100% - var(--INNER_WIDTH)) / 2);
	}
	.sp-pc-tategaki{
		writing-mode: vertical-rl;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■header■■■■■■■■■■■■■■■■■■■■■■ */

#headerarea {
	background-color: var(--WHITE);
}

.hd-top {
	justify-content: space-between;
	align-items: center;
	padding-block: .6em;
	transition: .5s;
	position: relative;
}

.hd-thumb {
	width: clamp(140px,14vw,172px);
	transition: .8s;
}

.hd-system {
	align-items: center;
}
@media screen and (min-width: 768px){
	.hd-system {
		gap: clamp(10px,2vw,30px);
	}
	body{
		padding-top: 200px;
	}
	#headerarea {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
	}
	
}
@media screen and (max-width: 767px){
	.hd-system {
		gap: 20px;
	}
}
.hd-system > li > a{
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: 500;
	position: relative;
}

.hd-btm {
	border-block: var(--GRAY02) 1px solid;
}

.hd-btm__link > li{
	flex: 1;
}
.hd-btm__link > li > a{
	border-left: 1px solid var(--GRAY02);
	padding: var(--SPACE_20) 1em;
	display: flex;
	text-align: center;
	font-weight: 700;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.hd-btm__link > li:last-child > a{
	border-right: 1px solid var(--GRAY02);
}
.hd-band {
	background-color: var(--GRAY18);
	color: var(--WHITE);
	text-align: center;
	padding-block: .5em;
	font-size: var(--FZ_BASE_SP_SMALL);
	font-weight: 500;
	transition: .5s;
}

.hd-band.--gray{
	background-color: var(--GRAY06);
	color: var(--TXT_COLOR);
}

.hd-band > .small{
	font-size: .9em;
	font-weight: 400;
}
/* 検索フォーム */
.tp-searchForm.--colorGray{
	background-color: var(--GRAY03);
	width: 25vw;
}
.tp-searchForm.--colorWhite{
	background-color: var(--WHITE);
	width: 100%;
}
.tp-searchForm{
	position: relative;
	margin-inline:auto;
	align-items: center;
	font-size: var(--FONT_SIZE_XS);
	border-radius: 60px;

}
.tp-searchForm input[type=text]{
	width: 100%;
	border: 1px solid var(--GRAY02);
	background-color: initial;
	padding: 1em 6em 1em 1.5em;
	border-radius: var(--BTN_BDRS);
	display: flex;
	transition: .8s;
}
#headerarea .tp-searchForm{
	max-width: 380px;
}
.search-area .tp-searchForm{
	max-width: 500px;
}

.tp-searchForm > button[type="submit"]{
	background-color:transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
	min-width: clamp(50px,7vw,70px);
	width: 20%;
	height: 100%;
	position: absolute;
	top:0;
	right:0;
	border-radius: 0 var(--BTN_BDRS) var(--BTN_BDRS) 0;
}
.tp-searchForm:focus > button[type="submit"]{
	outline: inherit;
}
.tp-searchForm > button[type="submit"]:after{
	content: "";
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--GRAY02);
	width: 1px;
	height: 70%;
	position: absolute;
}
@media screen and (min-width: 768px){
	.hd-btm__link > li > a:hover{
		background-color: var(--GRAY06);
		opacity: 1;
	}
	.hd-system > li > a{
		padding-left: clamp(1.85em,3vw,2.25em);
		background-size: 1.5em;
	}
	/* スクロールしたときの処理 */
.scroll .hd-btm__link > li > a{
	padding: .5em 1em;
}
.scroll .hd-top{
	padding-block: 0;
}
.scroll .hd-band{
	font-size: 12px;
}
#headerarea.scroll .tp-searchForm input[type=text]{
	padding-block: .5em;
}

}
@media screen and (max-width: 767px){
	.hd-system > li > a{
		min-width: 26px;
		min-height: 26px;
		background-size: 100%;
		display: flex;
    align-items: center;
	}

}

/* 展開メニュー */

.g-opener > a{
	cursor: pointer;
	display: flex;
	justify-content: center;
	gap: 5px;
}
.g-opener > a::after{
	font-family: 'Font Awesome 5 Pro';
	font-weight: 500;
	content: '\f107';
	font-size: 16px;
	display: inline-block;
	height: 24px;
}
.g-window{
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	transition: .3s;
}
.g-opener:hover .g-window{
	pointer-events: auto;
	visibility: visible;
	opacity: 1;
	z-index: 999;
}
.hd-window{
	position: absolute;
	top: 99%;
	left: 50%;
	transform: translateX(-50%);
	width: 90vw;
	max-width: var(--MAX_WIDTH);
	background-color: var(--GRAY04_BG);
	max-height: 65vh;
	overflow-y: scroll;
}


.g-window__wrapper{
	padding: var(--SPACE_40) 3%;
}

.hd-feature__list{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 6px;
}

.hd-opener__list{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 6px;
}
.hd-opener__list > li > a{
	background-color: var(--WHITE);
	padding: 1em;
	width: 100%;
	display: flex;
	align-items: center;
	font-weight: 500;
	min-height: 52px;
	height: 100%;
	font-size: var(--FZ_13);
}
@media screen and (min-width: 768px){
	.hd-opener__list > li > a:hover{
		background-color: var(--GRAY06);
		opacity: 1;
	}
}
/* 検索フォーム */

.search-opener > a{cursor: pointer;}
.search-window {
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	transition: .3s;

}
.search-opener.open .search-window{
	pointer-events: auto;
	visibility: visible;
	opacity: 1;
	z-index: 999;
	max-width: 800px;
}
.search-opener.open > a.--icon_search{
	background-image: url(../images/common/icon_search_close.svg) !important;
}
.search-opener.open > a.--icon_guide{
	background-image: url(../images/common/icon_guide_close.svg) !important;
}

@media screen and (min-width: 768px){
	.search-window {
		top: calc(100% + 10px);
		right: 0%;
		position: absolute;
		width: 60vw;

	}
	.search-opener {
		position: relative;
	
	}
}
@media screen and (max-width: 767px){
	.hd-system .search-window{
		top: calc(100% + 1em);
		left: 50%;
		transform: translateX(-50%);
		position: absolute;
		width: 100vw;
	}
	.sp-menu__list .search-window{
		bottom: 100%;
		left: 0vw;
		position: absolute;
		width: 100vw;
	}
}
/* ■■■■■■■■■■■■■■■■■■■■■■footer■■■■■■■■■■■■■■■■■■■■■■ */
#footerarea{
	position: relative;
	font-size: var(--FZ_14);
}
.ft-top {
	padding-top: var(--SPACE_100);
	padding-bottom: var(--SPACE_60);
}

.ft-top__wrap {
	justify-content: space-between;
	column-gap: 10px;
}

.ft-left {
	display: flex;
	flex-direction: column;
	gap: var(--SPACE_30);
}

.ft-logo img{
	width: clamp(140px,14vw,172px);
	display: block;
}
.ft-logo span{
	font-size: var(--FZ_12_CONST);
}
.ft-sns > li > a {
	background-repeat: no-repeat;
	background-size: 2em;
	padding-block: .5em;
	font-weight: 700;
	padding-left: 2.5em;
	background-position: left center;
	font-size: var(--FZ_16);
}

.ft-links {
	display: grid;
	font-weight: 500;
	font-size: var(--FZ_13);
}
.ft-btm{
	border-top: 1px solid var(--GRAY02);
	padding-block: 2em;
}
.ft-btm__wrap {
	color: var(--GRAY12);
	justify-content: space-between;
}


.ft-blinks {
	gap: 2em;
}
.ft-blinks a{
	color: var(--GRAY13);
}
.ft-copy {
	font-size: clamp( 9.7px, 1.2vw, 14px);
	letter-spacing: 0.06em;
}
@media screen and (min-width: 1201px){
	.ft-links {
		grid-template-columns: repeat(3, auto);
	}
}
@media screen and (min-width: 768px) and (max-width: 1200px){
	.ft-links {
		grid-template-columns: repeat(2, auto);
	}
}
@media screen and (min-width: 768px){
	.ft-sns > *+*{
		margin-top: .75em;
	}
	.ft-links {
		gap: 1em 2em;
	}
}
@media screen and (max-width: 767px){
	.ft-top__wrap{
		flex-direction: column;
		width: 100%;
	}
	.ft-btm__wrap{
		flex-direction: column;
	}
	.ft-left{
		margin-inline:auto;
	}
	.ft-sns{
		display: flex;
		align-items: center;
		gap: 1em;
	}
	.ft-left{
		margin-bottom: var(--SPACE_50);
	}
	.ft-center {
		margin-bottom: var(--SPACE_30);
	}

	.ft-links > li > a{
		display: block;
		border-bottom: 1px solid var(--GRAY02);
		padding: 1em 1em;
		min-height: 5.5em;
		display: flex;
		align-items: center;
	}
	.ft-links {
		grid-template-columns: repeat(2, 1fr);
	}
	.ft-links > li:nth-child(1) > a,
	.ft-links > li:nth-child(2) > a{
		border-top: 1px solid var(--GRAY02);
	}
	.ft-links > li:nth-child(odd) > a{
		border-right: 1px solid var(--GRAY02);
	}
	.ft-blinks{
		justify-content: center;
		margin-bottom: 1em;
	}
	.ft-copy {
		text-align: center;
	}
	.ft-logo img{
		margin-inline:auto;
	}
	#footerarea{
		padding-bottom: 76px;
	}
}

/* カレンダー */
.ft-calender__ttl {
	font-weight: 700;
}
/* cal */
#cal *{
  margin:0;
  padding:0;
}
#calendar{
	display: flex;
	gap: var(--SPACE_20);
}
@media screen and (max-width:767px){
  #calendar{
    overflow-x: auto;
    margin-bottom: 5px;
  }
}
#cal table.calendar{
  display: block;
  color: #000;
  text-align: center;
  border-spacing: 3px 0;
	background-color: var(--GRAY03);
}

@media screen and (min-width:768px) and ( max-width:1099px) {
	div#calendar {
    display: flex;
    justify-content: center;
	}

	#cal .cal-text-wrap {
    justify-content: center;
    margin: 10px auto 30px;
	}
	#cal .cal-text-wrap span {
    margin: 0 10px;
	}
}
@media screen and (max-width: 1080px){
  #cal table.calendar:nth-of-type(n+2){
    display: none !important;
  }
}
@media screen and (max-width:767px){
  #cal table.calendar{
    margin: 0 auto;
    min-width: 250px;   
  }

}
#cal table caption{
  text-align:center;
}
#cal th,
#cal td{
  text-align:center;
}
#cal table.calendar th {
  border:none;
  letter-spacing: .2em;
  font-weight: 500;
	text-align: left;
	color: var(--BROWN02);
	padding-bottom: 1em;
	position: relative;
}

#cal table.calendar th:after{
	content: "";
	position: absolute;
	bottom: .5em;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--BROWN02);
}
#cal table.calendar td {
  vertical-align: middle;
  line-height: normal;
  font-size: 12px;
}

#cal table.calendar .headline td {
  font-size: 10px;
	padding-inline: .15em;
}
#cal table.calendar .headline td:nth-child(1),
#cal table.calendar .headline td:nth-child(7){
	background: #E2E2E2;
}
@media screen and (min-width:768px){
  #cal table.calendar td {
    width: 20px;
    height: 20px;
    background: #F8F8F8
  }
	#cal table.calendar{
		padding: 1em .5em;
	}
}
@media screen and (max-width:767px){
  #cal table.calendar td{
    width: 35px;
    height: 2.3em;
    background: #F8F8F8
  }
	.ft-calender__ttl{
		text-align: center;
		margin-bottom: var(--SPACE_30);
	}
	#cal table.calendar{
		padding: 1em;
	}
}
#cal table.calendar td.holiday{
  background-color: #e2e2e2;
	color: #7CACBE;
}
#cal table.calendar td.Today {
  font-weight: 700;
  color: #000;
}
#cal table.calendar td.sat {
  background-color: #e2e2e2;

}
#cal table.calendar td.satToday {
  font-weight: 700;
}
#cal table.calendar td.Sun {
  color: #D85959;
	background-color: #e2e2e2;
}
#cal table.calendar td.SunToday {
  color: #D85959;
  font-weight: 700;
  text-decoration:underline;
}
.cal-holiday{
	margin-top: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 10px;
}

@media screen and (max-width:767px){
  .cal-holiday{
    margin: 10px auto 0;
    max-width: 250px;
    font-size: 13px;
  }
}
.cal-text-wrap {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
}


/* ■■■■■■■■■■■■■■■■■■■■■■side■■■■■■■■■■■■■■■■■■■■■■ */
.side-category__list > li > a{
  display: block;
  --icon_size: 2.75em;
  font-weight: 700;
  padding-block: 1em;
  background-position: 5% center;
  background-repeat: no-repeat;
  background-size: var(--icon_size);
  padding-left: calc(5% + var(--icon_size) + .5em);
  position: relative;
}
.side-category__list .category-child__list{
	display: block;
}
.side-category__list .category-child__list > li:first-child{
	display: none;
}
.side-category__list > li > a{
  border-bottom: 1px dashed var(--GRAY08);
}
.side-ttl{
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: 1px solid var(--TXT_COLOR);
	font-weight: 700;
	line-height: 1.2;
}
.side-ttl .en{
	font-family: var(--FF_LATO);
	font-size: 24px;
}
.side-ttl .ja{
	font-size: 12px;
	display: inline-block;
}
.category-child__list > li > a{
  padding-left: calc(5% + 1.5em);
  padding-block: 1em;
  display: block;
  border-bottom: 1px dashed var(--GRAY08);
}
.category-child__list > li:first-child > a{
  border-top: 1px dashed var(--GRAY08);
}
/* ■■■■■■■■■■■■■■■■■■■■■■spメニュー■■■■■■■■■■■■■■■■■■■■■■ */

.sp-menu__list{
	display: flex;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
	background-color: var(--GRAY02);
	width: 100%;
	z-index: 1000;
}
.sp-menu__list > li{
	flex: 1;
}
.sp-menu__list > li > a{
	font-size: var(--FZ_12_CONST);
	padding: calc(1em + 36px) 1em 1em;
	display: block;
	background-repeat: no-repeat;
	background-position: center 1.2em;
	background-size: 28px;
	position: relative;
	border-right: 1px solid var(--GRAY08);
}
.sp-menu__list > li > a.--icon_search{
	background-position: calc(50% - .1em) 1.2em;
}
.sp-menu__list > li > a.--icon_cart{
	background-position: calc(50% - .3em) 1.2em;

}
.sp-menu__list > li:last-child > a{
	border-right: none;
}
.sp-menu__list > li > a:after{
	content: attr(data-txt)"";
	display: block;
	text-align: center;
}
.sp-menu__list .tp-fsCart__num{
	top: 5%;
	right: 15%;
	left: auto;
}
/* ■■■■■■■■■■■■■■■■■■■■■■全ページ共通部分■■■■■■■■■■■■■■■■■■■■■■ */
/* -----------------セクションまとめ----------------- */

.sec-l{
	padding: var(--SPACE_90) 0;
}
.sec-m{
	padding: var(--SPACE_70) 0;
}
.sec-m.--topHalf{
	padding-top: calc(var(--SPACE_70) / 2);
}
.sec-w60{
	padding-block: var(--SPACE_60);
}
.sec-w50{
	padding-block: var(--SPACE_50);
}
.sec-w40{
	padding-block: var(--SPACE_40);
}
*.--noPdt{
	padding-top: 0;
}
*.--noPdb{
	padding-bottom: 0;
}
*.--hasGray{
	background-color: var(--GRAY04);
}
*.--hasOtherGray{
	background-color: var(--GRAY15);
}
*.--hasBrown{
	background-color: var(--GRAY18);
}
*.--hasGrayWhite{
	background-color: var(--GRAY03);
}
/* -----------------タブ切り替え共通css----------------- */


.tab-nav{
	display: flex;
}
.tab-btn.show{
	font-weight: 700;
}
.tab-contents {
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.tab-contents.show {
	cursor: auto;
  height: auto;
  overflow: unset;
  opacity: 1;
  transition: 0.4s opacity ease-in;
}

@media screen and (min-width: 768px){
	.tab-btn:hover{
		cursor: pointer;
	}
	.tab-btn.show{
		cursor: auto;
	}
	.tab-contents {
		width: var(--INNER_WIDTH);
		max-width: var(--MAX_WIDTH);
		margin-inline:auto;
	}
	
}

/* -----------------フューチャー調整CSS----------------- */
/* 内部の色設定 */
:root{
	--WISH_COLOR: var(--GRAY17);
	--FS_BTN_COLOR_1: var(--BROWN02);
	--FS_BTN_COLOR_1_HOVER: var(--BROWN01);
	--FS_BTN_COLOR_2: #7a7a7a;
	--REVIEW_COLOR: #edc622;
}
/* 内部幅設定 */
#wrapper{
	margin-left: auto;
	margin-right: auto;
	width: var(--INNER_WIDTH);
	max-width: var(--MAX_WIDTH);
	margin-bottom: var(--GENERALSEC);
}
#mainarea{
	flex: 1;
}
@media screen and (min-width: 1100px){
  #sidearea{
    width: 240px;
    margin-right: 50px;
  }
}
@media screen and (min-width: 951px) and (max-width: 1100px){
  #sidearea{
    width: 200px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 950px){
  #sidearea{
    display: none;
  }
}
@media screen and (min-width: 768px){
	#wrapper > .flex{
		align-items: flex-start;
	}
}
/* FSログイン */
.logout.my-false { display: none; }
.login.my-true { display: none; }
/* カートカウント */
.fs-client-cart-count--0{display: none !important;}

.tp-fsCart__num{
	position: absolute;
	top: -8px;
	left: 12px;
	background-color: var(--RED01);
	color: var(--WHITE);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
}


/* 商品マークリセット */
.fs-c-productMarks{
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	--BDRS: 3px;
	margin-top: 1em;
}
.fs-c-productMark{
	gap: 0 5px;
}
.fs-c-productMark__mark{
	width: fit-content;
}
[class*="color-mark"]{
	margin: 0;
	width: clamp(18px,2vw,21px);
	height: clamp(18px,2vw,21px);
	overflow: hidden;
	color: transparent;
	padding: 0;
	border: 1px solid var(--GRAY08);
}
[class*="color-mark"] .fs-c-productMark__label{
	display: none !important;
}

.fs-c-productMark__mark,
.fs-c-productMarks > .fs-c-mark .fs-c-mark__label{
	display: inline-block;
	line-height: 1;
	border-radius: var(--BDRS);
}
li:has(.br-mark){
	width: 100%;
	height: 0;
}
.normal-mark{
	display: none;
}
.br-mark{
	overflow: hidden;
	color: transparent;
	padding: 0;
	width: 100%;
	font-size: 0;
}
.fs-c-productMark img{
	width: auto;
}
.fs-c-productMarks > .fs-c-mark{
	line-height: 1;
}
/* 1回のみ・定期 */
.fs-c-mark--normalAndSubscription .fs-c-mark__label{
	background-color: var(--BROWN02);
	color: var(--WHITE);
	border-radius: var(--BDRS);
}
/* 定期販売 */
.fs-c-mark--subscription .fs-c-mark__label{
	background-color: #D21341;
	color: var(--WHITE);
	border-radius: var(--BDRS);
}
/* 初回特別価格あり */
.fs-c-mark--firstTimeSpecialPrice .fs-c-mark__label{
	background-color: #FF506F;
	color: var(--WHITE);
	border-radius: var(--BDRS);
}
/* パンくずリセット  */
.fs-c-breadcrumb__list {
  padding: 0;
	max-width: var(--MAX_WIDTH);
	margin-left: auto;
	margin-right: auto;
}
.fs-c-breadcrumb__list > li {
  box-sizing: border-box;
}
.fs-c-breadcrumb__listItem {
  display: inline-block;
  word-break: break-all;
}
.fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before {
  content: " > ";
}
.fs-c-breadcrumb li,
.fs-c-breadcrumb li a {
	color: var(--TXT_COLOR);
}
.fs-c-breadcrumb li a{
	text-decoration: underline;
}
@media screen and (min-width: 768px) {
	.fs-c-breadcrumb {
		margin: 0 auto;
		padding: 10px 0;
		font-size: 14px;
    margin-bottom: 5px;
	}
}
@media screen and (max-width: 767px) {
	.fs-c-breadcrumb {
		padding: 8px 0 8px 10px;
		font-size: 11px;
		overflow: hidden;
		position: relative;
    margin-bottom: 6px;
	}
	.fs-c-breadcrumb::after{
		content: "";
    right: 0;
    width: 6.25rem;
    height: 100%;
    position: absolute;
    background: linear-gradient(270deg,#fff 21.11%,hsla(0,0%,100%,0) 107.22%);
    z-index: 10;
		top: 0;
	}
	.fs-c-breadcrumb__list{
		white-space: nowrap;
    overflow: scroll;
		padding-right: 40px;
	}
}
/* レビュー */
.fs-c-rating__value{
	color: var(--REVIEW_COLOR);
}
.fs-c-reviewStars::before{
	color: var(--REVIEW_COLOR);
}
/* ページャー */
.fs-c-listControl {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-grow: 2;
	padding: 6px 15px 4px;
	margin: 10px 0 40px;
}
.wp-pagenavi{
	display: flex;
	justify-content: center;
}
#next > span.pages{
	display: block;
	text-align: center;
	margin-top: 10px;
}
.found-postContainer,
.fs-c-listControl__status{
	font-size: var(--FZ_BASE_SP_SMALL);
	text-align: center;
	margin-bottom: 30px;
	padding-top: 1em;
}
.fs-c-pagination > *,
.wp-pagenavi > *{
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: normal;
	border-radius: 50%;
}
.fs-c-pagination__item{
	padding: 0;
}
.fs-c-pagination__item.is-active,
.wp-pagenavi .current{
	background-color:var(--FS_BTN_COLOR_1);
	border: 1px solid var(--FS_BTN_COLOR_1);
	color: var(--WHITE);
}
.fs-c-pagination{
	font-weight: bold;
	align-items: center;
}
a.fs-c-pagination__item.fs-c-pagination__item--prev,
a.fs-c-pagination__item.fs-c-pagination__item--next,
#next a.previouspostslink,
#next a.nextpostslink{
	border: 1px solid var(--FS_BTN_COLOR_1);
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	padding: 0;
	position: relative;
}
#next a.previouspostslink .navi-prev,
#next a.nextpostslink .navi-next{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.fs-c-pagination__item--prev::before,
.fs-c-pagination__item--next::before,
#next a.previouspostslink .navi-prev::before,
#next a.nextpostslink .navi-next::before{
	font-family: "Font Awesome 5 Pro" !important;
	font-weight: 400;
	display: inline-block;
  color: var(--BLACK);
  font-size: 16px;
  vertical-align: text-bottom;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.fs-c-pagination__item--prev::before,
#next a.previouspostslink .navi-prev::before{
	content: "\f104";
}
.fs-c-pagination__item--next::before,
#next a.nextpostslink .navi-next::before{
	content: "\f105";
}
@media screen and (min-width: 768px){
	.fs-c-pagination,
	.wp-pagenavi{
		font-size: 18px;
		gap: 10px;
	}
	#next {
		margin: 70px auto 0;
	}
	.fs-c-pagination > *,
	.wp-pagenavi > *{
		width: 45px;
	}
	.fs-c-pagination__item--next:hover{
		color: var(--WHITE);
	}
}
@media screen and (max-width: 767px){
	.fs-c-pagination,
	.wp-pagenavi{
		font-size: 16px;
		gap: 10px;
	}
	#next {
		margin: 40px auto 0;
	}
	.fs-c-pagination > *,
	.wp-pagenavi > *{
		width: 34px;
	}
}

/* FSカルーセル */
.fs-c-slick .slick-dots li button:before{
	font-size: 12px;
}
.fs-c-slick .slick-dots li.slick-active button:before{
	color: var(--BLUE01);
}
.fs-c-slick .slick-dots li{
	margin: 8px;
}
.fs-c-slick .slick-slider{
	opacity: 0;
	transition: opacity .3s linear;
}
.fs-c-slick .slick-slider.slick-initialized{
	opacity: 1;
}
@media screen and (min-width: 768px){
	.fs-c-slick .slick-dots{
		bottom: -40px;
	}
}
@media screen and (max-width: 767px){
	.fs-c-slick .slick-dots{
		bottom: -28px;
	}
}
/* カラーマーク */
.color-mark-red{background-color: var(--RED);}
.color-mark-lightPink{background-color: var(--LIGHT_PINK);}
.color-mark-pink{background-color: var(--PINK);}
.color-mark-deepPink{background-color: var(--DEEP_PINK);}
.color-mark-orange{background-color: var(--ORANGE);}
.color-mark-gold{background-color: var(--GOLD);}
.color-mark-yellow{background-color: var(--YELLOW);}
.color-mark-lightYellow{background-color: var(--LIGHT_YELLOW);}
.color-mark-masterdYellow{background-color: var(--MASTERD_YELLOW);}
.color-mark-lime{background-color: var(--LIME);}
.color-mark-lightGreen{background-color: var(--LIGHT_GREEN);}
.color-mark-green{background-color: var(--GREEN);}
.color-mark-mossGreen{background-color: var(--MOSS_GREEN);}
.color-mark-oliveGreen{background-color: var(--OLIVE_GREEN);}
.color-mark-emeraldGreen{background-color: var(--EMERALD_GREEN);}
.color-mark-darkGreen{background-color: var(--DARK_GREEN);}
.color-mark-blueGray{background-color: var(--BLUE_GRAY);}
.color-mark-lightBlue{background-color: var(--LIGHT_BLUE);}
.color-mark-blue{background-color: var(--BLUE);}
.color-mark-darkBlue{background-color: var(--DARK_BLUE);}
.color-mark-navy{background-color: var(--NAVY);}
.color-mark-midnightBlue{background-color: var(--MIDNIGHT_BLUE);}
.color-mark-deepBlue{background-color: var(--DEEP_BLUE);}
.color-mark-indigoBlue{background-color: var(--INDIGO_BLUE);}
.color-mark-turquoiseBlue{background-color: var(--TURQUOISE_BLUE);}
.color-mark-white{background-color: var(--WHITE);}
.color-mark-whiteWash{background-color: var(--WHITE_WASH);}
.color-mark-oak{background-color: var(--OAK);}
.color-mark-ivory{background-color: var(--IVORY);}
.color-mark-lightGray{background-color: var(--LIGHT_GRAY);}
.color-mark-sliver{background-color: var(--SLIVER);}
.color-mark-darkGray{background-color: var(--DARK_GRAY);}
.color-mark-gray{background-color: var(--GRAY);}
.color-mark-oysterGray{background-color: var(--OYSTER_GRAY);}
.color-mark-black{background-color: var(--BLACK);}
.color-mark-purple{background-color: var(--PURPLE);}
.color-mark-lavender{background-color: var(--LAVENDER);}
.color-mark-rose{background-color: var(--ROSE);}
.color-mark-wineRed{background-color: var(--WINE_RED);}
.color-mark-charcoalGray{background-color: var(--CHARCOAL_GRAY);}
.color-mark-darkBrown{background-color: var(--DARK_BROWN);}
.color-mark-brown{background-color: var(--BROWN);}
.color-mark-walnutBrown{background-color: var(--WALNUT_BROWN);}
.color-mark-lightBrown{background-color: var(--LIGHT_BROWN);}
.color-mark-mochaBrown{background-color: var(--MOCHA_BROWN);}
.color-mark-mocha{background-color: var(--MOCHA);}
.color-mark-camel{background-color: var(--CAMEL);}
.color-mark-beige{background-color: var(--BEIGE);}
.color-mark-natural{background-color: var(--NATURAL);}
.color-mark-plaidNavy{background: var(--PLAID_NAVY); background-size: contain;}
.color-mark-plaidGray{background: var(--PLAID_GRAY); background-size: contain;}
.color-mark-chidori{background: var(--CHIDORI); background-size: contain;}
.color-mark-borderYellow{background: var(--BORDER_YELLOW); background-size: contain;}
.color-mark-borderGray{background: var(--BORDER_GRAY); background-size: contain;}
.color-mark-borderNavy{background: var(--BORDER_NAVY); background-size: contain;}
.color-mark-borderBlack{background: var(--BORDER_BLACK); background-size: contain;}
.color-mark-pwOrange{background: var(--PW_ORANGE); background-size: contain;}
.color-mark-pwNavy{background: var(--PW_NAVY); background-size: contain;}
.color-mark-pwBlack{background: var(--PW_BLACK); background-size: contain;}
.color-mark-pwBeige{background: var(--PW_BEIGE); background-size: contain;}
.color-mark-pwRed{background: var(--PW_RED); background-size: contain;}
.color-mark-circleGreen{background: var(--CIRCLE_GREEN); background-size: contain;}
.color-mark-circleGray{background: var(--CIRCLE_GRAY); background-size: contain;}

/* ------------------- g-news -------------------- */
.g-news{
	background-color: var(--GRAY03);
	padding-block: 1em;
	align-items: center;
}
.g-news__ttl{
	width:clamp(5em,10vw,10em);
	text-align: center;
	font-weight: 700;
	border-right: 1px solid var(--GRAY02);
}
.fs-p-dateList{
	padding-inline:clamp(1em,3vw, 3em);
	flex: 1;
	font-size: var(--FZ_BASE_SP_SMALL);
}
.fs-p-dateList .fs-pt-list__item > a{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /*行数を指定*/
	overflow: hidden;
}
.fs-p-dateList time{
	font-family: var(--FF_LATO);
	margin-right: 1em;
}
@media screen and (max-width: 767px){
  .fs-p-dateList time{
		display: block;
	}
}
/* ------------------- セクションパーツ -------------------- */
.sec-ttl.--center{
	text-align: center;
}
.sec-ttl{
	font-weight: 700;
}
.sec-ttl.--center > span{
	display: block;
}
.sec-ttl > span.en{
	font-size: var(--FZ_36);
	font-family: var(--FF_LATO);
	line-height: 1;
}
.sec-ttl.--left > span.ja{
	margin-left: clamp(.5em,2vw,1em);
}

* + .contents-space-l{
	margin-top: var(--SPACE_100);
}
* + .contents-space-m{
	margin-top: var(--SPACE_60);
}
* + .contents-space-s{
	margin-top: var(--SPACE_50);
}

*.--colorWhite{
	color: var(--WHITE);
}
*.--colorWhite a{
	color: var(--WHITE);
}
span.inline{
	display: inline-block;
}

@media screen and (min-width: 768px) and (max-width: 1000px){
	.sec-ttl.--pc_2col{
		text-align: center;
	}
}
@media screen and (min-width: 768px){
	.sec-ttl{
		margin-bottom: var(--SPACE_50);
	}
	.sec-ttl > span.en{
		margin-bottom: 10px;
	}
	.sec-ttl.--pc_2col > span.ja{
		display: block;
	}
}
@media screen and (max-width: 767px){
	.sec-ttl{
		margin-bottom: var(--SPACE_30);
	}
}

.mini-ttl{
	margin-bottom: var(--SPACE_30);

}
.sec-ttl > span.en{
	margin-bottom: 5px;
}
.mini-ttl > span.en{
	font-family: var(--FF_LATO);
	font-weight: 700;
	font-size: var(--FZ_18);
}
.mini-ttl > span.ja{
	margin-left: 1em;
}


/* ------------------- ボタンパーツ -------------------- */
.g-btn > a{
	width: clamp( 280px, 34vw, 340px);
	background-color: var(--WHITE);
	border: 1px solid var(--GRAY02);
	display: block;
	text-align: center;
	padding: 1em 2em;
	position: relative;
}

.g-btn.--brown > a{
	background-color: var(--BROWN02);
	border: 1px solid var(--BROWN02);
	color: var(--WHITE);
}

:is(button,*).g-submit__btn{
	width: clamp( 280px, 34vw, 340px);
	display: block;
	text-align: center;
	padding: 1em 2em;
	position: relative;
	background-color: var(--BROWN02);
	border: 1px solid var(--BROWN02);
	color: var(--WHITE);
	margin-inline:auto;
	transition: .5s;
	text-decoration: none;
}
*.g-submit__btn.--wide{
	width: 90%;
}
.g-btn.--center > a{
	margin-inline:auto;
}
.g-btn > a:after,
:is(button,*).g-submit__btn:after{
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	content: '\f061';
	font-size: 16px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 2em;
}
@media screen and (min-width: 768px){
	.g-btn > a:hover{
		opacity: 1;
		background-color: var(--GRAY06);
	}
	.g-btn.--brown > a:hover,
	:is(button,*).g-submit__btn:hover{
		opacity: 1;
		background-color: var(--BROWN01);
	}
}
.g-more.--white > a{
	color: var(--WHITE);
}
.g-more > a{
	font-family: var(--FF_LATO);
	display: flex;
	align-items: center;
	gap: 2em;
	width: fit-content;
	font-weight: 700;
}
.g-more.--left > a{
	margin-left: auto;
}
.g-more > a:after{
	border-radius: 50%;
	border: 1px solid currentColor;
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	content: '\f061';
	font-size: .7em;
	line-height: 1;
	transition: .8s;
}
@media screen and (min-width: 768px){
	.g-more > a:hover{opacity: 1;}
	.g-more > a:hover:after{background-color:var(--GRAY06);}
	.g-more.--white > a:hover:after{background-color:var(--WHITE); color: var(--BLACK);}

}
/* ------------------- feature -------------------- */
#sidearea .fsp-feature{
	padding: 0;
	opacity: 0;
	transition: .5s;
	margin-bottom: 10px;
	height: 0;
}
#sidearea .fsp-feature.slick-initialized{
	opacity: 1;
	height: auto;
}
#sidearea .fsp-feature .slick-slide{
	padding-inline: 5px;
}
#sidearea .fsp-feature{
	width: calc(100% + 10px);
	margin-left: -5px;
}
.hd-window .fsp-feature,
.feature-container .fsp-feature{
	display: flex;
	gap: var(--SPACE_30);

	margin-inline: auto;
}
.hd-window .fsp-feature .fs-pt-column__item,
.feature-container .fsp-feature .fs-pt-column__item{
	flex-grow: 1;
}
.fsp-feature img{
	border: 1px solid #CCC;
}
.fsp-feature .slide-arrow{
  position: absolute;
  top: 50%;
  color: transparent;
  width: clamp( 28px, 3.4vw, 34px);
  height: clamp( 28px, 3.4vw, 34px);
  border-radius: 50%;
  background-color: var(--GRAY18);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  cursor: pointer;
  transition: .8s;
}

.fsp-feature .slide-arrow:after{
  font-family: 'Font Awesome 5 Pro';
  font-weight: 500;
  content: '\f061';
  font-size: 14px;
  color: #fff;
  line-height: 1;
}
.fsp-feature .prev-arrow{
  left: -2.5%;
  transform: translate(50%, -50%) rotate(180deg);
}
.fsp-feature .next-arrow{
  right: -2.5%;
  transform: translate(-50%, -50%) ;
}
@media screen and (min-width: 768px){
  .feature-container .fsp-feature{
		max-width:calc(var(--MAX_WIDTH) + (clamp(5px,1vw,10px) * 2));
		width: calc(var(--INNER_WIDTH) + (clamp(5px,1vw,10px) * 2));
		transform: translate(calc(clamp(5px,1vw,10px) * -.5));
	}
	.feature-container .fsp-feature .slick-slide{
		padding-inline: clamp(5px,1vw,10px);
	}
	.fsp-feature .slide-arrow:hover{
    opacity: .8;
  }
}
@media screen and (max-width: 767px){
	.feature-container .fsp-feature .slick-slide{
		width: calc(100vw - 40px);
		padding-inline: 5px;
	}

	.feature-container .fsp-feature{
		padding-bottom: 10px;
	}
}
/* ------------------- category -------------------- */
.category-list{
	display: grid;
	gap: clamp(7px,1vw,10px);
	margin-bottom: var(--SPACE_40);
}

.category-list > li > a{
	aspect-ratio: 1/1;
	display: flex;
	background-repeat: no-repeat;
	background-position: center calc(50% - 1em);
	align-items: center;
	justify-content: center;
	background-color: var(--GRAY03);
	background-size: clamp( 60px, 8vw, 86px);
	font-weight: 500;
	font-size: var(--FZ_14);
}

.category-list > li > a > span{
	padding-top: clamp( 60px, 8vw, 86px);
}

.category-list__circle{
	font-size: var(--FZ_14_CONST);
	display: grid;
	gap: 2em 1em;
	z-index: 1;
}
.category-list__circle > li > a{
	padding-left: 58px;
	min-height: 52px;
	background-size: 36px;
	background-repeat: no-repeat;
	background-position: 8.5px center;
	display: flex;
	align-items: center;
	font-weight: 500;
}
.category-list__circle.--typeBtn{
	gap: 1.5em 1em;
	font-size: var(--FZ_13);
}
.category-list__circle.--typeBtn > li > a{
	width: 100%;
	min-height: 40px;
	padding-left: 50px;
	background-size: 30px;
}
.category-list__circle.--typeBtn > li:after{
	content: "";
	width: calc(100% + 10px);
	height: calc(100% + 16px);
	background-color: var(--WHITE);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -2;
	transition: .5s;
}

.category-list__circle > li{
	position: relative;
	display: flex;
	align-items: center;
}
.category-list__circle > li:before{
	content: "";
	background-color: var(--WHITE);
	border: 1px solid var(--GRAY08);
	position: absolute;
	top: 50%;
	left: 0;
	width: 50px;
	aspect-ratio: 1/1;
	transform: translateY(-50%);
	border-radius: 50%;
	z-index: -1;
}
.category-list__circle.--typeBtn > li:before{
	content: none;
}
.category-list__circle > li:last-child > a{
	background-size: 60px;
	background-position: -4.2px center;
}
.category-list__circle.--typeBtn > li:last-child > a{
	background-size: 30px;
	background-position: 8.5px center;
}
@media screen and (min-width: 1001px){
	.category-list,
	.category-list__circle{
		grid-template-columns: repeat(7, 1fr);
		margin-bottom: 18px;
	}
}
@media screen and (min-width:768px) and (max-width: 1100px){
	.category-list__circle.--typeBtn{
		grid-template-columns: repeat(3, 1fr);
	}
	.category-list__circle{
		grid-template-columns: repeat(3, 1fr);
		margin-bottom: 20px;
	}
}

@media screen and (min-width: 768px){
	.category-list__circle.--typeBtn > li:hover:after{
		background-color: var(--GRAY06);		
	}
	.category-list__circle.--typeBtn > li > a:hover{
		opacity: 1;
	}
	.category-list > li > a:hover{
		opacity: 1;
		background-color: var(--GRAY06);
	}
}
@media screen and (max-width: 767px){
	.category-list__circle{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (min-width: 501px) and (max-width: 1000px){
	.category-list{
		grid-template-columns: repeat(4, 1fr);
	}
}
@media screen and (max-width: 500px){
	.category-list{
		grid-template-columns: repeat(3, 1fr);
	}
}


/* ------------------- search-area -------------------- */
.search-area{
	background-color: var(--GRAY03);
}
.search-window .search-area{
	background-color: var(--GRAY02);
}
.search-window .search-words{
	border-color: var(--GRAY08);
}

.search-wrap{
	max-width: var(--MAX_WIDTH_XS);
	width: var(--INNER_WIDTH);
	margin-inline:auto;
}
.search-words{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--GRAY02);
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.search-words > li > a{
	color: var(--GRAY14);
	border: 1px solid var(--GRAY02);
	padding: .25em 1em;
}
.search-window .search-words > li > a{
	background-color: var(--WHITE);
}
.search-words > li > a::before{
	content: "#";
}
@media screen and (min-width: 768px){
	.search-words > li > a:hover{
		background-color: var(--GRAY06);
		color: var(--TXT_COLOR);
	}
}

/* ------------------- ランキング -------------------- */
.fs-c-productListCarousel .fs-c-buttonContainer{
	display: none;
}
.ranking-slick{
	counter-reset: ranking_num;
	opacity: 0;
	transition: opacity .3s linear;
	margin-bottom: var(--SPACE_50);
}
.ranking-slick .fs-c-productListCarousel__list__item{
	counter-increment: ranking_num;
}
.ranking-slick .fs-c-productListCarousel__list__item:before{
	content: "NO."counter(ranking_num);
	font-family: var(--FF_LATO);
	font-weight: 700;
	margin-bottom: 8px;
	display: block;
	background: var(--image_url) no-repeat left center / 16px;
	padding-left: calc(16px + .5em);
}
.ranking-slick .fs-c-productListItem__prices.fs-c-productPrices{
	align-items: start;
}
.fs-c-productListItem__image > a{
	padding-top: 100%;
	display: block;
	position: relative;
}
.fs-c-productListCarousel__list{
	width: 100%;
}
.fs-c-productListCarousel__list__item{
	flex: 1;
}
.fs-c-productListCarousel__list__itemTrack{
	width: 100%;
}
.fs-c-productListItem__image__image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.fs-c-productListItem__image{
	margin-bottom: 12px;
	border: 1px solid #ccc;
}
.fs-c-productListItem__image img{
	aspect-ratio: 1;
	object-fit: cover;
}
.fs-c-productName__name{
	font-weight: 500;
	font-size: var(--FZ_BASE_SP_SMALL);
}
.fs-c-productPrice{
	font-size: var(--FZ_13);
}

.fs-c-productPrice__addon__label:before,
.fs-c-productPrice__main__addon__label:before{
	content: "[";
}
.fs-c-productPrice__addon__label:after,
.fs-c-productPrice__main__addon__label:after{
	content: "]";
}
.fs-c-productPrice__main__label{
	display: none;
}
.fs-c-productListItem__prices .fs-c-price__currencyMark{
	display: none;
}
.fs-c-productPrice__main__price{
	justify-content: start;
	font-size: var(--FZ_BASE);
}
.fs-c-productPrice__main__price:after{
	content: "円";
	font-size: var(--FZ_13);
	line-height: 1;
}
.fs-c-productPrice{
	display: flex;
	align-items: end;
	gap: .5em;
}
.fs-c-productPrice:has(.fs-c-productPrice__main__joint) .fs-c-productPrice__main{
	display: flex;
	align-items: flex-end;
	gap: .5em;
}
.fs-c-productListCarousel .fs-c-button--addToWishList--icon{
	display: none;
}
.ranking-tab .tab-nav{
	margin-bottom: var(--SPACE_50);
	position: relative;
}
.ranking-tab .tab-nav::-webkit-scrollbar {
  display: none;
}
.ranking-tab .tab-btn{
	padding-inline: clamp( .5em, 1vw, 1em);
	flex-shrink: 0;
}
.custom-scrollbar-container {
  width: var(--INNER_WIDTH);
	left: 50%;
	transform: translateX(-50%);
  height: 2px; /* スクロールバーの高さ */
  background: var(--GRAY07);
  position: absolute; /* 上部に固定 */
  top: 0;
  z-index: 10;
	max-width: var(--MAX_WIDTH);
}
.custom-scrollbar {
  height: 2px;
  background: var(--BLACK);
  width: 0px; /* 初期状態では幅0 */
}
@media screen and (min-width: 768px){
	.ranking-tab .tab-nav{
		border-top: var(--GRAY02) 2px solid;
	}
	.ranking-tab .tab-nav:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100% / 7);
		height: 2px;
		background-color: var(--BLACK);
		transition: 0.3s ease-in;
	}
	.ranking-tab .tab-nav.--num1:after{
		left: 0;
	}
	.ranking-tab .tab-nav.--num2:after{
		left: calc(100% / 7);
	}
	.ranking-tab .tab-nav.--num3:after{
		left: calc(100% / 7 * 2);
	}
	.ranking-tab .tab-nav.--num4:after{
		left: calc(100% / 7 * 3);
	}
	.ranking-tab .tab-nav.--num5:after{
		left: calc(100% / 7 * 4);
	}
	.ranking-tab .tab-nav.--num6:after{
		left: calc(100% / 7 * 5);
	}
	.ranking-tab .tab-nav.--num7:after{
		left: calc(100% / 7 * 6);
	}

	.ranking-tab .tab-btn{
		padding-top: var(--SPACE_20);
		flex: 1;
		text-align: center;
	}

	.ranking-tab .tab-btn.show.--movedLeft::before{
		animation: movedLeft .2s ease-in-out;
	}
	.ranking-tab .tab-btn.show.--movedRight::before{
		animation: movedRight .2s ease-in-out;
	}
	@keyframes movedLeft{
		0%{
			transform: translateX(-50%);
		}
		100%{
			transform: translateX(0%);
		}
	}
	@keyframes movedRight{
		0%{
			transform: translateX(50%);
		}
		100%{
			transform: translateX(0%);
		}
	}
  .ranking-slick .fs-c-button__label{
		display: none;
	}
	.ranking-slick .fs-c-productListCarousel__list__itemTrack{
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: var(--SPACE_20);
	}
	.ranking-slick.--3row .fs-c-productListCarousel__list__itemTrack{
		grid-template-columns: repeat(3, 1fr);
	}
	.ranking-slick .fs-c-productListCarousel__list__item:nth-child(1){
		--image_url: url(../images/common/crown_no1.svg);
	}
	.ranking-slick .fs-c-productListCarousel__list__item:nth-child(2){
		--image_url: url(../images/common/crown_no2.svg);
	}
	.ranking-slick .fs-c-productListCarousel__list__item:nth-child(3){
		--image_url: url(../images/common/crown_no3.svg);
	}
	.ranking-slick .fs-c-productListCarousel__list__item:nth-child(n + 4){
		--image_url: url(../images/common/crown_no4.svg);
	}
	.fs-c-productListCarousel .fs-c-productListCarousel__list__item:nth-child(n + 6),
	.ranking-slick.--3row .fs-c-productListCarousel__list__item:nth-child(n + 4){
		display: none;
	}
	.initilized-slick.--2row .fs-c-productListCarousel__list__item:nth-child(6){
		display: block;
	}
}

@media screen and (max-width: 767px){
	.ranking-tab.tab-wrap{
		position: relative;
		padding-top: var(--SPACE_20);
	}
	.ranking-slick,
	.fs-c-productListCarousel.fs-c-slick:has(.slick-initialized){
		position: relative;
	}
	.ranking-slick .slick-arrow,
	.ranking-slick .slide-arrow,
	.fs-c-productListCarousel.fs-c-slick:has(.slick-initialized) .slide-arrow{
		z-index: 1;
	}
	.ranking-slick .fs-c-button--carousel,
	.ranking-slick .slide-arrow,
	.fs-c-productListCarousel.fs-c-slick:has(.slick-initialized) .slide-arrow{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		color: transparent;
		z-index: 1;
	}
	.ranking-slick .fs-c-button--carousel--prev,
	.ranking-slick .prev-arrow,
	.fs-c-productListCarousel.fs-c-slick:has(.slick-initialized) .prev-arrow{
		left: 2.5%;
	}
	.ranking-slick .slick-disabled,
	.fs-c-productListCarousel.fs-c-slick:has(.slick-initialized) .slick-disabled{
		opacity: 0.3;
	}
	.ranking-slick .fs-c-button--carousel--next,
	.ranking-slick .next-arrow,
	.fs-c-productListCarousel.fs-c-slick:has(.slick-initialized) .next-arrow{
		right: 2.5%;
	}
	.ranking-slick .slick-slide,
	.initilized-slick.--2row .slick-slide,
	.fs-c-productListCarousel.fs-c-slick:has(.slick-initialized) .slick-slide{
    width: 160px !important;
		padding-left: 3vw;
	}
	.ranking-slick .fs-c-button--carousel--prev:after,
	.ranking-slick .fs-c-button--carousel--next:after,
	.fs-c-productListCarousel.fs-c-slick:has(.slick-initialized) .fs-c-button--carousel--prev:after,
	.fs-c-productListCarousel.fs-c-slick:has(.slick-initialized) .fs-c-button--carousel--next:after,
	.ranking-slick .prev-arrow:after,
	.ranking-slick .next-arrow:after,
	.fs-c-productListCarousel.fs-c-slick:has(.slick-initialized) .prev-arrow:after,
	.fs-c-productListCarousel.fs-c-slick:has(.slick-initialized) .next-arrow:after{
		font-family: 'Font Awesome 5 Pro';
		font-weight: 500;
		content: '\f104';
		font-size: 32px;
		position: absolute;
		top: calc(50% - .5em);
		left: 50%;
		color: #000;
		line-height: 1;
		z-index: 1;
	}

	.ranking-slick .fs-c-button--carousel--prev:after,
	.fs-c-productListCarousel.fs-c-slick:has(.slick-initialized) .fs-c-button--carousel--prev:after,
	.ranking-slick .prev-arrow:after,
	.fs-c-productListCarousel.fs-c-slick:has(.slick-initialized) .prev-arrow:after{
		transform: translate(-25%, -50%);
	}
	.ranking-slick .fs-c-button--carousel--next:after,
	.fs-c-productListCarousel.fs-c-slick:has(.slick-initialized) .fs-c-button--carousel--next:after,
	.ranking-slick .next-arrow:after,
	.fs-c-productListCarousel.fs-c-slick:has(.slick-initialized) .next-arrow:after{
		transform: translate(-75%, -50%) rotate(180deg);
	}
	.ranking-slick .fs-c-productListCarousel__ctrl{
			min-width: auto;
			flex-basis: auto;
	}
	.ranking-slick .slick-slide:nth-child(1) .fs-c-productListCarousel__list__item{
		--image_url: url(../images/common/crown_no1.png);
	}
	.ranking-slick .slick-slide:nth-child(2) .fs-c-productListCarousel__list__item{
		--image_url: url(../images/common/crown_no2.png);
	}
	.ranking-slick .slick-slide:nth-child(3) .fs-c-productListCarousel__list__item{
		--image_url: url(../images/common/crown_no3.png);
	}
	.ranking-slick .slick-slide:nth-child(n + 4) .fs-c-productListCarousel__list__item{
		--image_url: url(../images/common/crown_no4.png);
	}

	.fs-c-productListCarousel.fs-c-slick:has(.slick-initialized) .fs-c-button--carousel--prev:before,
	.fs-c-productListCarousel.fs-c-slick:has(.slick-initialized) .fs-c-button--carousel--next:before{
		display: none !important;
	}
}
/* ------------------- 商品一覧 -------------------- */
.initilized-slick{
	opacity: 0;
	transition: opacity .3s linear;
}
.initilized-slick .fs-c-productListCarousel__list__itemTrack{
	display: grid;
	gap: 40px var(--SPACE_20);
}
@media screen and (min-width: 768px){
	.initilized-slick .fs-c-productListCarousel__list__itemTrack{
		grid-template-columns: repeat(5, 1fr);
	}
	.initilized-slick.--2row .fs-c-productListCarousel__list__itemTrack{
		grid-template-columns: repeat(3, 1fr);
	}
	
}
@media screen and (max-width: 767px){
	.initilized-slick .fs-c-productListCarousel__list__itemTrack{
		grid-template-columns: repeat(2, 1fr);
	}
	.initilized-slick.--2row .fs-c-productListCarousel__list__itemTrack{
		display: block;
	}
}


/* ------------------- ガイド -------------------- */
.guide-lists {
	margin-bottom: var(--SPACE_50);
}
.guide-lists > li{
	flex: 1;
}

.guide-list__ttl {
	font-weight: 700;
	font-size: var(--FZ_18);
	background-repeat: no-repeat;
	margin-bottom: clamp(.5em,1.8vw,1em);
	background-size: 2em;
}
.guide-list__desc{
	color: var(--GRAY11);
	font-weight: 500;
}
.col2-btn {
	display: flex;
	gap: var(--SPACE_20);
	justify-content: center;	
}
.col2-btn > a{
	max-width: 400px;
	width: 100%;
	font-weight: 700;
	background-color: var(--BROWN02);
	color: var(--WHITE) !important;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--BROWN02);
	position: relative;
}

.col2-btn > a:after{
	font-family: 'Font Awesome 5 Pro';
	font-weight: 500;
	content: '\f061';
	font-size: 16px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 3em
}
.col2-btn__icon {
	width: 2.5em;
	height: 2.5em;
	display: inline-block;
	margin-right: 2em;
	margin-left: -2em;
	transition: .8s;
}
.col2-btn__icon.--hasCart{
	background: transparent url(../images/common/icon_gcart.svg) no-repeat center center / contain;
}
.col2-btn__icon.--hasFaq{
	background: transparent url(../images/common/icon_faq.svg) no-repeat center center / contain;
}

.g-curve__btn > a{
	border: 1px solid var(--BROWN02);
	background-color: var(--BROWN02);
	color: var(--WHITE) !important;
	border-radius: var(--BTN_BDRS);
	padding: 1em 3.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	font-weight: 500;
}
.g-curve__btn.--hasMail > a{
	background-color: var(--DARK01);
}
.g-curve__btn.--hasMail > a:before{
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin-right: 1em;
	background: url(../images/common/icon_mail_w.svg) no-repeat center center / contain;
	transition: .8s;
}
.g-curve__btn.--gray > a{
	background-color: var(--GRAY03);
	border-color: var(--GRAY03);
	color: var(--TXT_COLOR) !important;
}
.hd-btm__link .g-curve__btn > a{
	margin-inline:auto;
	margin-top: var(--SPACE_30);
	border: 1px solid #7b7b7b;
}
.fat-nav .g-curve__btn > a{
	margin-bottom: var(--SPACE_80);
	border: 1px solid #7b7b7b;
}
.guide-list__link{
	flex-grow: 1;
	align-items: end;
	display: flex;
}
.guide-list__link > a{
	font-weight: 700;
	font-size: var(--FZ_13);
	text-decoration: underline;
	margin-top: 1em;
}
@media (hover: hover){
	.guide-list__link > a:hover{
		text-decoration: none;
	}
}
@media screen and (min-width: 1001px){
	.guide-list__ttl{
		background-position: left center;
		padding-left:2.5em;
		padding-block: .25em;
	}
}
@media screen and (max-width: 1000px) and (min-width: 768px){
	.guide-list__ttl{
		background-position: center top;
		padding-top:2.5em;
	}
}
@media (hover: hover){
	.g-curve__btn > a:hover{
		background-color: var(--BROWN01);
		opacity: 1;
	}
	.g-curve__btn.--gray > a:hover{
		background-color: var(--GRAY06);
		opacity: 1;
	}
}
@media screen and (min-width: 768px){
  .col2-btn > a:hover{
		background-color: var(--BROWN01);
		opacity: 1;
	}
	.guide-lists > li{
		border-left: 1px solid var(--GRAY02);
		padding: var(--SPACE_20) var(--SPACE_30);
		display: flex;
		flex-direction: column;
	}
	.guide-lists > li:last-child{
		border-right: 1px solid var(--GRAY02);
	}
	.col2-btn > a{
		padding: 1.5em 1em;
	}
	.guide-list__link{
		justify-content: center;
	}
}
@media screen and (max-width: 767px){
	.guide-list__ttl{
		padding-block: .25em;
	}
  .guide-lists{
		flex-direction: column;
	}
	.guide-lists > li{
		border-bottom: 1px solid var(--GRAY02);
		padding: var(--SPACE_30) 0;
	}
	.guide-lists > li:first-child{
		padding-top: 0;
	}
	.col2-btn{
		flex-direction: column;
	}
	.col2-btn > a{
		margin-inline:auto;
	}
	.g-curve__btn > a{
		margin-inline:auto;
	}
	.guide-list__ttl{
		background-position: left center;
		padding-left:2.5em;
		padding-block: .25em;
	}
	.col2-btn > a{
		padding: .8em 1em;
	}
	.guide-list__link{
		justify-content: end;
	}
}

.fs-c-productListCarousel .fs-c-productListCarousel__ctrl {
	display: none;
}	

/* ページトップ */
.page-top{
	position: fixed;
	z-index: 10;
	width: fit-content;
	margin-left: auto;
	height: 0;
}
.page-top > a{
	background-color: var(--BROWN02);
	color: var(--WHITE);
	width: clamp(40px,5vw,50px);
	aspect-ratio: 1/1;
	border-radius: 50%;
	display: block;
	transform: translateY(-100%);
	position: relative;

}
.page-top > a:after{
	font-family: 'Font Awesome 5 Pro';
	font-weight: 500;
	content: '\f062';
	font-size: 1em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px){
	.page-top {
		right: 2.5%;
		bottom: 0;
	}
	.page-top > a{
		bottom: 5vh;
	}
	.page-top.hold{
		position: absolute;
		top: -20px;
		transform: translateY(-100%);
	}
	.page-top > a:hover{
		background-color: var(--BROWN01);
		opacity: 1;
	}
}
@media screen and (max-width: 767px){
	.page-top{
		right: 2.5%;
		bottom: 0;
	}
	.page-top > a{
		bottom: 105px;
	}
}

/* ランキングでのベッドマーク非表示 */
.ranking-slick .fs-c-productListCarousel__list__itemTrack .bed-mark{
	display: none !important;
}

.category-child__list{
	display: none;
}
/* SPメニュー */
.guide-opener__list{
	display: flex;
	flex-direction: column;
	gap: .5em;
}
.guide-opener__list > li > a{
	background-color: var(--WHITE);
	padding: 1em;
	display: block;
}
/* マーク調整 */
.fs-c-wishlistProduct .none-group-mark,
.fs-c-wishlistProduct .none-product-mark,
.fs-c-wishlistProduct .none-top-mark,
.fs-c-wishlistProduct .fs-c-productMark__mark--image,
.fs-c-wishlistProduct .bed-mark,
.fs-c-featuredProduct .none-group-mark,
.fs-c-featuredProduct .none-product-mark,
.fs-c-featuredProduct .none-top-mark,
.fs-c-featuredProduct .fs-c-productMark__mark--image,
.fs-c-featuredProduct .bed-mark{
	display: none;
}

.fs-c-productListItem__productDescription{
	display: none;
}

/* パーツ調整 */
.fs-c-productName__name{
	line-height: 1.4;
}
.sub-category{
	padding: 0 0 20px;
}

/* ------------------- PCナビゲーションNEW ここから-------------------- */
.hvr-show{
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
pointer-events: none;
transition: .3s;
background-color: #fff;
padding: 20px;
margin:0 auto;
width:90%;
max-width: 1080px;
pointer-events: auto;
}
.hnr-show__main li,
.category-child__list--2row li{
position: relative;
}
.hnr-show__main li::before,
.category-child__list--2row li::before{
position: absolute;
display: inline-block;
content: "";
width: 0;
height: 0;
border-style: solid;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #0C0C0C;
border-right: 0;
top: 57%;
left: -10px;
border-radius: 2px;
transform: translateY(-50%);
}
.hnr-show__1row,
.hnr-show__2row,
.hnr-show__flex{
display: flex;
gap: 30px;
}
.hnr-show__flex{
flex-wrap: wrap;
gap: 5px 30px;
}
.hnr-show__1row ul,
.hnr-show__2row ul{
width: 140px;
}
.hvr-show a{
font-size: 13px;
}
.category-child__list--2row{
position: relative;
}
.category-child__list--2row::before{
content: "";
position: absolute;
top: 0;
left: -25px;
height: 100%;
width: 1px;
background-color: #707070;
}
.hnr-show__1row{
margin-bottom: 10px;
}
.hnr-show__main {
width: 19%;
}
.category-child__list--2row{
width: 80%;
}
.contents-space-s-max{
display: none;
}
@media screen and (max-width: 1183px) and (min-width: 768px){
.hnr-show__1row ul,
.hnr-show__2row ul{
	width: 130px;
}
.category-child__list--2row::before{
	left: -20px;
}
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
.contents-space-s-min{
	display: none;
}
.contents-space-s-max{
	display: block;
}
.hnr-show__2row{
flex-wrap: wrap;
}
.hvr-show{
top: 30%;
}
}

.category-list-template{
	font-size: var(--FZ_14_CONST);
	display: grid;
	gap: 2em 1em;
	z-index: 1;
}
.category-list-template > li > a{
	padding-left: 58px;
	min-height: 52px;
	background-size: 36px;
	background-repeat: no-repeat;
	background-position: 8.5px center;
	display: flex;
	align-items: center;
	font-weight: 500;
}
.category-list-template.--typeBtn{
	gap: 1.5em 1em;
	font-size: var(--FZ_13);
}
.category-list-template.--typeBtn > li > a{
	width: 100%;
	min-height: 40px;
	padding-left: 50px;
	background-size: 30px;
}
.category-list-template.--typeBtn > li:after{
	content: "";
	width: calc(100% + 10px);
	height: calc(100% + 16px);
	background-color: var(--WHITE);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -2;
	transition: .5s;
}

.category-list-template > li{
	position: relative;
	display: flex;
	align-items: center;
}
.category-list-template > li:before{
	content: "";
	background-color: var(--WHITE);
	border: 1px solid var(--GRAY08);
	position: absolute;
	top: 50%;
	left: 0;
	width: 50px;
	aspect-ratio: 1/1;
	transform: translateY(-50%);
	border-radius: 50%;
	z-index: -1;
}
.category-list-template.--typeBtn > li:before{
	content: none;
}
.category-list-template > li:last-child > a{
	background-size: 60px;
	background-position: -4.2px center;
}
.category-list-template.--typeBtn > li:last-child > a{
	background-size: 30px;
	background-position: 8.5px center;
}
@media screen and (min-width: 1001px){
	.category-list,
	.category-list-template{
		grid-template-columns: repeat(7, 1fr);
		margin-bottom: 18px;
	}
}
@media screen and (min-width:768px) and (max-width: 1100px){
	.category-list-template.--typeBtn{
		grid-template-columns: repeat(3, 1fr);
	}
	.category-list-template{
		grid-template-columns: repeat(3, 1fr);
		margin-bottom: 20px;
	}
}

@media screen and (min-width: 768px){
	.category-list-template.--typeBtn > li:hover:after{
		background-color: var(--GRAY06);		
	}
	.category-list-template.--typeBtn > li > a:hover{
		opacity: 1;
	}
	.category-list > li > a:hover{
		opacity: 1;
		background-color: var(--GRAY06);
	}
}
@media screen and (max-width: 767px){
	.category-list-template{
		grid-template-columns: repeat(2, 1fr);
	}
}
/* ------------------- PCナビゲーションNEW ここまで -------------------- */