@charset "UTF-8";

:root {
    --brand-columnNum: calc(100% / 5)
}

.js-acc_item {
    display: none
}

.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(.5, transparent), color-stop(.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;
    display: flex
}

.headerContents {
    position: sticky;
    top: 0;
    z-index: 999
}

.headerContents.scroolHeight {
    pointer-events: none
}

.headerContents .header {
    transform: translateY(0);
    transition: all .4s
}

.headerContents.scroolHeight .header {
    transform: translateY(-100%);
    transition: all .4s
}

header a {
    color: #fff
}

.header-upperSide {
    background: #2b2b2b
}

.header-upperSide_inner {
    max-width: 146rem;
    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: .02em;
    line-height: 1;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #484848;
    transition: all .3s;
    font-weight: 500;
    /*font-family: var(--font-en)*/
}

[data-baseBrand=base-prime] .brandBtn[data-brandtype=prime],
[data-basebrand=header-ec] .brandBtn[data-brandtype=ec] {
    /*background: var(--color-ec-primary)*/
    background-color: #e60012

}

[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 {
    background-color:#37b9ef;
    font-size: 1.3rem;
    line-height: 1
}

.brandBtn.brandBtn_prime.-member img {
    width: 1.5rem;
    margin: 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 .5rem;
    letter-spacing: .02em;
    line-height: 1
}

.header-userInfo[data-login=notLoggedIn] a+a {
    display: flex;
    align-items: center;
    gap: .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::after,
.header-bigBanner_close .header-bigBanner_close_x::before {
    content: '';
    position: absolute;
    background-color: #056fb7
}

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

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

.header-underSide {
    background: #000
}

.header-underSide_inner {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 146rem;
    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 {
    display: none;
    font-size: 1.1rem;
    line-height: 1;
    letter-spacing: .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;
    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:active,
[data-basebrand=base-ec] header a:hover,
[data-basebrand=base-ec] header a:visited {
    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: 0 0
}

.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
}

.searchArea_form .searchArea_form_inner .text-Form input {
    width: 100%;
    font-size: 1.2rem;
    color: var(--font-color);
    padding: 0 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: 0 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: inherit;
    text-transform: inherit;
    border: none
}

.text-Form input:focus {
    outline: 0
}

.btn-advancedSearch {
    max-width: 13rem;
    width: 100%;
    height: 3.2rem;
    font-size: 1.2rem;
    letter-spacing: .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: 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
}

.productAdvcSearchModal__content__inner #expsuggestsdiv {
    left: 0 !important
}

.productAdvcSearchModal__inner #expsuggestsearchdiv .exp_title_pc,
html #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: -.1rem;
    right: -.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: 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
}

.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: .02em;
    line-height: 1;
    font-weight: 600;
    background: var(--color-blue);
    transition: all .6s
}

.btn-menuOpen::after {
    content: "カテゴリを選ぶ"
}

.menuOpen .btn-menuOpen {
    background: var(--color-ec-primary)
}

.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: 3rem;
    height: 2px;
    background: #fff;
    transition: all .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
}

html {
    overflow-y: scroll
}

body {
    width: 100%
}

body.is-fixed {
    position: fixed;
    top: 0 !important;
    left: 0
}

html.brandListOpen {
    overflow: hidden
}

.brandList-bg,
.megaMenu-bg {
    visibility: hidden;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    transition: opacity .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: 0 0 3rem;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    z-index: -99;
    height: calc(100vh - var(--headerHeight))
}

.menuOpen .megaMenu {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 100;
    background: #fff;
    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;
    max-width: 1400px
}

.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: .02em
}

.simpleHeader {
    background: #000
}

.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: #000;
    opacity: 0;
    pointer-events: none;
    transition: opacity .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;
    gap: 4px 4px;
    grid-auto-flow: row
}

.griditem-category {
    position: relative;
    width: 100%;
    /*aspect-ratio: 1;20250409*/
    aspect-ratio: 16 / 9;
    overflow: hidden
}

.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;
    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%;
    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: #af0000;
    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: .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: .02em
}

.category_info p {
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: .6rem
}

.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%);*/
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), 44%, rgba(230, 0, 18, 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
}

.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: #000
}

.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
}

.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: .02em;
    display: flex;
    flex-direction: column;
    gap: 7px 0;
    margin-bottom: 1rem
}

.supportListOpenBtn::after {
    content: "";
    display: block;
    width: 2rem;
    height: 1px;
    background-color: #fff
}

.relationLinksList,
.supportListContents {
    display: flex;
    flex-direction: column;
    gap: 1.2rem 0
}

.supportListContents a {
    font-size: 1.2rem;
    line-height: 1.2;
    letter-spacing: .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: .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
}

.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 .6s
}

.htmlFix .modal-bg {
    visibility: visible;
    opacity: .6
}

#productAdvcSearchModal {
    max-width: 114rem;
    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: #fff;
    position: relative;
    overflow: hidden;
    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: .02em;
    font-weight: 600;
    margin-bottom: 1rem
}

.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: .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 .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: .8rem;
    height: .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
}

.productAdvcSearchModal__content .dvProductAdvancedSearch {
    margin-bottom: 0
}

.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;
    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::after,
.translate_close .translate_close_x::before {
    content: '';
    position: absolute;
    background-color: #000
}

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

.translate_close .translate_close_x::after {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: .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-newsTicker {
        order: 1;
        width: 100%;
        position: static;
        background: #000;
        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:1200px) and (max-width:1400px) {
    .megaMenu__inner {
        max-width: 900px
    }
}

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

@media (min-width:769px) and (max-width:1400px) {
    .header-upperSide_inner {
        padding: 0
    }

    .header-brandList {
        justify-content: flex-start;
        margin: 0
    }

    .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=companyInfo],
    .block-supportList[data-supportlist=support],
    .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
    }

    .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_point,
    .header-userInfo .userInfo_rank {
        display: none
    }
}

@media (max-width:820px) {
    .header-upperSide_inner {
        padding: 0
    }

    .header-brandList {
        justify-content: flex-start;
        /*height: 3.4rem;*/
        height: 100%;
    }
}

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

    [data-headerType=simple].headerContents {
        position: sticky;
        top: 0;
        transition: all .1s
    }

    .headerContents.scroolHeight .searchArea_form {
        pointer-events: all
    }

    .header-underSide {
        width: 100%
    }

    .naviFix .header-underSide {
        position: fixed;
        top: 0
    }

    .header-upperSide_inner {
        max-width: inherit;
        padding: 0;
        margin: 0 auto
    }

    .header-brandList {
        width: 100%;
        flex-shrink: 0;
        gap: 0 .53333%
    }

    .brandBtn {
        height: var(--headerBrandListHeightEc);
        font-size: 1.0rem;
        line-height: 1.1667;
        text-align: center;
        font-weight: 700;
        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 {
        width: 100%;
        background: #000;
        padding: 0
    }

    .openSpSearch [data-searcharea=header].searchArea_form {
        opacity: 1;
        pointer-events: all
    }

    .header-newsTicker {
        font-size: 1.2rem;
        border-bottom: none;
        padding: 0
    }

    .js-includeWp--info {
        padding: .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: -.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
    }

    .header-underSide_inner {
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: .8rem 0
    }

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

    .searchArea {
        padding: .8rem 1rem
    }

    .userInfo {
        margin: 0 0 0 auto
    }

    .menuArea {
        margin: 0
    }

    .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::after {
        content: ""
    }

    .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')
    }

    .menuOpen .btn-menuOpen::after {
        content: ""
    }

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

    html.openSpSearch {
        overflow: hidden
    }

    .brandListOpen .brandList-bg,
    .openSpSearch .megaMenu-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 .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: calc(100vh - var(--headerHeight));
        opacity: 1;
        pointer-events: all;
        overflow-y: auto
    }

    .menuOpen .scroolHeight .megaMenu {
        top: calc(var(--glonaviHeight) - 2px);
        height: calc(var(--vh, 1vh) * 100 + 2px)
    }

    .naviFix.menuOpen .megaMenu {
        top: var(--glonaviHeight);
        height: calc(var(--vh, 1vh) * 100);
        padding-top: 0
    }

    .megaMenu__inner {
        width: 92%;
        position: relative;
        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; 20250409*/
        aspect-ratio: 16 / 9;
        position: static
    }

    .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: .4s
    }

    html:not([data-basebrand=reuse]).menuOpen .headerContents {
        height: var(--glonaviHeight)
    }

    .headerContents .header {
        transform: translateY(0);
        transition: all .4s
    }

    .headerContents.scroolHeight .header {
        transform: translateY(calc(-100% + 6.6rem));
        transition: all .4s
    }

    .headerContents.scroolHeight {
        pointer-events: none
    }

    .header-bigBanner_inner {
        max-width: 375px
    }

    .header-bigBanner_close {
        top: .5rem;
        right: .5rem;
        width: 2.5rem;
        height: 2.5rem
    }

    .common_app {
        /*background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), 53%, rgba(175, 0, 0, 1) 53%)*/
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), 53%, rgba(230, 0, 18, 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
    }

    .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
    }

    .common-info-supportList {
        flex-direction: column
    }

    .block-supportList {
        width: 100%;
        border-bottom: 1px solid #a7a7a7
    }

    .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: .728rem;
        transition: all .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')
    }

    .relationLinksList,
    .supportListContents {
        display: flex;
        flex-direction: column;
        gap: .4rem 0;
        margin-top: 0;
        margin-bottom: 2rem
    }

    .supportListContents a {
        font-size: 1.2rem;
        line-height: 1;
        padding: 1.4rem 2rem;
        color: #111;
        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: .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;
        gap: .8rem .2rem;
        grid-auto-flow: row
    }

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

    .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: .2em;
        line-height: 1;
        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: .2rem
    }

    .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
    }

    #productAdvcSearchModal {
        max-width: inherit;
        top: 0
    }

    .productAdvcSearchModal .productAdvcSearchModal__close {
        max-width: 6rem;
        height: 6rem;
        top: 0;
        right: 0;
        z-index: 6
    }

    .dvProductAdvancedSearch {
        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
    }

    .productAdvcSearchModal__content .secTtl_inner {
        padding: 2rem 1.5rem 1rem
    }

    .productAdvcSearchModal__content__inner {
        overflow-y: scroll;
        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: .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: .3rem;
        margin-bottom: .3rem
    }
}

@media (min-width:768px) {
    .totalTop-logo_wrap {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 2rem
    }
}

.header[data-basebrand=header-total] .brandBtn {
    --headerBrandListHeightEc: 4.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
    }
    .header[data-basebrand=header-total] .brandBtn {
        --headerBrandListHeightEc: 3.4rem
    }

    .totalTop-logo_wrap .header-userInfo {
        display: flex
    }

    .totalTop-logo_wrap .header-userInfo .userInfo_point,
    .totalTop-logo_wrap .header-userInfo .userInfo_rank {
        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: -.6rem;
        right: -.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 .6s
    }

    .btn-advancedSearch:hover {
        background: #af0000;
        opacity: 1
    }

    .btn-menuOpen-brandList:hover .menuLine[data-menuLine=firstLine]::after,
    .btn-menuOpen-brandList:hover .menuLine[data-menuLine=firstLine]::before,
    .btn-menuOpen-brandList:hover .menuLine[data-menuLine=secondLine]::after,
    .btn-menuOpen-brandList:hover .menuLine[data-menuLine=secondLine]::before,
    .btn-menuOpen-brandList:hover .menuLine[data-menuLine=thirdLine]::before,
    .btn-menuOpen:hover .menuLine[data-menuLine=firstLine]::after,
    .btn-menuOpen:hover .menuLine[data-menuLine=firstLine]::before,
    .btn-menuOpen:hover .menuLine[data-menuLine=secondLine]::after,
    .btn-menuOpen:hover .menuLine[data-menuLine=secondLine]::before,
    .btn-menuOpen:hover .menuLine[data-menuLine=thirdLine]::before {
        background: var(--color-ec-primary)
    }

    .triger-categoryAnime:hover {
        opacity: 1
    }

    .triger-categoryAnime .griditem-category_Detail,
    .triger-categoryAnime .griditem-category_bg::after {
        transition: opacity .6s
    }

    .griditem-category[] .triger-categoryAnime .griditem-category_Detail {
        transform: all .6s
    }

    .triger-categoryAnime:hover .griditem-category_Detail,
    .triger-categoryAnime:hover .griditem-category_bg::after {
        opacity: 1;
        color: #fff
    }

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

    .triger-categoryAnime:hover img.upImg {
        transform: scale(1.1, 1.1)
    }

    .griditem-category[] .triger-categoryAnime:hover .griditem-category_Detail {
        color: #fff
    }

    .translate {
        transition: opacity .6s
    }

    .translate:hover {
        opacity: .6
    }

    .brandBtn {
        transition: all .6s
    }

    .brandBtn:hover {
        opacity: 1
    }

    .brandBtn[data-brandtype=ec]:hover {
        /*background: #cc141c*/
        background: #e60012
    }
    }

    .brandBtn[data-brandtype=reuse]:hover {
        background: #e75400
    }

    .brandBtn[data-brandtype=entertainment]:hover {
        background: #b5a25d
    }

    .brandBtn[data-brandtype=prime]:hover {
        background: #316ac3
    }
    .brandBtn[data-brandtype=ikeshi-bu]:hover {
        background: #f0c654
    }
    .brandBtn[data-brandtype=shoplist]:hover {
        background: var(--color-grey);
    }
}