@charset "utf-8";

/* CSS関数設定 */
:root {
	/* カラーパレット */
	--WHITE: #fff;
	--BLACK: rgb(21, 21, 21);
	--GRAY01: #F0F0F0;
	--GRAY02: #A7A7A7;
	--GRAY03: #505050;
	--GRAY04: #D1D1D1;
	--GRAY05: #ACACAC;
	--GRAY06: #D0D0D0;

	--GRAY07: #F9F9F9;

	--RED01: #B10000;
	--RED02: #FDF5F5;
	--RED03: rgb(177, 0, 0, .7);

	--GOLD01: #C4B484;
	--BRONZE01: #E0C8AC;
	--SILVER01: #C5C5C5;
	--PLATINUM01: linear-gradient(-45deg, #B6BECA 0%, #D9DCE1 100%);
	--BLUE01: #A0BBC7;
	--BLUE02: #70819A;
	--BLUE03: #ecf5fb;

	/* テキストベースカラー */
	--TXT_COLOR: var(--BLACK);

	/* 共通角丸 */
	--COMMON_BDRS: 5px;

	/* ベースフォント */
	--FF_BASE: 'Noto Sans JP', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

	/* タイトルフォント */
	--FF_VINA: "Vina Sans", sans-serif;

	--FF_LATO: "Lato", sans-serif;

	/* インナー幅 */
	--INNER_WIDTH: 90%;
	--INNER_WIDTH_L: 92.5%;
	--MAX_WIDTH_L: 1440px;
	--MAX_WIDTH_M: 1200px;

	/* フォントサイズ */
	--FZ_80: clamp(50px, 8vw, 80px);
	--FZ_60: clamp(50px, 6vw, 60px);
	--FZ_50: clamp(40px, 4vw, 50px);
	--FZ_40: clamp(30px, 4vw, 40px);
	--FZ_32: clamp(21px, 2.4vw, 32px);
	--FZ_26: clamp(17px, 2.4vw, 24px);
	--FZ_22: clamp(16px, 2vw, 20px);
	--FZ_20: clamp(14px, 1.8vw, 18px);
	--FZ_18: clamp(12px, 1.7vw, 17px);
	--FZ_18_SPL: clamp(15px, 1.7vw, 17px);
	--FZ_16: clamp(14px, 1.5vw, 15px);
	--FZ_BASE: clamp(14px, 1.5vw, 15px);
	--FZ_15: clamp(13px, 1.5vw, 15px);
	--FZ_14: clamp(12px, 1.4vw, 14px);
	--FZ_12_CONST: 12px;
	--FZ_10_CONST: 10px;

	/* 間隔 */
	--FOOTER_SPACE_TOP: clamp(1.875rem, -1.426rem + 14.08vw, 11.25rem);
	--SPACE_260: clamp(72px, 24vw, 240px);
	--SPACE_150: clamp(72px, 15vw, 150px);
	--SPACE_130: clamp(64px, 13vw, 130px);
	--SPACE_100: clamp(40px, 7vw, 100px);
	--SPACE_80: clamp(32px, 6vw, 80px);
	--SPACE_75: clamp(30px, 5vw, 75px);
	--SPACE_70: clamp(20px, 5vw, 70px);
	--SPACE_60: clamp(20px, 6vw, 60px);
	--SPACE_50: clamp(26px, 5vw, 50px);
	--SPACE_50_SPL: clamp(40px, 5vw, 50px);
	--SPACE_50_SPS: clamp(10px, 3vw, 50px);
	--SPACE_40: clamp(26px, 4vw, 40px);
	--SPACE_35: clamp(18px, 2.5vw, 35px);
	--SPACE_30: clamp(10px, 2.2vw, 26px);
	--SPACE_20: clamp(10px, 1.4vw, 20px);
	--SPACE_20_SPL: clamp(15px, 1.4vw, 20px);
	--SPACE_16: clamp(8px, 1vw, 16px);
	--SPACE_10: 10px;

	/* 影 */
	--BTN_SHADOW: 0px 2px 2px rgba(0, 0, 0, 0.25);
	--CONTAINER_SHADOW: 0px 0 6px 0px rgba(0, 0, 0, 0.15);

	--GENERALSEC: var(--SPACE_60);
}

/* リセット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-size: var(--FZ_BASE);
	font-family: var(--FF_BASE);
	font-weight: 400;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.06em;
	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 {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s;
}

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);
}

/* フォントCSS */
.font-vina {
	font-family: var(--FF_VINA);
}

.font-lato {
	font-family: var(--FF_LATO);
}

/* imgリセット */
.imgauto {
	height: auto;
	width: 100%;
	box-sizing: unset;
	line-height: 1rem;
	display: block;
}

/* セクション間隔*/
.sec-l {
	padding-block: var(--SPACE_100);
}
.sec-l.--lbtm {
	padding-bottom: calc(var(--SPACE_100) * 1.35);
}

.sec-m {
	padding-block: var(--SPACE_80);
}

.sec-m--s {
	padding-top: var(--SPACE_75);
	padding-bottom: var(--SPACE_75);
}

.sec-s {
	padding-top: var(--SPACE_60);
	padding-bottom: calc(var(--SPACE_60) * 1.35);
}

[class*="sec-"].--noPdt {
	padding-top: 0;
}

*.--hasGlass {
	background: #000 url(../images/common/anmal_pattern.png);
	background-size: 300px;
}

*.--hasBlack {
	color: var(--WHITE);
	background-color: var(--BLACK);
}

*.--hasGray {
	background-color: var(--GRAY01);
}

*.--hasDGray {
	background-color: var(--GRAY02);
}

/* セクションタイトル */
.sec-ttl .en {
	display: block;
	font-family: var(--FF_VINA);
	font-size: var(--en_fnts);
	line-height: 1;
}

.sec-ttl .ja {
	display: block;
	font-size: var(--ja_fnts);
	font-weight: var(--ja_weight);
}

.sec-ttl.--s40 {
	--en_fnts: var(--FZ_40);
	--ja_fnts: var(--FZ_12_CONST);
	--ja_weight: 700;
	display: flex;
	gap: 0 1em;
	align-items: center;
}

.sec-ttl.--s50 {
	--en_fnts: var(--FZ_50);
	--ja_fnts: var(--FZ_20);
	--ja_weight: 700;
	display: flex;
	gap: 1em;
	align-items: center;
}

.sec-ttl.--s60 {
	--en_fnts: var(--FZ_60);
	--ja_fnts: var(--FZ_12_CONST);
	--ja_weight: 500;
	gap: var(--SPACE_20);
	text-align: center;
}

.sec-ttl.--s80 {
	--en_fnts: var(--FZ_80);
	--ja_fnts: var(--FZ_20);
	--ja_weight: 700;
	text-align: center;
}

.sec-ttl.--mg75 {
	margin-bottom: var(--SPACE_75);
}

.sec-ttl.--mg50 {
	margin-bottom: var(--SPACE_50);
}

.sec-ttl.--mg35 {
	margin-bottom: var(--SPACE_35);
}

.sec-ttl>a {
	width: fit-content;
	margin-inline: auto;
	display: block;
}

@media screen and (max-width: 767px) {
	.sec-ttl.--s40 {
		flex-direction: column;
	}
}

/* グリッド、フレックス */
.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;
}

/* 縦書き */
.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;
}

.inner-l {
	width: var(--INNER_WIDTH_L);
	max-width: var(--MAX_WIDTH_L);
	margin-inline: auto;
}


@media (hover: hover) {

	.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.75 !important; */
	}
}

@media screen and (min-width: 768px) {
	html {
		scroll-padding-top: 80px;
	}

	body {
		line-height: 1.7;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}


	a[href^="tel:"] {
		pointer-events: none;
	}

	.inner,
	.pc-inner {
		width: var(--INNER_WIDTH);
		max-width: var(--MAX_WIDTH_M);
		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) {
	body {
		line-height: 1.6;
	}

	.inner,
	.sp-inner {
		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;
	}

	.sp-slick {
		opacity: 0;
		transition: opacity .3s linear;
	}

	.sp-slick.slick-initialized {
		opacity: 1;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■header■■■■■■■■■■■■■■■■■■■■■■ */
#headerarea {
	background-color: var(--WHITE);
	z-index: 11;
}

.hd-wrap {
	align-items: center;
	padding-block: var(--SPACE_20_SPL);
	justify-content: space-between;
}

.hasName {
	display: flex;
	align-items: end;
}

.hd-account__name {
	max-width: 13ch;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	line-height: 1.7;
}

.hd-left {
	align-items: center;
}

.hd-logo {
	flex-shrink: 0;
	width: clamp(118px, 12vw, 181px);
}

.hd-links {
	gap: clamp(.5em, 1.5vw, 2em);
}

.hd-links>li>a {
	font-size: var(--FZ_14);
	font-weight: 500;
}

.hd-msg {
	background-color: var(--GRAY01);
	padding: .5em 1em;

}

.hd-msg__min {
	display: block;
	font-weight: 700;
	font-size: var(--FZ_14);
	line-height: 1.2;
}

.hd-msg__sub {
	font-size: var(--FZ_12_CONST);
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
	.hd-msg {
		display: none;
	}
}

@media screen and (min-width: 1351px) {
	.hd-right {
		gap: var(--SPACE_40);
	}

	.hd-left {
		gap: var(--SPACE_30);
	}

}

@media screen and (max-width: 1350px) {
	.hd-left {
		gap: var(--SPACE_16);
		justify-content: space-between;
		width: 100%;
	}

	.hd-right {
		gap: var(--SPACE_30);
	}
}

@media screen and (max-width: 960px) {
	.hd-account {
		display: none;
	}
}

@media screen and (min-width: 768px) {

	#headerarea {
		position: sticky;
		top: 0;
		width: 100%;
		left: 0;
	}
}

@media screen and (max-width: 767px) {

	.hd-links,
	.hd-icons {
		display: none;
	}


}

.hd-account {
	text-align: center;
	font-weight: 500;
	font-size: var(--FZ_14);
}

.hd-account p:last-child {
	border-top: 1px solid var(--GRAY04);
}

.hd-account__point {
	color: var(--RED01);
	font-size: var(--FZ_15);
}

.hd-icons {
	gap: var(--SPACE_16);
}

.hd-icons>li {
	display: flex;
	align-items: center;
}

.hd-icons>li>a {
	width: 40px;
	aspect-ratio: 1/1;
	background-color: var(--BLACK);
	border-radius: 50%;
	display: block;
	background-position: center;
	background-size: 45%;
	background-repeat: no-repeat;
	position: relative;
}

.search-opener {
	position: relative;

}

.search-opener>a {
	cursor: pointer;
}

.search-window {
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	transition: .3s;
	background-color: var(--BLACK);
}

.search-opener.open .search-window {
	pointer-events: auto;
	visibility: visible;
	opacity: 1;
	z-index: 999;
	max-width: 800px;
}

.search-opener.open>a {
	background-image: url(../images/common/icon_search_close.svg) !important;
}

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

@media screen and (max-width: 767px) {
	.search-window {
		bottom: 75px;
		left: 50%;
		transform: translateX(-50%);
		position: fixed;
		width: 100vw;
		padding-block: 16px;
	}
}

/* 検索フォーム */
.tp-searchForm {
	position: relative;
	width: 90%;
	max-width: 800px;
	margin-inline: auto;
	align-items: center;
	font-size: var(--FONT_SIZE_XS);
	display: flex;
	gap: .5em;
}

.tp-searchForm input[type=text] {
	flex: 1;
	padding: 0 1.5em;
	font-size: var(--FZ_18);
	border-radius: var(--BTN_BDRS);
	display: flex;
	border: 1px solid var(--GRAY06);
	height: clamp(50px, 6vw, 60px);
	align-items: center;
}

.tp-searchForm>button[type="submit"] {
	background-color: var(--BLACK);
	color: var(--WHITE);
	cursor: pointer;
	padding: 0 1.5em;
	letter-spacing: .25em;
	flex-shrink: 0;
	font-weight: 700;
	height: clamp(50px, 6vw, 60px);
	align-items: center;
	display: flex;
	font-size: var(--FZ_18);
	transition: .3s;
}

.search-area.--white .tp-searchForm>button[type="submit"] {
	background-color: var(--WHITE);
	color: var(--BLACK);
}

.search-area.--white .tp-searchForm>input[type=text] {
	background-color: var(--GRAY01);
}

.hd-band {
	background-color: var(--BLACK);
	color: var(--WHITE);
	text-align: center;
	font-size: clamp(11px, 1.4vw, 14px);
	padding-block: .5em;
}

.search-area.--white .search-hotword {
	position: relative;
}

.search-area.--white .search-hotword:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 3em;
	height: 100%;
	background: linear-gradient(to right, rgba(21, 21, 21, 0) 0%, rgba(21, 21, 21, 1) 100%);
}

.popup-box .search-area .tp-searchForm {
	width: 100%;
}

@media (hover: hover) {
	.tp-searchForm>button[type="submit"]:hover {
		background-color: var(--GRAY03);
		opacity: 1;
	}
}

@media screen and (max-width: 767px) {
	.popup-box .search-area .search-hotword {
		margin-left: 0;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■footer■■■■■■■■■■■■■■■■■■■■■■ */
#footerarea {
	background-color: var(--BLACK);
	color: var(--WHITE);
	padding-top: var(--FOOTER_SPACE_TOP);
	font-size: var(--FZ_14);
}

#footerarea a {
	color: var(--WHITE);
}

.ft-wrap {
	align-items: center;
	justify-content: space-between;
	column-gap: var(--SPACE_50);
}

.ft-links {
	display: grid;
	grid-template-columns: repeat(4, auto);
	gap: 1em clamp(1em, 2vw, 3em);
	margin-bottom: var(--SPACE_50);
	border-bottom: 1px solid var(--GRAY03);
	padding-bottom: var(--SPACE_50);
	line-height: 2;
}

.ft-links a {
	color: var(--WHITE);
}

.ft-address>span {
	display: block;
}

.ft-sns {
	justify-content: end;
	gap: 20px;
}

.ft-sns>li {
	width: 40px;
}

.ft-sns.--center {
	justify-content: center;
}

.ft-small {
	display: block;
}

@media screen and (min-width: 768px) {
	.ft-logo {
		width: 156px;
	}

	.ft-wrap {
		margin-bottom: var(--SPACE_150);
	}

	.ft-small {
		width: 95%;
		margin-inline: auto;
		text-align: end;
	}

	#footerarea {
		padding-bottom: var(--SPACE_20);
	}

	.ft-address {
		display: flex;
		flex-direction: column;
	}
}

@media screen and (max-width: 767px) {
	#footerarea {
		padding-bottom: calc(var(--SPACE_20) + 90px);
	}

	.ft-wrap {
		flex-direction: column;
	}

	.ft-links {
		display: none;
	}

	.ft-logo {
		order: 1;
		max-width: 156px;
		margin-inline: auto;
		margin-bottom: var(--SPACE_40);
	}

	.ft-small {
		text-align: center;
	}

	.ft-contents {
		display: contents;
	}

	.ft-address {
		order: 3;
		margin-bottom: 24px;
	}

	.ft-sns {
		order: 2;
		margin-bottom: 30px;
	}

	.ft-address__tel {
		font-size: var(--FZ_32);
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■SPメニュー■■■■■■■■■■■■■■■■■■■■■■ */

.sp-menu {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}

.sp-menu__list {
	display: flex;
	background-color: var(--BLACK);
}

.sp-menu__list>li {
	flex: 1;
	position: relative;
}

.sp-menu__list>li+li:before {
	content: "";
	display: block;
	width: 1px;
	height: 70%;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	background-color: var(--WHITE);
	position: absolute;
}

.sp-menu__list>li>a {
	color: var(--WHITE);
	padding-top: 50px;
	display: block;
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 21px;
	font-size: 11px;
	padding-bottom: 6px;
	position: relative;
	width: 100%;
}

.sp-menu__list>li>a:after {
	content: attr(data-txt)"";
	display: block;
	text-align: center;
}

/* ■■■■■■■■■■■■■■■■■■■■■■side■■■■■■■■■■■■■■■■■■■■■■ */
#sidearea article+article {
	margin-top: var(--SPACE_40);
}

.side-ttl {
	background-color: var(--BLACK);
	color: var(--WHITE);
	display: flex;
	justify-content: space-between;
	align-items: end;
	padding: .5em;
}

.side-ttl+* {
	margin-top: var(--SPACE_20);
}

.side-ttl .en {
	display: block;
	font-size: var(--FZ_26);
	line-height: 1.4;
}

.side-ttl .ja {
	display: block;
	font-size: var(--FZ_12_CONST);
}

.side-slider {
	width: calc(100% + 20px);
	margin-inline: -10px;
}

.side-slider .slick-slide {
	width: auto;
	padding-inline: 10px;
}

.side-slider article>a {
	display: flex;
	align-items: center;
	border: 1px solid var(--GRAY04);
}

.side-slider__thumb {
	width: 30%;
}

.side-slider__thumb img {
	aspect-ratio: 1/1;
	object-fit: cover;
}

.side-slider__ttl {
	flex: 1;
	font-weight: 700;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/*行数を指定*/
	overflow: hidden;
	font-size: var(--FZ_14);
	padding: .25em;
}

.side-caption {
	margin-bottom: var(--SPACE_20);

}

.side-caption>a {
	text-align: center;
	width: 90%;
	margin-inline: auto;
	background-color: #ebebeb;
	display: block;
	padding: .5em 0;
	border-radius: 40px;
}

.side-brand__list {
	display: grid;
	--card_num: 2;
	grid-template-columns: repeat(var(--card_num), 1fr);
	gap: 10px;
	margin-bottom: var(--SPACE_20);
}

.side-brand__list>li>a {
	border: 1px solid var(--GRAY04);
	display: block;
}

.side-brand__list img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
}

.side-category__list .cate-list__ttl .en {
	font-size: var(--FZ_22);

}

.side-category__list .cate-list__ttl .ja {
	font-size: var(--FZ_12_CONST);
}

.side-category__list {
	margin-top: 0;
}

.side-category__list>li>a {
	padding: var(--SPACE_16) var(--SPACE_16) var(--SPACE_16) calc(15% + (var(--SPACE_16) * 1));
	display: block;
	border-bottom: 1px solid var(--GRAY04);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 15%;

}

.side-links>li>a {
	padding: var(--SPACE_16);
	display: block;
	border-bottom: 1px solid var(--GRAY04);
	font-weight: 500;
}

.side-bnr {
	margin-top: var(--SPACE_20);
}


/* ■■■■■■■■■■■■■■■■■■■■■■全ページ共通部分■■■■■■■■■■■■■■■■■■■■■■ */
/* -----------------タブ切り替え共通css----------------- */
.tab-nav {
	display: flex;
}

.tab-btn {
	flex: 1;
	cursor: pointer;
}

.tab-contents {
	height: 0;
	overflow: hidden;
	opacity: 0;
}

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

@media screen and (min-width: 768px) {
	.tab-btn.show {
		cursor: auto;
	}
}


/* -----------------ポップアップ共通css----------------- */
body.fixed {
	position: fixed;
	width: 100%;
	overflow: hidden;
}

.popup-overlay {
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}

.popup-overlay.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

.popup-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--WHITE);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.popup-overlay .popup-box {
	overflow-y: scroll;
}

.popup-overlay button.closePopup {
	position: absolute;
	aspect-ratio: 1/1;
	border-radius: 50%;
	border: 1px solid #fff;
	background-color: var(--TXT_COLOR);
	top: 0;
	right: 0;
	transform: translate(50%, -50%);
}

.popup-overlay button.closePopup::before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 500;
	content: '\f00d';
	display: block;
	line-height: 1;
	height: 1em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
}

@media screen and (min-width: 768px) {
	.popup-overlay .popup-content {
		width: 95%;
		max-width: 900px;
	}

	.popup-overlay .popup-box {
		padding: 50px 30px;
		max-height: 90vh;
	}

	.popup-overlay button.closePopup {
		width: 40px;
	}

	.popup-overlay button.closePopup::before {
		font-size: 23px;
	}
}

@media screen and (max-width: 767px) {
	.popup-overlay .popup-content {
		width: 90%;
	}

	.popup-overlay .popup-box {
		padding: 30px 15px;
		max-height: 80vh;
	}

	.popup-overlay button.closePopup::before {
		font-size: 23px;
	}

	.popup-overlay button.closePopup {
		width: 30px;
	}

	.popup-overlay button.closePopup::before {
		font-size: 18px;
	}
}

/* -----------------フューチャー調整CSS----------------- */
/* 内部の色設定 */
:root {
	--WISH_COLOR: #d42929;
	--FS_BTN_COLOR_1: #333;
	--FS_BTN_COLOR_2: #7a7a7a;
	--REVIEW_COLOR: #edc622;
}

/* 内部幅設定 */
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: var(--INNER_WIDTH);
	max-width: var(--MAX_WIDTH_M);
	margin-bottom: var(--SPACE_100);
}

#wrapper+.history-sec {
	padding-top: 0;
}

#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-client-cart-count {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	aspect-ratio: 1/1;
	width: 20px;
	font-size: 11px;
	background-color: var(--RED01);
	color: var(--WHITE);
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(25%);
}

.sp-menu .fs-client-cart-count {
	top: 0.7em;
	right: 1.7em;
}

/* 商品マークリセット */
.fs-c-productMarks {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	--BDRS: 3px;
}

.fs-c-productMark {
	gap: 5px;
}

.fs-c-productMark__mark {
	width: fit-content;
}

.fs-c-productMark li,
.fs-c-productMark span,
.fs-c-productMarks>.fs-c-mark .fs-c-mark__label {
	margin: 0;
	font-size: 11px;
	background-color: var(--GRAY03);
	color: var(--WHITE);
	border-radius: var(--BDRS);
}

.fs-c-productMark__mark,
.fs-c-productMarks>.fs-c-mark .fs-c-mark__label {
	display: inline-block;
	padding: 4px 8px 6px;
	line-height: 1;
}

.fs-c-productMark img {
	width: auto;
	height: 20px;
}

.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: 14px 0;
		font-size: 14px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	.fs-c-breadcrumb {
		padding: 8px 0 8px 10px;
		font-size: 11px;
		overflow: hidden;
		position: relative;
		margin-bottom: 20px;
	}

	.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);
	font-size: 17px;
}

/* ページャー */
.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: 16px;
	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;
}

.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 (hover: hover) {
	.fs-c-pagination__item--next:hover {
		color: var(--WHITE);
	}
}

@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;
	}

}

@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;
	}
}

/* aiレコメンドリセット */
.fs-p-heading--lv2,
.fr3-item__rankContainer {
	display: none !important;
}

.fr3-productListStatic {
	padding: 0;
}

.fr3-item__productPrice__price {
	font-size: unset;
}

@media (hover: hover) {
	.fr3-item a:hover {
		color: var(--TXT_COLOR);
	}
}


/* ------------------- wp-news -------------------- */
.wp-news {
	max-width: 900px;
  background-color: unset;
	margin-inline: auto;
	padding: var(--SPACE_20) var(--SPACE_60);
	gap: 16px var(--SPACE_50);
	align-items: center;
	margin-bottom: var(--SPACE_50_SPL);
}
.wp-news__container{
	gap: 16px var(--SPACE_50);
	align-items: center;
	margin-bottom: var(--SPACE_20);
}
.wp-news__list{
	flex: 1;
}

.wp-news__list>li>a {
	display: flex;
	gap: 1.5em;
	align-items: center;
	font-size: var(--FZ_16);
}

.wp-news__list time {
	flex-shrink: 0;
	font-size: 12px;
}

.wp-news__list span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	/*行数を指定*/
	overflow: hidden;
}

.news-ttl {
	flex-shrink: 0;
}

@media screen and (min-width: 768px) {
	.wp-news__list>li {
		padding-block: .5em;
	}

	.wp-news__list>li+li {
		border-top: 1px solid var(--WHITE);
	}
}

@media screen and (max-width: 767px) {
	.wp-news,
	.wp-news__container{
		flex-direction: column;
	}

	.wp-news__list>li {
		padding-block: .35em;
	}
}

/* ------------------- -------------------- */
.search-btns {
	margin-bottom: var(--SPACE_50);
}

.search-area {
	font-size: var(--FZ_14);
}

.search-hotword {
	margin-top: var(--SPACE_20);
	max-width: 800px;
	margin-inline: auto;
}

.search-hotword__tag {
	border: 1px solid currentColor;
	padding: .25em .5em;
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

.search-area.--white a {
	color: var(--WHITE);
}

.search-area.--white .search-hotword__tag {
	color: var(--WHITE);
}

.search-hotword__list {
	gap: 1em;
	margin-left: .5em;
	overflow-x: scroll;
	scrollbar-width: thin;
	scrollbar-color: #000 #fff;
	padding-top: 3px;
}

.search-hotword__list::-webkit-scrollbar {
	height: 8px;
}

.search-hotword__list::-webkit-scrollbar-track {
	background: #fff;
}

.search-hotword__list::-webkit-scrollbar-thumb {
	background-color: #000;
	border-radius: 6px;
	border: 3px solid #fff;
}

.search-hotword__list>li {
	flex-shrink: 0;
}

.search-hotword__list>li>a:before {
	content: "#";
}

@media screen and (min-width: 768px) {
	.search-hotword {
		width: 90%;
	}

	.search-hotword__list {
		flex: 1;
	}
}

@media screen and (max-width: 767px) {
	.search-hotword {
		margin-left: 5%;
	}

	.adsearch-form .contents-space+.contents-space .search-cate__list {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ------------------- ボタン類 -------------------- */
.col2-btn {
	display: flex;
	margin-inline: auto;
	justify-content: center;
	gap: var(--SPACE_40);
}

.g-btn {
	width: 100%;
	max-width: 300px;
}

.g-btn.--center {
	margin-inline: auto;
}

.g-btn> :is(a, button) {
	display: block;
	width: 100%;
	background-color: var(--BLACK);
	color: var(--WHITE) !important;
	font-size: var(--FZ_14);
	font-weight: 700;
	text-align: center;
	padding: 1em;
	letter-spacing: .25em;
}

.g-btn.--white> :is(a, button) {
	background-color: var(--WHITE);
	color: var(--BLACK) !important;
}

.g-next:after {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 500;
	content: '\f105';
	font-size: 1em;
	padding-left: .5em;
	transition: .2s;
	display: inline-block;
}

.g-next.--red:after {
	color: var(--RED01);
}

.g-btn.--popup>a {
	position: relative;
}

.g-btn.--popup>a:after {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 500;
	content: '\2b';
	font-size: 1.5em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1em;
}

@media (hover: hover) {
	a:hover .g-next.--red:after {
		transform: translateX(.3em);
		opacity: 1;
	}

	a:hover .g-next:after {
		transform: translateX(.3em);
	}

	.g-btn> :is(a, button):hover {
		background-color: var(--GRAY03);
		opacity: 1;
	}

	.g-btn.--white> :is(a, button):hover {
		background-color: var(--GRAY05);
		opacity: 1;
	}

}

@media screen and (max-width: 767px) {
	.col2-btn {
		flex-direction: column;
	}

	.g-btn {
		margin-inline: auto;
	}
}

/* ------------------- ユーティリティ -------------------- */
span.inline {
	display: inline-block;
}

span.other-page {
	display: inline-block;
	width: 1em;
	height: 1em;
	transform: translateY(.1em);
	transition: .2s;
	margin-inline: .25em;
}

.bnr-2col {
	gap: var(--SPACE_50);
}

.bnr-2col>li {
	flex: 1;
}

@media (hover: hover) {
	.bnr-2col a:hover {
		opacity: 1;
		filter: brightness(1.1);
	}
}

@media screen and (max-width: 767px) {
	.bnr-2col {
		flex-direction: column;
	}
}

/* ------------------- レコメンド初期化 -------------------- */
.recommend-product {
	margin-bottom: var(--SPACE_50);
}

.recommend-product.--noMgn {
	margin-bottom: 0;
}

.recommend-product.--4col .fr3-productListStatic {
	display: grid;
	gap: var(--SPACE_60) var(--SPACE_20);
}

.recommend-product .fr3-item__productName,
.recommend-product .fr3-item__productPrice__addon {
	font-size: var(--FZ_14);
}

.recommend-product .fr3-item__productPrice__currencyMark {
	display: none;
}

.recommend-product .fr3-item__productPrice__value {
	font-size: var(--FZ_16);
	font-weight: 700;
}

.recommend-product .fr3-item__productPrice__value:after {
	content: "円";
	font-size: var(--FZ_14);
}

.recommend-product .fr3-item__productPrice__addon {
	font-weight: 700;
}

.recommend-product+.preorder-container {
	margin-top: var(--SPACE_50_SPL);
}

@media screen and (min-width: 768px) {
	.recommend-product.--4col .fr3-productListStatic {
		grid-template-columns: repeat(4, 1fr);
	}

}

@media screen and (max-width: 767px) {
	.recommend-product.--4col .fr3-productListStatic {
		grid-template-columns: repeat(2, 1fr);
	}

}

/* ------------------- カテゴリ -------------------- */
.cate-list {
	display: grid;
	gap: var(--SPACE_20) var(--SPACE_30);
}

.cate-list>li>a {
	border: 1px solid var(--BLACK);
	display: block;
	background-position: var(--SPACE_20) center;
	background-repeat: no-repeat;
}

*.--hasGray .cate-list>li>a {
	background-color: var(--WHITE);
}

.cate-list__ttl .en {
	display: block;
	font-size: var(--FZ_32);
	line-height: 1;
}

.cate-list__ttl .ja {
	display: block;
	font-weight: 700;
	font-size: var(--FZ_14);
}

@media (hover: hover) {
	.cate-list>li>a:hover {
		opacity: 1;
		background-color: var(--GRAY06);
		border: 1px solid var(--GRAY06);
	}
}

@media screen and (min-width: 1001px) {
	.cate-list {
		grid-template-columns: repeat(4, 1fr);
	}

	.cate-list>li>a {
		background-size: 20%;
		padding: var(--SPACE_20) var(--SPACE_20) var(--SPACE_20) calc(20% + (var(--SPACE_20) * 2));
	}
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
	.cate-list {
		grid-template-columns: repeat(3, 1fr);
	}

	.cate-list>li>a {
		background-size: 20%;
		padding: var(--SPACE_20) var(--SPACE_20) var(--SPACE_20) calc(20% + (var(--SPACE_20) * 2));
	}
}

@media screen and (max-width: 767px) {
	.cate-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.cate-list>li>a {
		background-size: 32px;
		padding: var(--SPACE_20) var(--SPACE_20) var(--SPACE_20) calc(32px + (var(--SPACE_20) * 2));
	}

}

/* ------------------- ガイド -------------------- */
.guide-list {
	margin-bottom: var(--SPACE_50);
	color: var(--WHITE);

}

.guide-list__thumb {
	width: 100px;
	margin-inline: auto;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: var(--SPACE_20);
}

.guide-list__thumb img {
	border-radius: 50%;
}

.guide-list__ttl {
	font-size: var(--FZ_16);
	font-weight: 700;
	text-align: center;
	margin-bottom: .5em;
}

.guide-list__desc {
	font-size: var(--FZ_14);
	padding-inline: 1em;
}

@media screen and (min-width: 768px) {
	.guide-list {
		display: flex;
	}

	.guide-list>li {
		flex: 1;
	}

	.guide-list>*+* {
		border-left: 1px solid var(--GRAY06);
	}
}

@media screen and (max-width: 767px) {
	.guide-list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		row-gap: var(--SPACE_40);
	}
}

/* ------------------- 詳細検索フォーム -------------------- */
.adsearch-form {
	margin-top: var(--SPACE_70);
}

.contents-space+.contents-space {
	margin-top: var(--SPACE_50);
}

.contents-space:last-child {
	margin-bottom: var(--SPACE_50);
}

.search-cate__ttl {
	border-bottom: 1px solid var(--BLACK);
	margin-bottom: 1em;
	padding-bottom: .5em;
}

.search-cate__list {
	display: grid;
	gap: .5em 1em;
	font-size: var(--FZ_14);
}

.search-cate__list>li {
	display: flex;
	align-items: center;
}

.search-cate__list>li>label {
	display: flex;
	align-items: center;
	gap: .5em;
}

.search-cate__list>li:nth-child(1) .search-cate__thumb {
	border: 1px solid var(--GRAY04);
}

.search-cate__list input[type="checkbox"] {
	flex-shrink: 0;
}

.search-cate__thumb {
	width: 20px;
	flex-shrink: 0;
	border-radius: 50%;
	overflow: hidden;
}

@media screen and (min-width: 768px) {
	.search-cate__list {
		grid-template-columns: repeat(3, 1fr);
	}

	.search-cate__list.--5col {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media screen and (max-width: 767px) {
	.search-cate__list {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* ------------------- トグルボタン -------------------- */
.toggle-button {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	position: relative;
}

.toggle-box {
	overflow: hidden;
	position: relative;
}

.toggle-button:before {
	content: "more";
	animation: blink 2s ease-in-out infinite;
}

.toggle-button:after {
	display: block;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	content: '\f078';
	font-size: 16px;
	transition: .6s;
}

.toggle-box.open+.toggle-button:after {
	content: '\f077';
}

@keyframes blink {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: .25;
	}
}

/* ------------------- 先行予約商品一覧リスト -------------------- */
.preorder-container {
	margin-bottom: var(--SPACE_100);
}

.preorder-list__wrap {
	margin-bottom: var(--SPACE_50);
}

.preorder-list {
	display: grid;
	gap: var(--SPACE_40) var(--SPACE_20);
}

.preorder-list>article>a {
	display: flex;
	background-color: var(--WHITE);
	font-size: var(--FZ_14);
	position: relative;
	border: 1px solid transparent;
	transition: none;
}

.preorder-list__new {
	position: absolute;
	bottom: -.25em;
	left: -.25em;
	color: var(--RED01);
	font-size: var(--FZ_40);
	line-height: 1;

}

.preorder-list__thumb {
	width: 130px;
	flex-shrink: 0;
}

.preorder-list__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 1/1;
}

.preorder-list__ttl {
	font-weight: 500;
	/* display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden; */
	flex-grow: 1;
}

.preorder-list__desc {
	padding: 1em;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.preorder-list__local {
	margin-bottom: .5em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/*行数を指定*/
	overflow: hidden;
}

.preorder-list__date {
	text-align: end;
}

@media (hover: hover) {
	.preorder-list>article>a:hover {
		border: 1px solid var(--BLACK);
		opacity: 1;
	}
}

@media screen and (min-width: 768px) {
	.preorder-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.preorder-container {
		padding: var(--SPACE_50_SPL);
	}
}

@media screen and (max-width: 767px) {
	.preorder-list {
		grid-template-columns: repeat(1, 1fr);
	}

	.preorder-container {
		padding: var(--SPACE_50_SPL) 5%;
	}
}

/* ページトップ */
.page-top {
	position: sticky;
	z-index: 10;
	width: fit-content;
	margin-left: auto;
	height: 0;
}

.page-top>a {
	background-color: var(--BLACK);
	color: var(--WHITE) !important;
	width: clamp(40px, 6vw, 60px);
	aspect-ratio: 1/1;
	border-radius: 50%;
	display: block;
	transform: translateY(-100%);
	position: relative;
	border: 1px solid var(--WHITE);
}

.page-top>a:after {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 500;
	content: '\f077';
	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;
	}
}

@media screen and (max-width: 767px) {
	.page-top {
		right: 2.5%;
		bottom: 0;
	}

	.page-top>a {
		bottom: 105px;
	}
}

/* FSデフォルト調整 */
.fs-clientInfo.is-ready {
	display: inherit;
}

.logout.my-false {
	display: none;
}

.login.my-true {
	display: none;
}

.fs-client-cart-count--0 {
	display: none;
}

/* GoogleMap */
@media screen and (min-width: 768px) {
	.popup-map__contents iframe {
		aspect-ratio: 16/9;
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.popup-map__contents iframe {
		aspect-ratio: 337/520;
		width: 100%;
	}
}

/* 下層ページタイトル */
.fp-fv {
	background: url(../images/common/fp_fv.png) center / cover;
	padding-top: var(--SPACE_130);
	padding-bottom: var(--SPACE_260);
	margin-bottom: var(--SPACE_80);
}

@media screen and (min-width: 768px) {
	.fp-fv {
		clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
	}
}

@media screen and (max-width: 767px) {
	.fp-fv {
		clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
	}
}

/* ------------------- 閲覧履歴 -------------------- */
.history-bnr {
	margin-top: var(--SPACE_100);
	gap: var(--SPACE_20);
}

.history-bnr>* {
	flex: 1;
}

@media screen and (max-width: 767px) {
	.history-bnr {
		flex-direction: column;
	}
}

/* ----------------- rankingエリア ----------------- */
.ranking-sec {
	position: relative;
	padding-bottom: calc(var(--SPACE_100) * 1.35);
}

.ranking-sec:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--GRAY01);
	clip-path: polygon(0 17.5%, 100% 0, 100% 100%, 0 100%);
	z-index: -1;
}

.ranking-tab .tab-nav {
	font-size: var(--FZ_32);
	text-align: center;
	margin-bottom: var(--SPACE_40);
}

.ranking-tab .tab-nav>li {
	border-left: 1px solid var(--GRAY05);
}

.ranking-tab .tab-nav>li:last-child {
	border-right: 1px solid var(--GRAY05);
}

.ranking-tab .tab-btn {
	color: var(--GRAY05);
	transition: .2s;
}

.ranking-tab .tab-btn.show {
	color: var(--BLACK);
	position: relative;
}




.recommend-product.--ranking {
	counter-reset: ranking_num;
}

.recommend-product.--ranking .fr3-item {
	position: relative;
	counter-increment: ranking_num;
}

.recommend-product.--ranking .fr3-item:after {
	content: counter(ranking_num);
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(50%, -50%);
	font-size: var(--FZ_50);
	font-family: var(--FF_VINA);
	line-height: 1;
	font-weight: 700;
}

.recommend-product.--history .fr3-item:after {
	content: none;
}

.recommend-product.--history .fr3-item__productName,
.recommend-product.--history .fr3-item__productPrice {
	display: none;
}

@media (hover: hover) {
	.ranking-tab .tab-btn:hover {
		color: var(--BLACK);
	}
}

@media screen and (min-width: 768px) {
	.recommend-product.--ranking .fr3-productListStatic {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		width: var(--INNER_WIDTH);
		max-width: var(--MAX_WIDTH_M);
		margin-inline: auto;
	}
	.ranking-tab .tab-btn.show::before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		position: absolute;
		animation: blink 2s ease-in-out infinite;
		border-width: .2em;
		border-color: transparent transparent var(--BLACK) transparent;
		top: calc(100% - .2em);
		left: 50%;
		transform: translateX(-50%);
	}
}

@media screen and (max-width: 767px) {
	.recommend-product.--ranking .fr3-productListStatic {
		display: flex;
		overflow-x: scroll;
		padding-inline: calc((100% - var(--INNER_WIDTH)) / 2);
		padding-top: calc(var(--FZ_50) / 2);
	}

	.recommend-product.--ranking .fr3-item {
		min-width: 140px;
		width: calc(20% - (20px / 5));
	}

	.ranking-tab .tab-nav {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.ranking-tab .tab-nav>li:nth-child(2) {
		border-right: 1px solid var(--GRAY05);
	}

	.fat-nav .recommend-product.--ranking .fr3-item {
		min-width: 95px;
	}
	.ranking-tab .tab-btn.show > span{
		position: relative;
	}
	.ranking-tab .tab-btn.show > span::before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		position: absolute;
		animation: blink 2s ease-in-out infinite;
		border-width: .275em 0 .275em .275em;
		border-color: transparent transparent transparent var(--BLACK);
		left: -.75em;	
		top: 50%;
		transform: translateY(-50%);
	}
}

/* 商品検索制御 */
.search-cate__list>li>label[for^="search-checked-brand"] {
	display: none;
}


/* visumo調整 */
.ecbn-selection-title,
.ecbn-selection-description,
.ecbn-selection-to-nextpage-btn,
.ecbn-selection-detail--caption,
.ecbn-selection-like-count-box,
.ecbn-selection-detail--free-comment.ecbn-selection-detail--free-comment1 {
	display: none !important;
}

.ecbn-selection-page-wrapper .ecbn-selection-footer2 .ecbn-selection-powered-name .ecbn-visumo-logo{
	transform: translateY(-60%);
}
.side-bnrarea02{
	padding-top: 5px;
}
/* 2025.4.24追記 */
#fs_Top .ranking-sec {
  margin-top: var(--SPACE_80);
  padding-bottom: var(--SPACE_60);
}
#fs_Top .wp-news__list>li+li{
  border-top: 1px solid #707070;
}
/* これだけいらんかも */
#fs_Top .wp-news__list li:first-child{
  border-bottom: 1px solid #707070;
}
#fs_Top .wp-news .g-btn{
  margin-inline: auto 0 !important;
  width: fit-content;
}
#fs_Top .wp-news .g-btn a{
  background-color: unset !important;
  padding-block: 5px;
}
#fs_Top .wp-news .g-btn .g-next{
  color: var(--TXT_COLOR);
  font-weight: initial;
}
#fs_Top .wp-news__list li:nth-child(n+2){
  display: none;
}
#fs_Top .sec-s .search-hotword{
  margin-bottom: var(--SPACE_50);
}
#fs_Top .more-search-sec{
  background-color: #F0F0F0;
  padding-block: var(--SPACE_40) var(--SPACE_10);
}
#fs_Top .more-search-sec .tp-searchForm input[type=text]{
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  #fs_Top .more-search-sec .col2-btn{
gap: var(--SPACE_30);
}
#fs_Top .wp-news {
  padding-inline: 0;
  margin-bottom:20px;
}
#fs_Top .news-ttl{
  display: flex;
  margin-inline: 0 auto;
  align-items: center;
}
#fs_Top .news-ttl .en{
  font-size: 30px;
}
#fs_Top .news-ttl .ja{
  transform: translateY(2px);
}
#fs_Top .wp-news__list li{
  display: flex;
  align-items: center;
  gap: 12px;
}
#fs_Top .sec-s .g-btn a{
  padding-right: 0;
}
#fs_Top .wp-news__list time{
  width: fit-content;
}
#fs_Top .wp-news__list span{
  width: 100%;
  display: unset;
  -webkit-box-orient: unset;
  -webkit-line-clamp: unset;
  overflow: unset;
}
#fs_Top .wp-news__list span a{
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
#fs_Top .sec-s{
  padding-bottom: 0;
}
#fs_Top .more-search-sec{
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
#fs_Top .wp-news__container{
  gap: 8px;
  margin-bottom: 0;
}
}