.dc-sub-item .fa {
    display: none;
}

.dc-header--brand {
    position: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 5rem;
}
.logo-navi-wrapper {
    align-items: center;
    display: flex;
    gap: 4rem;
}
.dc-header__brand {
    position: unset;
    width: 12rem;
}
/*いったんリセット*/
.dc-header--primary {
    height: auto;
}
/*カートdiv*/
.dc-header__cart {
    position: unset;
    padding: 0;
    display: flex;
    gap: 2.5rem;
    align-items: center;
}
/*カート*/
.fs-p-headerNavigation__link {
    position: relative;
    margin: 0;
}
/*ハート*/
.dc-header__wishicon {
    margin: 0;
}
.dc-header__cart img {
    width: 2.5rem;
}
/*カートイン数*/
.dc-header__cart .fs-p-headerNavigation__viewCartButton .fs-clientInfo.is-ready {
    margin: 0 0 0 auto;
    top: -.8rem;
    right: -.8rem;
    background: #cb333b;
}
/*headerおび*/
.header-pr-pc {
    background: #000;
    padding: .85rem 0;
}
.header-pr-pc a {
    color: #fff;
}
/*4つメニュー*/
.dc-sub-item > a {
    font-size: 1.4rem;
    font-weight: 500;
    padding-block: 3rem;
    color: inherit !important;
}
/*背景色打ち消し*/
.dc-sub-item > a:before {
    display: none;
}
.dc-sub-item > a:hover {
    color: inherit;
}

/*ホバーメニュー*/
.dc-dropdown__body {
    top: 8rem;
    background: #fff;
    border-top: solid 1px #cb333b;
    padding-inline: calc(5rem + 12rem + 6rem) 0;
    padding-block: 4rem 10rem;
}
.dc-dropdown__wrapper {
    max-width: unset;
    justify-content: unset;
}
.category-all {
    margin: 0;
}

.dc-dropdown-links h4 {
    font-size: 1rem;
    font-weight: 700;
}
.dc-dropdown-links h4, .dc-dropdown-links .category-all li {
    margin-bottom: 1.2rem;
}
.categoryAll-flex {
    display: flex;
    font-size: .95rem;
    font-weight: 500;
    justify-content: flex-start;
    gap: 4rem;
    margin: 0;
}
.categoryAll-flex > li {
    margin: 0;
    width: unset;
}
.category-all.gray-box li {
    margin-bottom: .5rem;
    background: #777;
    padding: .5rem 2rem;
    text-align: center;
    color: #fff;
}
.category-all.gray-box li span {
    font-size: .7rem;
    padding-inline: .2rem;
}
/*ハンバーガーメニュー内ログイン*/
.dc-header-user {
    display: none;
}

@media screen and (max-width: 768px) {
    /*赤帯*/
    .header-pr-pc {
        display: block;
    }
    .dc-header--brand {
        padding-inline: 1rem;
    }
    .dc-header__brand {
        transform: unset;
        width: 10rem;
    }
    /*↓ここからハンバーガーメニュー*/
    .dc-menu-open {
        position: unset;
    }
    .css-sp-menu-icon {
        all: unset;
        width: auto;
    }
    .dc-header__cart {
        gap: 2rem;
    }
    .dc-header__cart img {
        width: 2.2rem;
    }
    /*↓ハンバーガーメニュー内スクロールさせるため*/
    .dc-header--primary {
        height: 100vh;
        border-radius: 1.5rem 1.5rem 0 0;
        padding-bottom: 20rem;
    }

    .dc-header__side {
        position: relative;
    }
    .dc-header__side .dc-header--brand {
        background: unset;
        border-bottom: solid 1px #ddd;
        display: flex;
        align-items: center;
        padding: 0;
        height: auto;
    }
    /*ログイン*/
    /*SP下線*/
    .dc-navbar-mobile ul.dc-dropdown-mobile-menu li > ul > li {
        border-bottom: unset;
    }
    .dc-header-user {
        display: block;
        border-bottom: solid 1px #ddd;
        padding-block: 2.5rem;
    }
    .dc-header--primary.pc-flex-login-left .dc-header-user .dc-header-user__login {
        background: #cb333b; 
    }
    .dc-header--primary.pc-flex-login-left .dc-header-user .dc-header-user__login p {
        margin: 0;
    }
    .dc-header-user a.dc-header-user__newuser {
        border: solid 1px #866761;
    }
    .dc-header-user a.dc-header-user__login, 
    .dc-header-user a.dc-header-user__newuser {
        border-radius: 100px;
        padding-block: 1rem;
        font-weight: 600;
    }
    .dc-navbar-mobile__header {
        background: none;
        margin: 0;
        padding-block: 2rem;
    }
    .back-opacity-area {
      display: none; /* ←最初は非表示 */
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.6); /* 透過の黒 */
    }
    .dc-menu-close button {
        height: auto;
        width: auto;
    }
    .dc-menu-close {
        top: unset;
        right: 2rem;
    }
    .dc-menu-close button:after, 
    .dc-menu-close button:before {
        display: none;
    }

    /*↓ここからハンバーガーメニュー　メニュー部分*/
    .dc-navbar-mobile ul.dc-dropdown-mobile-menu {
        padding: 0;
        margin: 0;
    }
    .dc-link-chev:after {
        display: none;
    }
    .dc-navbar-mobile ul.dc-dropdown-mobile-menu li a, 
    .dc-navbar-mobile ul.dc-dropdown-mobile-menu li span, 
    .dc-navbar-mobile ul.dc-dropdown-mobile-menu li > ul > li > a {
        border-bottom: solid 1px #ddd;
        padding: 1rem 2rem;
    }
    .add-pd-l {
        padding-inline: 4rem !important;
    }
    .add-pd-l2 {
        padding-inline: 6rem !important;
    }
    .dc-navbar-mobile ul.dc-dropdown-mobile-menu {
        border-top: solid 1px #ddd;
    }
    .dc-link-square-collapse:after {
        right: 2rem;
    }

    .dc-navbar-mobile__shopguide .category-all.gray-box {
        display: grid;
        grid-template-columns: repeat(2, 2fr);
        width: unset;
        gap: 1rem;

    }
    .dc-navbar-mobile__shopguide .category-all.gray-box li {
        margin: 0;
    }
    .dc-navbar-mobile__shopguide {
        background: none;
        padding-inline: 2rem;
        width: 100%;
    }
    /*検索窓*/
    .dc-header__side .dc-header--brand .dc-search__wrapper {
        width: 80%;
    }
    .dc-header__side .dc-header--brand .dc-search__wrapper .dc-search input {
        background: #f7efeb;
        padding-left: 3.5rem;
    }
    .dc-header__side .dc-header--brand .dc-search__wrapper .dc-keywords__list {
        margin-bottom: 2rem;
        justify-content: center;
        flex-wrap: wrap;
        width: 90%;
        margin-inline: auto;
    }
    .dc-header__side .dc-header--brand .dc-search__wrapper .dc-keywords__list a {
        background: none;
        color: #1c1c1c;
        border: solid 1px #1c1c1c;
        border-radius: 100px;
        padding-inline: 20px;
        font-size: 12px;
    }
    .dc-header__side .dc-header--brand .dc-search__wrapper #TARGET::placeholder {
        color: #866761 !important;
        opacity: .5;
    }
    .dc-header__side .dc-header--brand .dc-search__wrapper .dc-layout-head {
        margin-bottom: unset;
    }
    .dc-header__side .dc-header--brand .dc-search__wrapper .dc-search .dc-search-button {
        right: unset;
        left: 2rem;
    }

    .dc-social {
        justify-content: center;
        padding: 0;
        flex-wrap: nowrap;
        gap: 2rem;
    }
    .dc-social li {
        width: 2rem;
    }
    .dc-social li img {
        filter: grayscale(100%) brightness(0.8) contrast(200%);
    }



}


/*header banner CSS */
 @media screen and (max-width:768.98px) { 
    .app-dl-banner { 
        display: none; border-bottom: solid 1px #ddd; 
    } 
} 

/*header内にあったCSS　ここまで*/