@charset "UTF-8";
:root{
	--brand-columnNum: calc(100% / 5)
}
/* body{
	overflow-x: hidden;
} */
/* ===============================================
	* common *
=============================================== */
/* acc */
.js-acc_item{
display: none;
}

/* tab */

.js-tab_trigger{
	display: flex;
}

.js-tab_trigger li{
	flex: 1;
}

.js-tab_item{
	display: none;
}


.js-tab_item.active{
	display: block;
}

/* 翻訳部分 */
.button-translate{
	display: flex;
	gap: 0 2rem;
}
.button-translate > div{
	cursor: pointer;
	width: 2rem;
}
.skiptranslate.goog-te-gadget{
	display: none;
}
[lang="ja"] [data-lang="forJapanese"]{
	display: none;
}
[lang="en"] [data-lang="forEnglish"]{
	display: none;
}
[lang="ja"] .card-translate [data-lang="forEnglish"]{
	display: block;
}
/* チラ見え対応 表示自体はプラグインがインラインに入れます */
[data-lang="forEnglish"]{
	display: none;
}

/* アドバンスサーチのローダー  */
p.loader{
    display: inline-block;
    white-space: nowrap;
}
p.loader span{
	display: inline-block;
	width: 100px;
	height: 2px;
	vertical-align: middle;

	background-position: 0 0;
	background-repeat: repeat-x;
	background-size: 4px 100%;

	background-image:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(0.5, transparent), color-stop(0.5, var(--font-color)), to(var(--font-color)) );
	background-image:-webkit-linear-gradient(left,transparent 2px,var(--font-color) 4px);
	background-image: linear-gradient(to right,transparent 2px,var(--font-color) 4px);

	-webkit-animation: animation 1.5s linear infinite;
	animation: animation 1.5s linear infinite;
}

@-webkit-keyframes animation{
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}

@keyframes animation{
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}


@keyframes fadeOut{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}



/* ===============================================
  * ヘッダー *
=============================================== */
/* 総合トップ */
.totalTop-logo{
	width: 15rem;
	aspect-ratio: 150/22.8;
	/* position: absolute;
	top: calc(50% - 1.2rem);
	left: 0; */
	display: flex;
}
/* EC(仮) */
.headerContents{
	position: sticky;
	top: 0;
	z-index: 999;
}
.headerContents.scroolHeight{
    pointer-events: none;
}
.headerContents .header{
	transform: translateY(0);
	transition:all 0.4s;
}
.headerContents.scroolHeight .header{
	transform: translateY(-100%);
	transition:all 0.4s;
}
header a{
	color: #fff;
}
.header-upperSide{
	/* height: var(--headerBrandListHeightEc); */
	background: #2B2B2B;
}
.header-upperSide_inner{
	/* max-width: var(--container-main); */
	max-width: 164rem;
	width: 100%;
	position: relative;
	padding: 0 2rem;
	margin: 0 auto;
} 
.header-brandList{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 0 3px;
	width: 81rem;
	margin: 0 auto;
}

.brandBtn{
	width: var(--brand-columnNum);
	height: var(--headerBrandListHeightEc);
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 0.02em;
	line-height: 1;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #484848;
	transition: all 0.3s;
	font-weight: 500;
	font-family: var(--font-en);
}

/* カレントのブランドボタンを赤く+押せないように */
[data-basebrand="header-ec"] .brandBtn[data-brandtype="ec"],
[data-baseBrand="base-prime"] .brandBtn[data-brandtype="prime"]{
	background: var(--color-ec-primary);
}
[data-basebrand="header-reuse"] .brandBtn[data-brandtype="reuse"]{
	background: var(--color-primary);
}

.brandBtn[data-brandtype="prime"]{
	background-color: #37B9EF;
}

.brandBtn.brandBtn_prime img{
	width: 9.5rem;
	margin: 0 auto;
}

.brandBtn.brandBtn_prime.-member{
	font-size: 1.3rem;
	line-height: 1;
}

.brandBtn.brandBtn_prime.-member img{
	width: 1.5rem;
	margin: 0 0.5rem 0 0	;
}

.header-userHelper{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	display: flex;
	gap: 0 2rem;
	margin-right: 2rem;
}
.header-userInfo{
	font-size: 1.3rem;
	font-weight: 400;
	display: flex;
	align-items: center;
}
.header-userInfo[data-login="loggedIn"] .cardUnit{
	align-items: baseline;
	gap: 0 2rem;
}
.header-userInfo[data-login="loggedIn"] span{
	font-size: 1.1rem;
}

.header-userInfo[data-login="notLoggedIn"]{
	gap: 0 0.5rem;
	letter-spacing: 0.02em;
	line-height: 1;
}
.header-userInfo[data-login="notLoggedIn"] a + a{
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.header-userInfo[data-login="notLoggedIn"] a + a::before{
	display: block;
	content: "/";
}


.header-bigBanner{
	display: none;
	width: 100%;
	position: relative;
}

.header-bigBanner.fadeout{
  animation : fadeOut 1s;
  animation-fill-mode: both;
}

.header-bigBanner_link{
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(#fff 0%, #fff 53.01%, #fff 61.73%, #fcfefe 72.12%, #f4fafe 78.25%, #e6f5fc 83.26%, #d1edfb 87.68%, #b7e3f8 91.7%, #97d7f6 95.44%, #72c9f3 98.89%, #65c4f2 100%);
}


.header-bigBanner_inner{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 1600px;
	margin: 0 auto;
}

.header-bigBanner_close{
	position: absolute;
	top: 1rem;
	right: 10.625%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background-color: #EDEAEA;
	z-index: 1;
}

.header-bigBanner_close .header-bigBanner_close_x{
	position: relative;
	width: 1.23rem;
	height: 1.23rem;
	transform: rotate(45deg);
}

.header-bigBanner_close .header-bigBanner_close_x::before,
.header-bigBanner_close .header-bigBanner_close_x::after{
	content: '';
	position: absolute;
	background-color: #056FB7;
}

.header-bigBanner_close .header-bigBanner_close_x::before{
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	height: 0.15rem;
}

.header-bigBanner_close .header-bigBanner_close_x::after{
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0.15rem;
	height: 100%;
}

.header-underSide{
	/* height: var(--headerNaviHeight); */
	background: #000000;
}


/* ecTop限定 ヘッダー仕様変更のためコメントアウト*/
/* [data-basebrand="base-ec"][data-pagetype="pageTop"] .brandBtn{
	height: var(--headerBrandListHeightEcTop);
}
[data-basebrand="base-ec"][data-pagetype="pageTop"] .smallHeader .brandBtn{
	--headerBrandListHeightEcTop:3.8rem;
	height: var(--headerBrandListHeightEcTop);
} */


.header-underSide_inner{
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 160rem;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0 auto;
}
.header-logo{
	padding: 0 0 0 2.6rem;
	margin-right: auto;
	margin-left: 0;
}
.header-logo_inner{
	display: flex;
	align-items: center;
	gap: 0 1rem;
}
.header-logo_inner img{
	width: 15rem;
}
.header-logo_inner figcaption{
	font-size: 1.1rem;
	line-height: 1;
	letter-spacing: 0.02em;
	color: #fff;
	font-weight: 700;
}
.header-newsTicker{
	width: 100%;
	margin: 0 auto;
}

.header-newsTicker_inner{
	width: max-content;
	font-size: 1.1rem;
	text-align: center;
	line-height: normal;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	/* width: max-content; */
	margin: 0 auto;
}

.header-newsTicker_inner a{
	width: 33rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    color: #fff;
}

.js-includeWp--info{
	height: var(--newsTickerHeight);
	border-bottom: 1px solid #262626;
	padding: 1rem 0;
}

.js-includeWp--info:empty{
	display: none;
}

[data-basebrand="base-ec"] header a,
[data-basebrand="base-ec"] header a:visited,
[data-basebrand="base-ec"] header a:hover,
[data-basebrand="base-ec"] header a:active{
	color: #fff;
}

.btn-Search{
	height: 100%;
}

.btn-Search a{
	width: 3.2rem;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #EAEAEA;
	border-radius: 0 4px 4px 0;
}

.btn-Search a svg{
	width: 1.8411rem;
	aspect-ratio: 1;
}

[data-searcharea="contents"] .btn-Search{
	width: 1.841rem;
	height: auto;
	aspect-ratio: 1;
}

[data-searcharea="contents"] .btn-Search a{
	width: 100%;
	height: 100%;
	display: inherit;
	background: transparent;
}

.header-userContents{
	display: flex;
	align-items: center;
	gap: 0;
	margin-right: 0;
	margin-left: auto;
}
.cardUnit-helper{
	display: flex;
	align-items: center;
	gap: 0 2rem;
}
.searchArea{
	flex-grow: 1;
}
.searchArea-spButton{
	display: none;
}
.searchArea_form{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 2rem;
}
.searchArea_form .searchArea_form_inner{
	width: 100%;
	max-width: 68rem;
	height: 3.2rem;
	display: flex;
	align-items: center;
	/* padding-bottom: 0.3rem; */
}
.searchArea_form .searchArea_form_inner .text-Form input{
	width: 100%;
	font-size: 1.2rem;
	color: var(--font-color);
	padding: 0rem 1rem;
}
.searchArea_form[data-searchArea="contents"] .searchArea_form_inner{
	width: calc(100% - 6rem);
	justify-content: space-between;
	border-bottom: 2px solid #1c1c1c;
}
.text-Form{
	max-width: 64rem;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	border-radius: 4px 0 0 4px;
	background: #fff;
}
[data-searchArea="contents"] .text-Form{
	width: 90%;
}
[data-searchArea="contents"] .text-Form input{
	width: 100%;
}
.searchArea_form[data-searchArea="contents"] .searchArea_form_inner .text-Form input{
	color: var(--font-color);
}
.text-Form input{
	-webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: inherit;
    text-transform: inherit;
	border: none;
}
.text-Form input:focus{
	outline: none;
}

/* .btn-Search{
	width:1.841rem;
} */

.btn-advancedSearch{
	/* width: 6rem; */
	max-width: 13rem;
	width: 100%;
	height: 3.2rem;
	font-size: 1.2rem;
	letter-spacing: 0.02em;
	line-height: 1;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2em;
	background: var(--color-ec-primary);
	padding: 0 1rem;
}

html #expsuggestsearchdiv{
	width: 100% !important;
	/* max-width: 37rem; */
	/* max-width: 22vw; */
	max-width: inherit;
}

html #expsuggestsearchdiv .exp_result_pc{
	width: 100%;
}

div.sug_all_pc .sug_key_pc{
	line-height: 1.5 !important;
	white-space: break-spaces !important;
}

.sug_item_pc .sug_key_pc{
	padding: 1rem 0;
}

/* .sug_item_pc:last-child{
	padding: 0;
} */
.productAdvcSearchModal__content__inner #expsuggestsdiv{
	left: 0 !important;
}

html #expsuggestsearchdiv .exp_title_pc,
.productAdvcSearchModal__inner #expsuggestsearchdiv .exp_title_pc{
	height: inherit;
	color: var(--font-color);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.drawer__close{
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 12px 15px;
		background: #1b1b1b;
		color: #FFF;
}
.material-icons{
	display: none;
}




.userInfo{
	display: flex;
	align-items: center;
	gap: 0 1rem;
	margin-left: 3rem;
}
.userInfo-icon{
	width: 3.8rem;
}
[data-userIcon="icon-cart"]{
	position: relative;
	overflow: initial;
}
.cartNum{
	position: absolute;
	top: -0.1rem;
	right: -0.3rem;
	width: 2rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	font-size: 1rem;
	color: #fff;
	border-radius: 50%;
	background: var(--color-ec-primary);
}
.menuArea{
	/* margin-left: 3.6rem; */
	margin-left: 2rem;
}
.btn-menuOpen-brandList{
	width: 6.4rem;
	height: 5.3rem;
	padding: 0 1.7rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 6px 0;
	cursor: pointer;
	position: relative;
}
/* reuseに影響与えてる */
/* .btn-menuOpen-brandList, */
.btn-menuOpen{
	width: 12rem;
	height: 5.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	color: #fff;
	font-size: 1.2rem;
	letter-spacing: 0.02em;
	line-height: 1;
	font-weight: 600;
	background: var(--color-blue);
	transition: all 0.6s;
}

.btn-menuOpen::after{
	content: "カテゴリを選ぶ";
}
/* .btn-menuOpen-brandList:after{
	content: "ブランドを選ぶ";
} */
/* .brandListOpen .btn-menuOpen-brandList, */
.menuOpen .btn-menuOpen{
	background: var(--color-ec-primary);
}
/* .brandListOpen .btn-menuOpen-brandList:after, */
.menuOpen .btn-menuOpen::after{
	content: "閉じる";
}

.btn-menuOpen-brandList .menuLine{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 6px 0;
}


.btn-menuOpen-brandList .menuLine[data-menuLine="firstLine"],
.btn-menuOpen-brandList .menuLine[data-menuLine="secondLine"],
.btn-menuOpen-brandList .menuLine[data-menuLine="thirdLine"] {
	display: block;
	content: "";
	/* width: 100%; */
	width: 3rem;
	height: 2px;
	background: #fff;
	transition: all 0.6s;
}

.brandListOpen .menuLine[data-menuLine="firstLine"] {
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.brandListOpen .menuLine[data-menuLine="thirdLine"] {
	transform: rotate(-45deg);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.brandListOpen .menuLine[data-menuLine="secondLine"] {
	opacity: 0;
}


/* .menuLine[data-menuLine="firstLine"]::before,
.menuLine[data-menuLine="firstLine"]::after,
.menuLine[data-menuLine="secondLine"]::before,
.menuLine[data-menuLine="secondLine"]::after,
.menuLine[data-menuLine="thirdLine"]::before{
	display: block;
	content: "";
	width: 3rem;
	height: 1px;
	background: #fff;
	transition: all 0.6s;
}
.menuOpen .menuLine[data-menuLine="firstLine"]::before,
.brandListOpen .menuLine[data-menuLine="firstLine"]::before{
	transform: rotate(45deg);
	position: absolute;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.menuOpen .menuLine[data-menuLine="thirdLine"]::before,
.brandListOpen .menuLine[data-menuLine="thirdLine"]::before{
	transform: rotate(-45deg);
	position: absolute;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.menuOpen .menuLine[data-menuLine="firstLine"]::after,
.menuOpen .menuLine[data-menuLine="secondLine"]::before,
.menuOpen .menuLine[data-menuLine="secondLine"]::after,
.brandListOpen .menuLine[data-menuLine="firstLine"]::after,
.brandListOpen .menuLine[data-menuLine="secondLine"]::before,
.brandListOpen .menuLine[data-menuLine="secondLine"]::after{
	opacity: 0;
} */

html{
	overflow-y: scroll;
}
body{
	width: 100%;
}
body.is-fixed{
	position: fixed;
	top: 0!important;
	left: 0;
}
/* html.menuOpen, */
html.brandListOpen{
	overflow: hidden;
}
.megaMenu-bg,
.brandList-bg{
    visibility: hidden;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.6s;
}
.brandListOpen .brandList-bg{
	opacity: 1;
	visibility: visible;
}


.megaMenu{
	display: flex;
	align-items: center;
	justify-content: center;
	transition: auto;
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	/* padding: 4rem 0; */
	/* padding: 2rem 0 3rem; */
	padding: 0 0 3rem;
	background: #fff;
	opacity: 0;
	pointer-events: none;
	z-index: -99;
	/* height: 100vh; */
	/* height: 0; */
	height: calc(100vh - var(--headerHeight));
}

.menuOpen .megaMenu{
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 100;
	background: #fff;
	/* height: 100vh; */
	/* height: calc(100vh - var(--headerHeight)); */
	opacity: 1;
	pointer-events: all;
}

.megaMenu .megaMenu__inner{
	opacity: 0;
	transition: opacity 1s;
}
.menuOpen .megaMenu .megaMenu__inner{
	opacity: 1;
}

.megaMenu__inner{
	width: 91.25%;
    place-items: center;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
	position: relative;
	/*▼▼▼　240410記述　▼▼▼*/
	max-width:1400px;
	/*▲▲▲　240410記述　▲▲▲*/
}
.ttl-category{
	position: absolute;
    top: -3rem;
    right: 0;
    z-index: 1;
    font-size: 5.2rem;
    line-height: 1;
    font-family: var(--font-en);
    font-style: italic;
    letter-spacing: 0.02em;
}

/* これを追加  スクロールさせない*/
/* .menuOpen .megaMenu{
    visibility: visible;
    opacity: 0.6;
	overscroll-behavior: contain;
	overflow-y: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
	touch-action: none;
	display: flex;
} */
/* .menuOpen .megaMenu::before,
.menuOpen .megaMenu::after{
	content: "";
	width: 1px;
	height: calc(100vh + 1px);
	display: flex;
}
.menuOpen .megaMenu::-webkit-scrollbar{
	display: none;
} */

/* シンプルヘッダー追加 別クラスからデザイン流用可能なところはそっちへ書いてます。*/
.simpleHeader{
	background: #000000;
}
.simpleHeadere_inner{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	position: relative;
	padding: 0;
}
/* ブランドリストパネル中 */
.brandListPanel{
	display: flex;
    align-items: center;
    justify-content: center;
    transition: auto;
	width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 6rem 0;
    background: #000000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s;
    z-index: 99;
}
.brandListOpen .brandListPanel{
	opacity: 1;
	pointer-events: all;
}
.cardUnit-brandList{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 3rem;
}
.card-brandpanel{
	width: 22rem;
}



/* 共通項目 */
/* カテゴリー */
.gridUnit-categoryList{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	/* grid-template-rows: 1fr 1fr 1fr;
	grid-auto-columns: 1fr; */
	gap: 4px 4px;
	grid-auto-flow: row;
	/* grid-template-areas:
		". . . . . ."
		". . . . . ."
		". . . . . ."; */
}

.griditem-category{
    position: relative;
	width: 100%;
	aspect-ratio: 1;
	overflow: hidden;
}
/*.griditem-category[data-category="all"]{
	background: #F7F7F7;
}*/
.griditem-category[data-category="all"] .griditem-category_Detail{
	opacity: 1;
	color: var(--font-color);
}
.headerContents .griditem-category{
	max-height: 26vh;
}
.griditem-category img{
    width: 100%;
    display: block;
	/* object-fit: cover; */
    aspect-ratio: 1;
	position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.triger-categoryAnime img.upImg{
    transition: 1s all;
}

.griditem-category_bg{
	position: absolute;
    width: 100%;
    /* aspect-ratio: 1; */
    top: 0;
    left: 0;
	bottom: 0;
	margin: auto;
}

.triger-categoryAnime .griditem-category_bg::after{
    content: "";
	display: block;
    width: 100%;
    height: 100%;
	mix-blend-mode: multiply;
    background: rgb(175, 0, 0);
	opacity: 0;
}

.griditem-category_Detail{
    position: absolute;
	inset: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 1.8rem;
	text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.5;
	pointer-events: none;
    margin: auto;
	opacity: 0;
}
.category_info{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1rem;
	margin: 0 auto;
}
.category_info h3{
	display: block;
	font-family: var(--font-en);
	text-transform:uppercase;
	font-style: italic;
	word-break: break-word;
    font-size: 2rem;
	line-height: 1.2;
	letter-spacing: 0.02em;
}
.category_info p{
    font-size: 1.2rem;
	font-weight: 600;
    margin-top: 0.6rem;
}

/* ===============================================
  * RECOMMENDED & RANKING *
=============================================== */

.productList-ranking[data-layout="exprosion"] .itemList__unit .fs-c-productName__copy{
	display: flex;
	flex-direction: column;
	gap:0;
	margin-top: -3rem;
}
.productList-ranking[data-layout="exprosion"] .itemList__unit .fs-c-productName__copy::before{
	display: block;
	content: "1";
	font-size: 6rem;
	line-height: 1;
	color: var(--color-ec-primary);
	font-family: var(--font-en);
	font-style: italic;
	padding-left: 1.5rem;
}
.productList-ranking[data-layout="exprosion"] .itemList__unit:nth-child(2) .fs-c-productName__copy::before{
	content: "2";
}
.productList-ranking[data-layout="exprosion"] .itemList__unit:nth-child(3) .fs-c-productName__copy::before{
	content: "3";
}
.productList-ranking[data-layout="exprosion"] .itemList__unit:nth-child(4) .fs-c-productName__copy::before{
	content: "4";
}
.productList-ranking[data-layout="exprosion"] .itemList__unit:nth-child(5) .fs-c-productName__copy::before{
	content: "5";
}
.productList-ranking[data-layout="exprosion"] .itemList__unit:nth-child(6) .fs-c-productName__copy::before{
	content: "6";
}
.productList-ranking[data-layout="exprosion"] .itemList__unit:nth-child(7) .fs-c-productName__copy::before{
	content: "7";
}
.productList-ranking[data-layout="exprosion"] .itemList__unit:nth-child(8) .fs-c-productName__copy::before{
	content: "8";
}
.productList-ranking[data-layout="exprosion"] .itemList__unit:nth-child(9) .fs-c-productName__copy::before{
	content: "9";
}
.productList-ranking[data-layout="exprosion"] .itemList__unit:nth-child(10) .fs-c-productName__copy::before{
	content: "10";
}








/* ===============================================
  * フッター *
=============================================== */
.common_app{
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), 44%, rgba(175, 0, 0, 1) 44%);
	margin: 0 auto;
}
.common_app_inner{
	max-width: 102.2rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 10.66536%;
	padding-bottom: 6rem;
	margin: 0 auto;
}
.app_img{
	width: 43.54207%;
}
.app_info{
	width: 45.79256%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.app_info-read{
	max-width: 41.478rem;
	width: 100%;
}
.app_info_detail{
	margin-top: 10rem
}
.app_info-appLogo{
	width: 30rem;
	margin-bottom: 2rem;
}
.app_info_links{}

.cardUnit-appLinks{
	gap: 0 3.8rem;
}
.card-app{
	display: flex;
	align-items: center;
	gap: 0 1rem;
}
[data-app="appleApp"] a{
	width: 12.5rem;
}
[data-app="googleApp"] a{
	width: 15.4rem;
}
.appLinks_qr{
	width: 6.4rem;
}

.common_info{
	background: #000000;
}
.common_info a{
	color: #fff;
}
.common-info_inner{
	width: 100%;
	max-width: var(--container-main);
	color: #fff;
	padding: 6rem 2rem 7.5rem;
	margin: 0 auto;
}
.common-info-logo{
	width: 15rem;
}
.common-info-relationSite {
	margin-top: 3rem;
}
.cardUnit-relationSite{
	max-width:70rem;
	gap: 0 2.85714%;
	align-items: center;
}
.card-relationSite{
	width: 31.42857%;
}

.common-info-supportList{
	margin-top: 4rem;
}

/* .footSupportContents .open .supportList{
	display: block;
} */
.common-info-supportList{
	display: flex;
}
.block-supportList{
	width:15.71428%;
}
.block-supportList[data-SupportList="relationLinks"]{
	width: 52.85714%;
}
.supportListOpenBtn{
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	display: flex;
	flex-direction: column;
	gap: 7px 0;
	margin-bottom: 1rem;
}
.supportListOpenBtn::after{
	content: "";
	display: block;
	width: 2rem;
	height: 1px;
	background-color: #fff;
}
.supportListContents,
.relationLinksList{
	display: flex;
	flex-direction: column;
	gap: 1.2rem 0;
}
.supportListContents a{
	font-size: 1.2rem;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #fff;
}
[data-SupportList="relationLinks"] .supportListContents{
	flex-direction: row;
	gap: 0;
}
.relationLinksList{
	width: 35.13513%;
}
.relationLinksList[data-relationLinks="firstLinkList"]{
	width: 29.72972%;
}

.common-info-other{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2rem 0;
	margin-top: 4rem;
}
.cardUnit-sns{
	gap: 0 1.4rem;
	margin-right: 8.4rem;
}
.card-sns{
	width: 3.6rem;
	aspect-ratio: 1;
}
.card-sns[data-sns="translate"]{
	width: 2rem;
	margin-left: 1rem;
}
.cardUNit-siteInfo{
	gap: 0 1.8rem;
	flex-wrap: wrap;
}
.cardUNit-siteInfo li{
	font-size: 1.1rem;
	line-height: 1;
	letter-spacing: 0.02em;
}
.cardUNit-siteInfo li + li{
	border-left: 1px solid #fff;
	padding-left: 1.8rem;
}
.copy{
	font-size: 1rem;
	line-height: 1;
	font-family: var(--font-en);
	font-weight: 400;
	margin: 0 0 0 auto;
}

/* シンプルフッター追加 */
[data-footerType="simple"] .common-info_inner{
	padding: 4rem 2rem;
}
[data-footerType="simple"] .common-info-other{
	margin-top: 0;
}








/* SEARCH */
.js-modal{
	width: 100%;
	height: 70vh;
	height: 70dvh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	inset: 0;
	z-index: 1001;
	opacity: 0;
	visibility: hidden;
	transition: all 350ms ease;
	margin: auto;
  }
  
  .js-modal.openModal{
	opacity: 1;
	visibility: visible;
  }
  html.htmlFix{
	overflow-y: hidden;
  }
  .modal-bg{
	visibility: hidden;
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 1);
	opacity: 0;
	transition: opacity 0.6s;
  }
  .htmlFix .modal-bg{
	visibility: visible;
	opacity: 0.6;
  }
  #productAdvcSearchModal{
	max-width: 114rem;
	z-index: 1001;
  }
  
  /* #productAdvcSearchModal.openModal{
	z-index: 1001;
  } */
  
  .productAdvcSearchModal{
	flex-direction: column;
  }
  
  .productAdvcSearchModal .productAdvcSearchModal__close{
	width: 100%;
	max-width: 4rem;
	height: 4rem;
	align-self: flex-end;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
  }
  
  .productAdvcSearchModal .productAdvcSearchModal__close > svg{
	fill: var(--font-color);
  }
  
  .productAdvcSearchModal .productAdvcSearchModal__inner{
	width: 100%;
	border-radius: 10px;
	background-color: #ffffff;
	position: relative;
	overflow: hidden;
	/* height: 63.4rem; */
	height: 65vh;
  }
  .productAdvcSearchModal__content{
	padding: 2rem 9rem 0;
    height: 100%;
    overflow-y: auto;
  }
  .productAdvcSearchModal__content .secTtl_inner{
	position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    background: #fff;
    padding: 2rem 10rem 1rem;
    margin: auto;
  }
  .productAdvcSearchModal__content__inner{
	position: relative;
    height: 100%;
    overflow-y: auto;
    padding: 10rem 1rem 0;
  }
  .productAdvcSearchModal__content__inner .searchArea_form{
	width: 47rem;
	justify-content: flex-start;
	margin-top: 1rem;
  }
  .AdvancedSearch_categoryDropdown{
	display: flex;
	flex-direction: column;
	gap: 1rem 0;
	margin-top: 3.6rem;
  }
  .AdvancedSearch-tittle{
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: 0.02em;
	font-weight: 600;
	margin-bottom: 1rem;
  }
  .AdvancedSearch_categoryDropdown-formList{
  
  }
  .AdvancedSearch_categoryDropdown-formList,
  .AdvancedSearch_categoryDropdown-formList > div{
	width: 100%;
	display: flex;
	gap:0 1rem;
  }
  .AdvancedSearch-dropDown{
	width: 100%;
	max-width: 30.6rem;
	height: 3.6rem;
	line-height: 3.6rem;
	background-color: #fff;
	padding: 0 1rem;
	font-size: 1.3rem;
	letter-spacing: 0.02em;
	border: 1px solid #A7A7A7;
	border-radius: 5px;
  }
  .AdvancedSearch_categoryDropdown-formList select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 5px;
	background: #fff url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.54%22%20height%3D%226.02%22%20viewBox%3D%220%200%2010.54%206.02%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1506%22%20data-name%3D%22%E3%83%91%E3%82%B9%201506%22%20d%3D%22M4.52%2C5.27a.748.748%2C0%2C0%2C1-.53-.22L-.53.53A.75.75%2C0%2C0%2C1-.53-.53.75.75%2C0%2C0%2C1%2C.53-.53L4.52%2C3.459%2C8.51-.53a.75.75%2C0%2C0%2C1%2C1.061%2C0A.75.75%2C0%2C0%2C1%2C9.57.53L5.05%2C5.05A.748.748%2C0%2C0%2C1%2C4.52%2C5.27Z%22%20transform%3D%22translate(0.75%200.75)%22%20fill%3D%22%23111%22%2F%3E%3C%2Fsvg%3E') no-repeat !important;
	background-size: 1.054rem 0.602rem !important;
	background-position: right 1rem center !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 100%;
	line-height: 1;
  }
  [data-prm="_shop"] .AdvancedSearch-checkbox.uniqueCheckBox li:nth-child(2){
		order: 3;
	}
	[data-prm="_shop"] .AdvancedSearch-checkbox.uniqueCheckBox li:nth-child(2){
		order: 2;
	}
  @media (min-width: 768px){
	  .AdvancedSearch-checkbox{
			display: flex;
	  }

  }
  .AdvancedSearch-checkbox li{
	margin-right: 3rem;
  }
  .AdvancedSearch-checkbox input[type="checkbox"]{
	width: 1.8rem;
	height: 1.8rem;
	border: 1px solid #A7A7A7;
	border-radius: 50%;
	display: inline-flex;
	vertical-align: text-top;
	position: relative;
	margin-right: 1rem;
  }
  .AdvancedSearch-checkbox input[type="checkbox"]:checked:after{
	content: '';
	width: 0.8rem;
	height: 0.8rem;
	background-color: var(--color-blue);
	border-radius: 50%;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
  }
  [id$="cblCampaignIcon"] li:first-child{
	display: none;
  }
  
  .box-price{
	width: 100%;
	display: flex;
	align-items: center;
	gap: 0 1rem;
  }
  .search-price-common{
	width: 100%;
	max-width: 14rem;
  }
  
  
  .button-area-search{
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 2rem;
    position: sticky;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding: 4rem 0;
    margin: 0;
  }
  
  .button-area-search .button-Base{
	height: 4rem;
	font-size: 1.3rem;
	margin: 0;
  }
  .button-area-search .button-reset{
	width: 16rem;
	color: var(--color-blue);
	border: 1px solid var(--color-blue);
	background: #fff;
  }
  /* .dvProductAdvancedSearch{
	height: 54rem;
	overflow-y: auto;
  } */
  .productAdvcSearchModal__content .dvProductAdvancedSearch{
	margin-bottom: 0;
  }



/* footer translate popup */
.popup_translate{
	position: fixed;
	bottom: 5vh;
	right: 2%;
	width: 9rem;
	height: 5.5rem;
	background-color: #343434;
	border-radius: 50px;
	display: none;
}

.popup_translate .button-translate{
	width: 100%;
	height: 100%;
}

.popup_translate .translate{
	display: flex;
	/* display: none; */
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 1rem;
}

.popup_translate .translate img{
	width: 2rem;
	height: auto;
}

[lang="ja"] .translate[data-lang="forJapanese"]{
	display: none;
}

[lang="en"] .translate[data-lang="forEnglish"]{
	display: none;
}

.translate_close{
	position: absolute;
	top: -1.25rem;
	right: -2%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background-color: #EDEAEA;
	z-index: 1;
}

.translate_close .translate_close_x{
	position: relative;
	width: 1.25rem;
	height: 1.25rem;
	transform: rotate(45deg);
}

.translate_close .translate_close_x::before,
.translate_close .translate_close_x::after{
	content: '';
	position: absolute;
	background-color: #000;
}

.translate_close .translate_close_x::before{
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	height: 0.15rem;
}

.translate_close .translate_close_x::after{
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0.15rem;
	height: 100%;
}

.simpleHeader .header-brandList {
	width: auto;
	margin-right: 3rem;
}

.simpleHeader .header-brandList .brandBtn_prime {
	--headerBrandListHeightEc: 5.3rem;
	width: 16rem;
}
.card-translate-reuse svg{
	fill:#979797 ;
}



@media (max-width: 1600px){
	.header-underSide_inner{
		flex-wrap: wrap;
	}
	/* .header-logo{
		order: 2;
	} */
	.header-newsTicker{
		order:1;
		width: 100%;
		position: static;
		/* background: #2B2B2B; */
		background: #000000;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
	}
	.header-userContents{
		order: 3;
	}

	.js-includeWp--info{
		padding: 1rem 0;
		border-bottom: 1px solid #262626;
	}	  
}
@media (min-width: 1600px){
	.header-newsTicker_inner a{
		width: 33rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

}

@media (min-width: 769px) and (max-width: 1400px){
	/* .brandBtn{
		width: 14rem;
	} */
}
	/*▼▼▼　240416記述　▼▼▼*/
@media (min-width: 1200px) and (max-width: 1400px){
.megaMenu__inner{

	max-width:900px;

}
}

@media (min-width: 1401px) {
	.megaMenu__inner{

		max-width:1400px;
	
	}
	}
	/*▲▲▲　240416記述　▲▲▲*/	

@media (min-width: 769px) and (max-width: 1400px){
	/* ===============================================
		* ヘッター *
	=============================================== */
	.header-upperSide_inner{
		padding: 0;
	}
	.header-brandList{
		justify-content: flex-start;
		margin: 0;
	}
	/* .brandBtn{
		width: 18rem;
	} */
	/* ===============================================
		* フッター *
	=============================================== */
	.common_app_inner{
		padding: 0 4rem 6rem;
	}
	.common-info-logo{
		width: 20rem;
		margin: 0 auto;
	}
	.cardUnit-relationSite{
		margin: 0 auto;
	}
	.common-info-supportList{
		flex-wrap: wrap;
		gap: 4rem 0;
	}
	.block-supportList,
	.block-supportList[data-supportlist="support"],
	.block-supportList[data-supportlist="companyInfo"],
	.relationLinksList[data-relationLinks="firstLinkList"],
	.relationLinksList[data-relationLinks="scondLinkList"],
	.relationLinksList[data-relationLinks="thirdLinkList"]{
		width: 33%;
		text-align: center;
	}
	.block-supportList[data-SupportList="relationLinks"]{
		width: 100%;
	}
	.supportListOpenBtn{
		font-size: 1.3rem;
		align-items: center;
	}
	.supportListContents a{
		font-size: 1.3rem;
	}

	/* .cardUNit-siteInfo{
		flex-wrap: wrap;
		gap: 1.5rem 2rem;
	} */

	.common-info-other{
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		gap: 4rem 0;
		margin-top: 6rem;
	}
	.cardUnit-sns{
		margin-right: 0;
	}
	.copy{
		margin: 0 auto;
	}
}

@media (min-width: 769px) and (max-width: 1300px){
	.header-userInfo .userInfo_rank,
	.header-userInfo .userInfo_point{
		display: none;
	}
}


@media (max-width: 820px){
	/* ===============================================
		* ヘッター *
	=============================================== */
	.header-upperSide_inner{
		padding: 0;
	}
	.header-brandList{
		justify-content: flex-start;
	}
	/* .brandBtn{
		width: 18rem;
	} */
	
}
@media (min-width: 769px) and (max-width: 820px){
	.searchArea_form[data-searchArea="contents"] .searchArea_form_inner{
		width: calc(100% - 3rem);
		border-bottom: 2px solid #1c1c1c;
	}
}

@media (min-width: 768px) and (max-width: 820px){
	html:not([data-basebrand="base-reuse"]) .common_app{
		background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), 40%, rgba(175, 0, 0, 1) 40%);
	}
	html:not([data-basebrand="base-reuse"]) .common_app_inner{
		max-width: inherit;
		flex-direction: row;
		gap: 0;
		padding-bottom: 2rem;
	}
	html:not([data-basebrand="base-reuse"]) .app_img{
		width: 50%;
	}
	html:not([data-basebrand="base-reuse"]) .app_info{
		width: 50%;
	}
	html:not([data-basebrand="base-reuse"]) .app_info-read{
		max-width: 41.478rem;
		width: 100%;
	}
	html:not([data-basebrand="base-reuse"]) .app_info_detail{
		margin-top: 10rem
	}
	html:not([data-basebrand="base-reuse"]) .app_info-appLogo{
		width: 30rem;
		margin-bottom: 2rem;
	}

	html:not([data-basebrand="base-reuse"]) .cardUnit-appLinks{
		gap: 0 3.8rem;
	}
	html:not([data-basebrand="base-reuse"]) .card-app{
		display: flex;
		align-items: center;
		gap: 0 1rem;
	}
	html:not([data-basebrand="base-reuse"]) [data-app="appleApp"] a{
		width: 12.5rem;
	}
	html:not([data-basebrand="base-reuse"]) [data-app="googleApp"] a{
		width: 15.4rem;
	}

}
@media (max-width: 768px){
	/* ===============================================
		* ヘッター *
	=============================================== */
	/* 翻訳部分 */
	.header-userHelper{
		/* top: calc(50% - 1.9rem); */
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		gap: 0;
		margin-right: 1.3rem;
	}
	.header-userHelper > div{
		width: 2.4rem;
	}
	.btn-menuOpen,
	.btn-menuOpen-brandList{
		width: 5.4rem;
		padding: 1.8rem 1.2rem;
	}
	.headerContents{
		position: relative;
	}
	/* .headerContents.scroolHeight{
		height: var(--glonaviHeight);
	} */
	[data-headerType="simple"].headerContents{
		position: sticky;
		top: 0;
		transition: all 0.1s;
	}
	/* .headerContents.scroolHeight{
		top: 6.5rem;
	} */
	.headerContents.scroolHeight .searchArea_form{
		pointer-events: all;
	}
	.header-underSide{
		width: 100%;
		/* height: var(--glonaviHeight); */
	}
	.naviFix .header-underSide{
		position: fixed;
		top: 0;
	}
	.header-upperSide_inner{
		max-width: inherit;
		padding: 0;
		margin: 0 auto;
	}
	.header-brandList{
		/* width: 86.4%; */
		width: 100%;
    flex-shrink: 0;
		gap: 0 0.53333%;
	}
	.brandBtn{
		/* width: 100%; */
		/* width: 42%;   */
		/* 3つに増えたらユニークにしてください。2ブランドでユニークにするとデザインが綺麗でなくなる気がするので共通サイズにしています。 */
		height: var(--headerBrandListHeightEc);
		font-size: 1.2rem;
		line-height: 1.1667;
		text-align: center;
		font-weight: bold;
		font-family: var(--font-default);
	}
	.header-userInfo{
		display: none;
	}
	.header-logo{
		padding: 0 0 0 1rem;
	}
	.header-logo_inner{
		gap: 0;
	}
	.header-logo_inner figcaption{
		display: none;
	}
	.searchArea{
		order: 4;
	}
	.searchArea-spButton{
		display: block;
	}
	[data-searcharea="header"].searchArea_form{
		/* position: absolute;
		top: 100%;
		left: 0; */
		width: 100%;
		background: #000000;
		padding: 0;
		/* opacity: 0;
		transition: opacity 0.6s; */
		/* pointer-events: none; */
	}
	.openSpSearch [data-searcharea="header"].searchArea_form{
		opacity: 1;
		pointer-events: all;
	}
	.header-newsTicker{
		font-size: 1.2rem;
		border-bottom: none;
		padding: 0;
		/* padding: 0.4rem 1rem; */
	}

	.js-includeWp--info{
		padding: 0.4rem 1rem;
		border-bottom: 1px solid #262626;
	}

	.js-includeWp--info:empty{
		display: none;
	}

	.header-newsTicker_inner{
		overflow-x: hidden;
	}
	.header-newsTicker_inner a{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.header-newsTicker_pc{
		display: none;
	}

	.userInfo{
		gap: 0;
		margin-left: 0;
	}
	.menuArea{
		margin-left: 0;
	}
	.cartNum{
		top: 0;
		right: -0.1rem;
		width: 1.6rem;
		height: 1.6rem;
	}
	.header-userContents #expsuggestsearchdiv{
		width: 100%!important;
		max-width: inherit;
	}
	.header-userContents #expsuggestsearchdiv .exp_result_sp{
		width: 100%;
		border-radius: 0;
	}
	.header-userContents #expsuggestsearchdiv .exp_title_sp,
	.productAdvcSearchModal__inner #expsuggestsearchdiv .exp_title_sp{
		height: inherit;
		color: var(--font-color);
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.cardUnit-helper{
		gap: 0 1rem;
	}

		/* reuseに影響与えてる */
	.header-underSide_inner{
		flex-wrap: wrap;
		justify-content: flex-start;
		padding: 0.8rem 0;
	}

	.header-logo{
		padding-left: 1rem;
	}

	.searchArea{
		padding: 0.8rem 1rem;
	}

	.userInfo{
		margin: 0 0 0 auto;
	}

	.menuArea{
		margin: 0
	}


	/* reuseに影響与えてる */
	/* .btn-menuOpen-brandList, */
	.btn-menuOpen{
		width: 3.8rem;
		height: 3.8rem;
		margin-left: 0;
		transition: all 0s;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8732%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208732%22%20transform%3D%22translate(-6362%2076)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8730%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208730%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205%22%20width%3D%2238%22%20height%3D%2238%22%20transform%3D%22translate(6362%20-76)%22%20fill%3D%22%23111%22%2F%3E%20%3Cpath%20id%3D%22Icon_metro-menu%22%20data-name%3D%22Icon%20metro-menu%22%20d%3D%22M6.427%2C10.283v2h20v-2h-20Z%22%20transform%3D%22translate(6364.573%20-78.283)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22Icon_metro-menu-2%22%20data-name%3D%22Icon%20metro-menu%22%20d%3D%22M6.427%2C10.283v2h20v-2h-20Z%22%20transform%3D%22translate(6364.573%20-73.283)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22Icon_metro-menu-3%22%20data-name%3D%22Icon%20metro-menu%22%20d%3D%22M6.427%2C10.283v2h20v-2h-20Z%22%20transform%3D%22translate(6364.573%20-68.283)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1593%22%20data-name%3D%22%E3%83%91%E3%82%B9%201593%22%20d%3D%22M-8.988-4.812H-9.87a4.44%2C4.44%2C0%2C0%2C1%2C.042.552c0%2C.18-.006.354-.012.522H-10.7c-.228%2C0-.54-.018-.792-.042v.786c.258-.024.588-.024.792-.024h.792A3.528%2C3.528%2C0%2C0%2C1-10.9-.882a3.575%2C3.575%2C0%2C0%2C1-.786.588l.7.564A4.357%2C4.357%2C0%2C0%2C0-9.12-3.018h1.35A8.211%2C8.211%2C0%2C0%2C1-8.022-.792a.319.319%2C0%2C0%2C1-.342.21A4.966%2C4.966%2C0%2C0%2C1-9.2-.666l.1.8c.288.024.648.048.99.048a.739.739%2C0%2C0%2C0%2C.774-.462A12.347%2C12.347%2C0%2C0%2C0-6.99-3.21a2.453%2C2.453%2C0%2C0%2C1%2C.042-.318L-7.47-3.78a2.789%2C2.789%2C0%2C0%2C1-.45.042H-9.048c.012-.174.018-.354.024-.54C-9.018-4.422-9.006-4.674-8.988-4.812Zm4.134.21v.774c.186-.012.438-.024.648-.024H-1.8c.21%2C0%2C.444.012.648.024V-4.6A4.7%2C4.7%2C0%2C0%2C1-1.8-4.56H-4.212A4.615%2C4.615%2C0%2C0%2C1-4.854-4.6Zm-.7%2C1.536v.786c.168-.012.4-.024.576-.024h1.65A2.578%2C2.578%2C0%2C0%2C1-3.7-.978%2C2.492%2C2.492%2C0%2C0%2C1-4.782-.12l.7.51A2.879%2C2.879%2C0%2C0%2C0-2.874-.762%2C3.806%2C3.806%2C0%2C0%2C0-2.49-2.3h1.446c.168%2C0%2C.4.006.546.018v-.78a4.538%2C4.538%2C0%2C0%2C1-.546.036h-3.93C-5.16-3.03-5.37-3.048-5.55-3.066ZM4.542-5.01l-.492.2a5.41%2C5.41%2C0%2C0%2C1%2C.444.774H1.6c-.21%2C0-.516-.012-.744-.036v.834c.168-.012.492-.024.744-.024H4.3V-.774H1.53C1.26-.774.99-.792.786-.81V.048C.978.03%2C1.32.012%2C1.554.012H4.3c0%2C.114%2C0%2C.216-.006.312h.87c-.018-.18-.03-.5-.03-.708V-3.492c0-.174.012-.414.018-.552-.1.006-.348.012-.528.012H4.6l.414-.174A7.343%2C7.343%2C0%2C0%2C0%2C4.542-5.01Zm.81-.192-.5.2a6.323%2C6.323%2C0%2C0%2C1%2C.48.8l.5-.216C5.718-4.62%2C5.5-4.986%2C5.352-5.2ZM11-4.656h-.906a4.233%2C4.233%2C0%2C0%2C1%2C.036.6v1.14A2.347%2C2.347%2C0%2C0%2C1%2C9.636-1.08%2C2.714%2C2.714%2C0%2C0%2C1%2C8.2-.324l.624.66a3.533%2C3.533%2C0%2C0%2C0%2C1.458-.864%2C3.057%2C3.057%2C0%2C0%2C0%2C.7-2.34V-4.056C10.974-4.3%2C10.986-4.488%2C11-4.656Zm-2.784.048H7.35a4.26%2C4.26%2C0%2C0%2C1%2C.024.462v2.022c0%2C.18-.024.414-.03.528h.87C8.2-1.734%2C8.2-1.968%2C8.2-2.118V-4.146C8.2-4.338%2C8.2-4.47%2C8.214-4.608Z%22%20transform%3D%22translate(6381%20-47)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
	}
	/* .btn-menuOpen-brandList{
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8731%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208731%22%20transform%3D%22translate(-6362%20121)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8729%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208729%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4816%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204816%22%20width%3D%2238%22%20height%3D%2238%22%20transform%3D%22translate(6362%20-121)%22%20fill%3D%22%23111%22%2F%3E%20%3Cpath%20id%3D%22Icon_metro-menu%22%20data-name%3D%22Icon%20metro-menu%22%20d%3D%22M6.427%2C10.283v2h20v-2h-20Z%22%20transform%3D%22translate(6364.573%20-123.283)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22Icon_metro-menu-2%22%20data-name%3D%22Icon%20metro-menu%22%20d%3D%22M6.427%2C10.283v2h20v-2h-20Z%22%20transform%3D%22translate(6364.573%20-118.283)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22Icon_metro-menu-3%22%20data-name%3D%22Icon%20metro-menu%22%20d%3D%22M6.427%2C10.283v2h20v-2h-20Z%22%20transform%3D%22translate(6364.573%20-113.283)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1594%22%20data-name%3D%22%E3%83%91%E3%82%B9%201594%22%20d%3D%22M-7.626-5.058l-.492.2c.114.174.234.384.336.582a2.517%2C2.517%2C0%2C0%2C1-.282.012h-2.778a6.681%2C6.681%2C0%2C0%2C1-.714-.048v.846c.156-.012.438-.024.714-.024h2.79a3.77%2C3.77%2C0%2C0%2C1-.7%2C1.692%2C3.933%2C3.933%2C0%2C0%2C1-2.352%2C1.41l.654.72A4.793%2C4.793%2C0%2C0%2C0-8.04-1.326%2C6.188%2C6.188%2C0%2C0%2C0-7.134-3.51%2C1.959%2C1.959%2C0%2C0%2C1-7-3.924l-.384-.252.222-.09A7.913%2C7.913%2C0%2C0%2C0-7.626-5.058Zm.84-.15-.5.2a7.774%2C7.774%2C0%2C0%2C1%2C.48.81l.5-.216C-6.42-4.626-6.636-4.992-6.786-5.208Zm2.064.606v.774c.174-.012.432-.018.624-.018h2.3c.216%2C0%2C.5.006.66.018V-4.6a5.657%2C5.657%2C0%2C0%2C1-.648.03H-4.1A5.058%2C5.058%2C0%2C0%2C1-4.722-4.6Zm4.086%2C1.74-.534-.33a1.266%2C1.266%2C0%2C0%2C1-.438.06h-2.97c-.186%2C0-.444-.018-.7-.036v.78c.252-.024.552-.03.7-.03h2.9A2.6%2C2.6%2C0%2C0%2C1-2.3-1.38%2C4.047%2C4.047%2C0%2C0%2C1-4.374-.33l.594.678a4.493%2C4.493%2C0%2C0%2C0%2C2.142-1.3A4.312%2C4.312%2C0%2C0%2C0-.75-2.61%2C2.223%2C2.223%2C0%2C0%2C1-.636-2.862Zm2.142-1.7-.564.6a12.475%2C12.475%2C0%2C0%2C1%2C1.5%2C1.3l.612-.624A12.118%2C12.118%2C0%2C0%2C0%2C1.506-4.56Zm-.75%2C4%2C.5.792A6.5%2C6.5%2C0%2C0%2C0%2C3.486-.618a6.38%2C6.38%2C0%2C0%2C0%2C2.22-2.22l-.468-.846A5.65%2C5.65%2C0%2C0%2C1%2C3.054-1.35%2C6.184%2C6.184%2C0%2C0%2C1%2C.756-.564Zm9.516-3.9-.5.21a5.14%2C5.14%2C0%2C0%2C1%2C.528.93l.522-.234C10.68-3.828%2C10.44-4.212%2C10.272-4.464Zm.786-.33-.5.234a5.618%2C5.618%2C0%2C0%2C1%2C.558.9l.5-.246A7.946%2C7.946%2C0%2C0%2C0%2C11.058-4.794ZM7.878-.486a6.5%2C6.5%2C0%2C0%2C1-.06.834H8.76C8.73.1%2C8.7-.318%2C8.7-.486v-1.7a16.074%2C16.074%2C0%2C0%2C1%2C2.172.894l.336-.834A20.874%2C20.874%2C0%2C0%2C0%2C8.7-3.06v-.876a6.525%2C6.525%2C0%2C0%2C1%2C.054-.726H7.818a4.234%2C4.234%2C0%2C0%2C1%2C.06.726Z%22%20transform%3D%22translate(6381%20-92)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
	} */
	.btn-menuOpen::after{
		content: "";
	}
	/* .btn-menuOpen-brandList:after{
		content: "";
	} */
	/* .brandListOpen .btn-menuOpen-brandList, */
	.menuOpen .btn-menuOpen{
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8733%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208733%22%20transform%3D%22translate(-6410%2076)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8734%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208734%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4817%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204817%22%20width%3D%2238%22%20height%3D%2238%22%20transform%3D%22translate(6410%20-76)%22%20fill%3D%22%23cc141c%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1595%22%20data-name%3D%22%E3%83%91%E3%82%B9%201595%22%20d%3D%22M-7-4.338v.318h-.924v-.318ZM-7.926-3.2V-3.54H-7V-3.2Zm1.59.51V-4.854h-2.3V.522h.708v-3.21Zm1.7%2C1.158v-.576h-.786v-.462H-6.06v.462H-7.59v.576h1.212A4.05%2C4.05%2C0%2C0%2C1-7.794-.492a3.01%2C3.01%2C0%2C0%2C1%2C.444.51A4.877%2C4.877%2C0%2C0%2C0-6.06-1.05v.78c0%2C.066-.024.084-.1.084s-.294%2C0-.516-.006A2.467%2C2.467%2C0%2C0%2C1-6.462.4a1.822%2C1.822%2C0%2C0%2C0%2C.8-.108c.2-.09.246-.258.246-.546V-1.53Zm-.612-1.656V-3.54h.954v.354Zm.954-1.152v.318h-.954v-.318Zm.72-.516H-5.922v2.178H-4.29V-.342c0%2C.108-.042.144-.156.144s-.522.012-.87-.012a2.755%2C2.755%2C0%2C0%2C1%2C.24.732A2.965%2C2.965%2C0%2C0%2C0-3.9.384c.246-.114.33-.318.33-.714Zm4.254.612L.162-4.02a6.039%2C6.039%2C0%2C0%2C1%2C.552.978l.534-.234A9.665%2C9.665%2C0%2C0%2C0%2C.684-4.242Zm.8-.33-.516.24a6.277%2C6.277%2C0%2C0%2C1%2C.576.954L2.07-3.63A8.463%2C8.463%2C0%2C0%2C0%2C1.488-4.572Zm-2.352-.15-.966-.012a4.192%2C4.192%2C0%2C0%2C1%2C.072.81c0%2C.516-.054%2C2.094-.054%2C2.9%2C0%2C1.02.63%2C1.452%2C1.614%2C1.452A3.124%2C3.124%2C0%2C0%2C0%2C2.412-.948l-.546-.666A2.413%2C2.413%2C0%2C0%2C1-.186-.384a.729.729%2C0%2C0%2C1-.834-.8c0-.75.048-2.088.078-2.736C-.93-4.164-.9-4.47-.864-4.722ZM5.46-.708C5.46-.858%2C5.6-1%2C5.832-1c.324%2C0%2C.546.252.582.642a3.132%2C3.132%2C0%2C0%2C1-.348.018C5.706-.336%2C5.46-.486%2C5.46-.708ZM4.44-4.572l.024.78c.138-.018.33-.036.492-.048.318-.018%2C1.146-.054%2C1.452-.06-.294.258-.918.762-1.254%2C1.038-.354.294-1.08.906-1.506%2C1.248l.546.564a2.793%2C2.793%2C0%2C0%2C1%2C2.16-1.218c.708%2C0%2C1.248.366%2C1.248.906a.87.87%2C0%2C0%2C1-.5.816A1.2%2C1.2%2C0%2C0%2C0%2C5.826-1.572a1%2C1%2C0%2C0%2C0-1.074.936c0%2C.6.63.984%2C1.464.984%2C1.452%2C0%2C2.172-.75%2C2.172-1.7A1.627%2C1.627%2C0%2C0%2C0%2C6.594-2.862a2.344%2C2.344%2C0%2C0%2C0-.57.066c.378-.3%2C1.008-.828%2C1.332-1.056.138-.1.282-.186.42-.276l-.39-.534A2.622%2C2.622%2C0%2C0%2C1%2C6.93-4.6c-.342.03-1.626.054-1.944.054A4.164%2C4.164%2C0%2C0%2C1%2C4.44-4.572Z%22%20transform%3D%22translate(6429%20-47)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8727%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208727%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1589%22%20data-name%3D%22%E3%83%91%E3%82%B9%201589%22%20d%3D%22M6432.7-57.884%2C6419.387-71.2l1.414-1.414L6434.116-59.3Z%22%20transform%3D%22translate(1.906%202.666)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1590%22%20data-name%3D%22%E3%83%91%E3%82%B9%201590%22%20d%3D%22M12.608%2C14.022-.707.707.707-.707%2C14.022%2C12.608Z%22%20transform%3D%22translate(6435.314%20-69.24)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
	}
	/* .brandListOpen .btn-menuOpen-brandList:after, */
	.menuOpen .btn-menuOpen::after{
		content: "";
	}



	.megaMenu-bg,
	.brandList-bg{
		visibility: hidden;
		z-index: -1;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.6);
		opacity: 0;
		transition: opacity 0.6s;
	}
	html.openSpSearch{
		overflow: hidden;
	}
	.openSpSearch .megaMenu-bg,
	.brandListOpen .brandList-bg{
		opacity: 1;
    	visibility: visible;
		height: 100vh;
	}


	.megaMenu{
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
		padding: 0 0 3rem;
		background: #fff;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.4s;
		z-index: 99;
		height: 100dvh;
		align-items: flex-start;
	}
	.menuOpen .megaMenu{
		position: fixed;
		top: calc(var(--headerTotalHeight) - var(--searchFormHeight));
		width: 100%;
		z-index: 100;
		background: #fff;
		/* height: 100vh; */
		 height: calc(100vh - var(--headerHeight)); 
		opacity: 1;
		pointer-events: all;
		overflow-y: auto;
		/* padding-top: var(--glonaviHeight); */
	}
	.menuOpen .scroolHeight .megaMenu{
		top: calc(var(--glonaviHeight) - 2px);
		/* height: calc(100vh - var(--glonaviHeight) + 2px); */
		height: calc(var(--vh, 1vh) * 100 + 2px);
	}

	.naviFix.menuOpen .megaMenu{
		top: var(--glonaviHeight);
		/* height: calc(100vh - var(--glonaviHeight)); */
		height: calc(var(--vh, 1vh) * 100);
		padding-top: 0;
	}
	.megaMenu__inner{
		width: 92%;
		position: relative;
		/* padding-bottom: 6.2rem; */
		padding-bottom: var(--headerTotalHeight);
	}

	.searchArea_form .searchArea_form_inner{
		max-width: 23.5rem;
		height: 4rem;
	}

	.searchArea_form .searchArea_form_inner .text-Form input{
		font-size: 1.4rem;
	}

	.searchArea_form[data-searchArea="contents"] .searchArea_form_inner{
		width: calc(100% - 6rem);
		border-bottom: 2px solid #1c1c1c;
	}

	.ttl-category{
		position: static;
		top: 0;
		font-size: 3.6rem;
		text-align: left;
		margin: 3rem 0;
	}
	.categoryList *{
		pointer-events: none;
	}
	.menuOpen .categoryList *{
		pointer-events: all;
	}
	.griditem-category img{
		object-fit: cover;
		aspect-ratio: 1;
		position: static;
	}
	/*.griditem-category[]{
		display: none;
	}*/
	/* シンプルヘッダー追加 別クラスからデザイン流用可能なところはそっちへ書いてます。*/
	/* ブランドリストパネル中 */
	.brandListPanel{
		padding: 3rem 0;
	}
	.cardUnit-brandList{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 2rem 0;
	}
	.card-brandpanel{
		width: 22rem;
	}
	.headerContents{
		position: sticky;
		top: 0;
		transition: 0.4s;
	}
	/* .headerContents.scroolHeight, */
	html:not([data-basebrand="reuse"]).menuOpen .headerContents{
		height: var(--glonaviHeight);
	}
	/* .headerContents .header-upperSide,
	.headerContents .header-underSide, */
	.headerContents .header{
		transform: translateY(0);
		transition:all 0.4s;
	}
	/* .headerContents.scroolHeight .header-upperSide{
		transform:translateY(calc(-1 * var(--upperSideHeight)));
		transition: 0.4s;
	}
	.headerContents.scroolHeight .header-underSide{
		transform:translateY(calc(-1 * var(--upperSideHeight)));
		transition: 0.4s;
	} */
	.headerContents.scroolHeight .header{
		transform:translateY(calc(-100% + 6.6rem));
		transition:all 0.4s;
	}
	.headerContents.scroolHeight{
		pointer-events: none;
	}
	
	.header-bigBanner_inner{
		max-width: 375px;
	}
	
	.header-bigBanner_close{
		top: 0.5rem;
		right: 0.5rem;
		width: 2.5rem;
		height: 2.5rem;
	}
	/* ===============================================
		* フッター *
	=============================================== */
	.common{}

	.common_app{
		background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), 53%, rgba(175, 0, 0, 1) 53%);
	}
	.common_app_inner{
		max-width: inherit;
		flex-direction: column;
		gap: 1rem 0;
		padding-bottom: 6rem;
		margin: 0 auto;
	}
	.app_img{
		width: 100%;
		padding: 0 2rem;
		margin: 0 auto;
	}
	.app_info{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 0 3.75rem;
		margin: 0 auto;
	}
	.app_info-read{
		display: none;
	}
	.app_info_detail{
		margin-top: 1rem
	}
	.app_info-appLogo{
		width: 100%;
		margin-bottom: 1.58rem;
	}
	.app_info_links{}

	.cardUnit-appLinks{
		gap: 0 6.90789%;
	}
	.card-appLinks[data-app="appleApp"]{
		width: 42.10526%;
	}
	.card-appLinks[data-app="googleApp"]{
		width: 50.98684%;
	}
	.card-app{
		gap: 0;
	}
	.appLinks_qr{
		display: none;
	}


	.common-info_inner{
		width: 100%;
		max-width: var(--container-main);
		color: #fff;
		padding: 6rem 1.5rem 5.4rem;
		margin: 0 auto;
	}
	.common-info-logo{
		width: 15rem;
		margin: 0 auto;
	}
	.common-info-relationSite{
		margin-top: 3rem;
	}
    .cardUnit-relationSite {
        max-width: 100%;
        flex-direction: row;
        align-items: center;
        gap: 1rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        justify-content: space-between;
    }

    .card-relationSite {
        width: 48%;
    }

	.common-info-supportList{
		margin-top: 3rem;
	}
	/* .footSupportContents .open .supportList{
		display: block;
	} */
	.common-info-supportList{
		flex-direction: column;
	}
	.block-supportList{
		width:100%;
		border-bottom: 1px solid #A7A7A7;
		/* padding: 2rem */
	}
	.block-supportList[data-SupportList="guide"]{
		border-top: 1px solid #A7A7A7;
	}
	.block-supportList[data-SupportList="relationLinks"]{
		width: 100%;
	}
	.supportListOpenBtn{
		font-size: 1.5rem;
		font-weight: 400;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		gap: 0;
		padding: 2rem;
		margin-bottom: 0;
	}
	.supportListOpenBtn::after{
		content: "";
		display: block;
		width: 1.273rem;
		height: 0.728rem;
		transition: all 0.2s;
		background-color: transparent;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.73%22%20height%3D%227.278%22%20viewBox%3D%220%200%2012.73%207.278%22%3E%20%3Cpath%20id%3D%22Icon_ionic-ios-arrow-forward%22%20data-name%3D%22Icon%20ionic-ios-arrow-forward%22%20d%3D%22M5.084%2C6.362.267%2C1.549a.906.906%2C0%2C0%2C1%2C0-1.285.917.917%2C0%2C0%2C1%2C1.289%2C0L7.013%2C5.718A.908.908%2C0%2C0%2C1%2C7.04%2C6.973L1.56%2C12.464A.91.91%2C0%2C0%2C1%2C.271%2C11.179Z%22%20transform%3D%22translate(12.73)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E')
	}
	.supportListOpenBtn.openList::after{
			background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.73%22%20height%3D%227.278%22%20viewBox%3D%220%200%2012.73%207.278%22%3E%20%3Cpath%20id%3D%22Icon_ionic-ios-arrow-forward%22%20data-name%3D%22Icon%20ionic-ios-arrow-forward%22%20d%3D%22M5.084%2C6.362.267%2C1.549a.906.906%2C0%2C0%2C1%2C0-1.285.917.917%2C0%2C0%2C1%2C1.289%2C0L7.013%2C5.718A.908.908%2C0%2C0%2C1%2C7.04%2C6.973L1.56%2C12.464A.91.91%2C0%2C0%2C1%2C.271%2C11.179Z%22%20transform%3D%22translate(0%207.278)%20rotate(-90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E')
	}
	.supportListContents,
	.relationLinksList{
		display: flex;
		flex-direction: column;
		gap: 0.4rem 0;
		/* margin-top: 1.7rem; */
		margin-top: 0;
		margin-bottom: 2rem;
	}
	.supportListContents a{
		font-size: 1.2rem;
		line-height: 1;
		padding: 1.4rem 2rem;
		color: #111111;
		background: #F2F2F2;
		display: flex;
		align-items: center;
	}
	[data-SupportList="relationLinks"] .supportListContents{
		flex-direction: column;
		gap: 0;
	}
	.relationLinksList,
	.relationLinksList[data-relationLinks="firstLinkList"]{
		width: 100%;
		margin-top: 0.4rem;
	}

	.common-info-other{
		flex-direction: column;
		align-items: flex-start;
		gap: 4rem 0;
		margin-top: 4rem;
	}
	.cardUnit-sns{
		gap: 0 1.4rem;
		margin-right: 0;
	}

	.cardUNit-siteInfo{
		flex-direction: column;
		gap: 2rem 0;
	}
	.cardUNit-siteInfo li{
		font-size: 1.4rem;
	}
	.cardUNit-siteInfo li + li{
		border-left: none;
		padding-left: 0;
	}
	.copy{
		font-size: 1.2rem;
		margin: 0 auto 0 0;
	}
	/* シンプルフッター追加 */
	[data-footerType="simple"] .common-info_inner{
		padding: 4rem 1.5rem 4.8rem;
	}


	/* ===============================================
		* 共通 *
	=============================================== */
	/* 共通項目 */
	/* カテゴリー */
	.gridUnit-categoryList{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		/* grid-template-rows: 1fr 1fr 1fr;
		grid-auto-columns: 1fr; */
		gap: 0.8rem 0.2rem;
		grid-auto-flow: row;
		/* grid-template-areas:
			". . . . . ."
			". . . . . ."
			". . . . . ."; */
	}

	.griditem-category{
		position: static;
		overflow: inherit;
	}

	.griditem-category_bg{
		position: static;
		width: 100%;
		aspect-ratio: inherit;
	}
	.triger-categoryAnime .griditem-category_bg::after{
		display: none;
	}

	.griditem-category_Detail{
		position: static;
		color: var(--font-color);
		font-size: 1.2rem;
		text-align: center;
		letter-spacing: 0.2em;
		line-height: 1;
		/* pointer-events: all; */
		opacity: 1;
	}
	.category_info{
		padding: 0;
	}
	.category_info h3{
		display: none;
	}
	.category_info p{
		font-size: 1.1rem;
		font-weight: 500;
		text-align: center;
		line-height: 1.2;
		margin-top: 0.2rem;
	}


	/* ===============================================
	* RECOMMENDED & RANKING *
	=============================================== */

	.productList-ranking[data-layout="exprosion"] .itemList__unit .fs-c-productName__copy{
		margin-top: -1rem;
	}
	.productList-ranking[data-layout="exprosion"] .itemList__unit .fs-c-productName__copy::before{
		font-size: 4rem;
	}

	/* ===============================================
		* コンテンツ *
	=============================================== */
	/* EC系ページ */
	/* #Wrap_lower.onlyDefault{
		margin: 0 auto;
		transition: all 0.3s;
	}
	.naviFix #Wrap_lower.onlyDefault{
		margin: var(--glonaviHeight) auto 0;
	} */


	/* SEARCH */
	#productAdvcSearchModal{
		max-width: inherit;
		top: 0;
	}
	.productAdvcSearchModal .productAdvcSearchModal__close{
		max-width: 6rem;
		height: 6rem;
		top: 0;
		right: 0;
		z-index: 6;
	}
	.dvProductAdvancedSearch{
		/* height: 100vh;
		height: 100dvh; */
		height: 56vh;
		height: 56dvh;
		overflow-y: auto;
		padding: 8rem 1.5rem 0;
	}
	.button-area-search{
		position: fixed;
		width: 100%;
		bottom: 15vh;
		bottom: 15dvh;
		left: 0;
		padding: 0 2rem 3rem;
		background: #fff;
	}
	.AdvancedSearch-dropDown{
		max-width: 100%;
	}
	.productAdvcSearchModal__content__inner .searchArea_form{
		width: 100%;
		margin-top: 2rem;
	}
	.searchArea_form[data-searchArea="contents"] .searchArea_form_inner{
		width: 100%;
	}
	.AdvancedSearch_categoryDropdown-formList, .AdvancedSearch_categoryDropdown-formList > div{
		width: 100%;
		flex-direction: column;
		gap: 1rem 0;
	}
	.productAdvcSearchModal .productAdvcSearchModal__inner{
		border-radius: inherit;
		height: 100vh;
		height: 100dvh;
	}
	.productAdvcSearchModal__content{
		/* padding: 0 0 4rem; */
		padding: 0;
	}
	.productAdvcSearchModal__content .secTtl_inner{
	    padding: 2rem 1.5rem 1rem;	
	}
	.productAdvcSearchModal__content__inner{
		overflow-y: scroll;
		/* height: 100vh;
		height: 100dvh;  */
		height: inherit;
		padding: 0;
	}
	.productAdvcSearchModal__content__inner .secTtl_inner{
		position: sticky;
		top: 0;
		width: 100%;
		background: #fff;
		margin-top: 3rem;
	}
	.AdvancedSearch-checkbox.uniqueCheckBox{
		display: flex;
		flex-wrap: wrap;
		gap: 2rem 0;
	}
	.AdvancedSearch-checkbox li{
		margin-right: 0;
		width: 50%;
	}
	.AdvancedSearch-checkbox input[type="checkbox"]{
		width: 2rem;
		height: 2rem;
	}
	.AdvancedSearch-checkbox input[type="checkbox"]:checked:after{
		width: 1rem;
		height: 1rem;
	}
	.AdvancedSearch-tittle{
		margin-bottom: 0.5rem;
	}
	.AdvancedSearch_categoryDropdown{
		margin-top: 3rem;
	}

	.brandBtn[data-brandtype="prime"] img{
		width: 4.2rem;
	}

	.brandBtn.brandBtn_prime.-member{
		font-size: 1rem;
		text-align: left;
		line-height: 1.25;
	}

	.brandBtn.brandBtn_prime.-member img{
		width: 1rem;
		margin-right: 0.3rem;
		margin-bottom: 0.3rem;
	}

}

@media (min-width: 768px) {

	.totalTop-logo_wrap{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 2rem;
	}
}

.header[data-basebrand="header-total"] .brandBtn{
	--headerBrandListHeightEc : 5.8rem;
}

@media (min-width: 769px) and (max-width: 1400px){
	.header-brandList{
		margin-left: 17rem;
	}
	.totalTop-logo{
		width: 13rem;
	}
}

@media (max-width: 767px) {

	.totalTop-logo_wrap{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 1.8rem 1rem;
	}

	.totalTop-logo_wrap .header-userInfo {
		display: flex;
	}
	.totalTop-logo_wrap .header-userInfo .userInfo_rank,
	.totalTop-logo_wrap .header-userInfo .userInfo_point{
		display: none;
	}


	.header-upperSide_inner{
		display: flex;
		flex-direction: column;
	}

	.totalTop-logo_wrap{
		order: 2;
	}

	.header-brandList{
		order: 0;
	}

	.header-userHelper{
		top: 2rem;
	}

	.header-bigBanner_wrap{
		order: 1;
	}
	
	.header-bigBanner_link{
		background : linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 44.37%, rgba(255, 255, 255, 1) 51.68%, rgba(252, 254, 255, 1) 61.85%, rgba(242, 250, 254, 1) 70.22%, rgba(224, 243, 252, 1) 77.96%, rgba(200, 234, 250, 1) 85.31%, rgba(169, 222, 248, 1) 92.38%, rgba(131, 208, 244, 1) 99.17%, rgba(126, 206, 244, 1) 100%);
	}

	.translate_close{
		top: -0.6rem;
    right: -0.6rem;
	}

	.popup_translate{
		bottom: 3vh;
		right: 2%;
		width: 7rem;
		height: 7rem;
	}

	.simpleHeader .header-brandList {
		width: auto;
		margin-right: 1.5rem;
	}
	
	.simpleHeader .header-brandList .brandBtn_prime {
		--headerBrandListHeightEc: 5.3rem;
		width: calc(100vw / 5);
	}

	.simpleHeader .cardUnit-helper li:nth-child(n + 3){
		display: none;
	}

}



@media (hover: hover) and (pointer: fine){
	.btn-advancedSearch{
		transition: background 0.6s;
	}
	.btn-advancedSearch:hover{
		background: #AF0000;
		opacity: 1;
	}
	.btn-menuOpen:hover .menuLine[data-menuLine="firstLine"]::before,
	.btn-menuOpen:hover .menuLine[data-menuLine="firstLine"]::after,
	.btn-menuOpen:hover .menuLine[data-menuLine="secondLine"]::before,
	.btn-menuOpen:hover .menuLine[data-menuLine="secondLine"]::after,
	.btn-menuOpen:hover .menuLine[data-menuLine="thirdLine"]::before,
	.btn-menuOpen-brandList:hover .menuLine[data-menuLine="firstLine"]::before,
	.btn-menuOpen-brandList:hover .menuLine[data-menuLine="firstLine"]::after,
	.btn-menuOpen-brandList:hover .menuLine[data-menuLine="secondLine"]::before,
	.btn-menuOpen-brandList:hover .menuLine[data-menuLine="secondLine"]::after,
	.btn-menuOpen-brandList:hover .menuLine[data-menuLine="thirdLine"]::before{
		background: var(--color-ec-primary);
	}

	/* カテゴリーリスト */
	.triger-categoryAnime:hover{
        opacity: 1;
    }
	.triger-categoryAnime .griditem-category_bg::after,
	.triger-categoryAnime .griditem-category_Detail{
		transition: opacity 0.6s;
	}
	.griditem-category[] .triger-categoryAnime .griditem-category_Detail{
		transform: all 0.6s;
	}
	.triger-categoryAnime:hover .griditem-category_bg::after,
	.triger-categoryAnime:hover .griditem-category_Detail{
		opacity: 1;
		color: #fff;
	}
	.triger-categoryAnime img.upImg{
        transition: 0.6s all;
        opacity: 1;
    }
    .triger-categoryAnime:hover img.upImg{
        transform: scale(1.1, 1.1);
        /* opacity: 1; */
    }
	.griditem-category[] .triger-categoryAnime:hover .griditem-category_Detail{
		color: #fff;
	}
	.translate{
		transition: opacity 0.6s;
	}
	.translate:hover{
		opacity: 0.6;
	}
	.brandBtn{
		transition: all 0.6s;
	}
	.brandBtn:hover{
		opacity: 1;
	}
	.brandBtn[data-brandtype="ec"]:hover{
		background: #CC141C;
	}
	.brandBtn[data-brandtype="reuse"]:hover{
		background: #E75400;
	}
	.brandBtn[data-brandtype="entertainment"]:hover{
		background: #B5A25D;
	}
	.brandBtn[data-brandtype="prime"]:hover{
		/* すいません、デザインデータ見れないのでカラー設定お願いします。 */
		background: #316AC3;
	}


}