/* ============================================= 
    headerCSS
============================================= */
    .dc-header {
        position: unset;
    }
    .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: 9rem;
    }
    /*いったんリセット*/
    .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: var(--auen-cyan-new);
    }
    /*headerおび*/
    .header-pr-pc {
        background: var(--auen-lgray-new);
        padding: .85rem 0;
        margin-bottom: .2rem;
    }
    .header-pr-pc a {
        color: var(--auen-black-new);
    }
    /*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 var(--auen-black-new);
        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;
        font-size: 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: var(--auen-gray-new);
        padding: .5rem 2rem;
        text-align: center;
        color: var(--auen-lgray-new);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .category-all.gray-box li p {
        margin: 0;
        font-size: 1.35rem;
    }
    .category-all.gray-box li span {
        font-size: .95rem;
        padding-inline: .2rem;
    }
    /*ハンバーガーメニュー内ログイン*/
    .dc-header-user {
        display: none;
    }

    @media screen and (max-width: 769px) {
        .dc-header--brand {
            padding-inline: 1rem;
        }
        .dc-header__brand {
            transform: unset;
            width: 6.5rem;
        }
        /*↓ここからハンバーガーメニュー*/
        .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;
            height: 100svh;
            border-radius: 1.5rem 1.5rem 0 0;
            padding-bottom: 20rem;
        }

        /*↓ハンバーガーメニューを画面全体に表示する 2026-07-30*/
        .dc-header__side {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
        }
        /*高さは親（fixed）基準の100%。100svhより正確で、URLバーの出入りで下端がズレない*/
        .dc-header__side .dc-header--primary {
            height: 100%;
            border-radius: 0;
        }
        .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: var(--auen-black-new); 
        }
        .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;
            font-size: 1.35rem;
            background: var(--auen-lgray-new);
        }
        .back-opacity-area {
          display: none; /* ←最初は非表示 */
          position: fixed;
          top: 0;
          left: 0;
          width: 100vw;
          height: 100vh;
          height: 100svh;
          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;
            font-size: 1.35rem;
        }
        .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 {
            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%);
        }




        /*追従命令*/
        .fs-l-page {
            position: sticky;
            top: 0;
            z-index: 200;
        }



    }


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

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





/* ============================================= 
    footerCSS
============================================= */
    #footercontent {
        width: 100%;
    }
    /* アコーディオン*/
    .dc-footer-category-links li:not(:first-child), 
    .foot-acd-contents li:first-child {
        margin-top: .7em;
    }
    .foot-acd-contents li:last-child {
        margin-bottom: 1.7rem;
    }
    .dc-footer--nav input {
        display: none;
    }
    .foot-acd-contents {
        height: 0;
        margin: 0;
        overflow: hidden;
        visibility: hidden;
    }
    .foot-acd-btn {
        display: block;
        margin-bottom: 0;
        padding-left: 2.5rem;
        position: relative;
    }
    .foot-acd-btn::before {
        content: "＋";
        font-size: .75rem;
        left: 0;
        position: absolute;
    }
    .foot-acd-tgl:checked + .foot-acd-btn::before {
        content: "－";
    }
    .foot-acd-tgl:checked + .foot-acd-btn + .foot-acd-contents {
        height: auto;
        overflow: visible;
        visibility: visible;
    }
    /*TOPへ戻るボタン*/
    .back-to-top {
        background: var(--auen-black-new);
        width: 6rem;
        height: 6rem;
        border-radius: 100px;
        right: 5rem;
        top: -3rem;
    }


    /*new*/
    .dc-footer {
        background: var(--auen-lgray-new);
        padding-block: 6rem;
    }
    .dc-footer--nav {
        background: unset;
        padding-block: unset;
        width: 80%;
        margin-inline: auto;
    }
    .dc-footer--nav .dc-footer__wrapper {
        padding: 0;
        max-width: 85%;
        gap: 5rem;
        position: unset;
        justify-content: space-evenly;
    }

    .dc-footer-category.snsicon-area {
        flex: unset;
        margin: 0;
    }
    .footer--logo-sns {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 4rem;
        border-bottom: solid 1px #666;
        padding-bottom: 4rem;
        max-width: 85%;
        margin-inline: auto;
    }
    .dc-footer-category-links.snsicon {
        display: flex;
        align-items: baseline;
        justify-content: center;
        gap: 1.5rem;
        margin: 0;
    }
    .dc-footer-category-links.snsicon li {
        width: 1.7rem;
        margin: 0;
        padding: 0;
    }
    .dc-footer__brand {
        width: 10rem;
    }
    /*コピーライトPC用*/
    .dc-copyright {
        text-align: right;
        color: var(--auen-black-new);
        margin-top: 1rem;
        font-size: .85rem;
    }
    /*/*コピーライトSP用*/
    .dc-copyright.newstyle.footer-list-menu-pc-d-none {
        display: none;
    }
    /*ログインボタンエリア*/
    .dc-footer-sub {
        font-size: 1.1rem;
        letter-spacing: .1rem;
        flex: unset;
    }
    .dc-footer-sub, .dc-footer-user {
        margin: 0;
    }
    .dc-footer-sub ul:not(last-child) {
        margin-bottom: 2rem;
    }
    .dc-footer-sub ul li {
        margin-right: 0;
    }
    .dc-footer-sub a:hover {
        opacity: .7;
        text-decoration-line: none;
    }
    .dc-footer-user {
        width: unset;
    }
    .dc-footer-user a {
        border-radius: 100px;
        color: unset;
        padding: 1rem 0;
        font-weight: 600;
        line-height: unset;
    }
    .dc-footer-user li:nth-child(1) a {
        background: var(--auen-black-new);
        color: #fff;
    }
    .dc-footer-user li:nth-child(2) a {
        background: #fff;
        border: 1px solid var(--auen-black-new);
    }
    .dc-footer-category {
        margin: 0;
        flex: unset;
    }
    /*PC非表示*/
    .dc-footer-sub.pc-d-none {
        display: none;
    }
    /*返品交換・ご利用ガイド*/
    .dc-footer-service-guide li a {
        text-align: center;
        display: block;
        background: #fff;
        border: solid 1px var(--auen-black-new);
        border-radius: 100px;
        padding: .6rem 1rem;
        margin-bottom: 1rem;
        font-weight: 600;
    }
    /*サービス箇条書き*/
    .dc-footer-service.gray-box li {
        margin-bottom: .5rem;
        background: var(--auen-gray-new);
        padding: .5rem 1.5rem;
        text-align: center;
        color: #fff;
    }
    .dc-footer-service.gray-box li span {
        font-size: .7rem;
        padding-inline: .2rem;
        font-weight: 500;
    }
    /*アイコン色*/
    .dc-footer-category-links.snsicon li:first-child {
        filter: grayscale(100%) brightness(1) contrast(100%);
    }

    /*カテゴリメニュー*/
    .dc-footer-category__head {
        border: none;
        padding-bottom: 1rem;
        font-size: 1.1rem;
        line-height: 1.5;
        padding: 0;
        font-weight: 500;
        color: var(--auen-black-new);
    }
    .dc-footer-category__body ul, 
    .dc-footer-category__body ul a {
        color: rgba(27, 32, 37, .65);
        font-size: 1.1rem;
        margin: 0;
    }

    @media screen and (min-width: 769px) and (max-width: 1000px) {
        .dc-footer--nav .dc-footer__wrapper {
            max-width: unset;
        }
        .footer--logo-sns {
            max-width: unset;
        }
    }

    @media screen and (max-width: 769px) {
        .dc-footer--nav {
            width: 90%;
        }
        .dc-footer-user, .dc-footer-category, .dc-footer-sub.pc-d-none {
            border-bottom: solid 1px var(--auen-gray-new);
            padding-bottom: 2rem;
        }
        .dc-footer-category.snsicon-area {
            border: none;
            padding: 0;
        }
        .dc-copyright {
            display: none;
        }
        .dc-copyright.newstyle.footer-list-menu-pc-d-none {
            display: block;
            padding-block: 2rem 0;
            margin: 0;
            text-align: center;
        }
        .dc-footer-user {
            padding: 2rem 0;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 1rem;
            border-bottom: solid 1px var(--auen-gray-new);
            padding-bottom: 1.5rem;
        }
        .dc-footer-user li {
            width: 100%;
        }
        .dc-footer-user a {
            display: block;
        }
        .dc-footer-user a::after {
            display: none;
        }
        /*SP表示*/
        .dc-footer-sub.pc-d-none {
            display: block;
            padding-bottom: 0;
        }
        /*SP非表示*/
        .dc-footer-service-guide.sp-d-none, 
        .dc-footer-service.gray-box.sp-d-none {
            display: none;
        }
        .dc-footer-service.gray-box.pc-d-none {
            display: grid;
            grid-template-columns: repeat(2, 2fr);
            gap: .5rem;
        }
        .dc-footer-service.gray-box.pc-d-none li {
            margin-bottom: 0;
        }
        .footer--logo-sns {
            margin-bottom: 0;
            padding: 0;
            border: none;
        }
        .dc-footer-category-links {
            padding: 0;
        }
        .dc-footer-category__head {
            margin-block: 2rem;
        }
        .dc-footer-service-guide li a {
            padding-block: 1rem;
        }




        .dc-footer-category__body.js-dc-accordion__body.flex {
            display: flex;
        }
        .dc-footer-category-links--half {
            width: 100%;
        }
        .dc-footer-category-links li:not(:first-child), 
        .dc-footer-category + .dc-footer-category {
            border: unset;
            margin-right: 0;
        }
        .foot-acd-contents li:first-child {
            margin-top: 1rem;
        }
        .dc-header--primary {
            padding-bottom: 80px;
        }
    }


    /*帯*/
    .auen-ship-notice {
        display: block;
        box-sizing: border-box;
        width: 100%;
        background: #F2F5F6;
        margin: 0 0 2px;
    }
    .auen-ship-notice * {
        box-sizing: border-box;
    }
    .auen-ship-notice[data-active="false"] {
        display: none;
    }
    .auen-ship-notice__inner {
        max-width: 1160px;
        margin: 0 auto;
        padding: 9px 16px;
        display: flex;
        gap: 12px;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        font-family: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;
        font-size: 12.5px;
        line-height: 1.55;
        letter-spacing: .02em;
        color: #1B2025;
        text-align: center;
    }
    .auen-ship-notice__text {
        display: inline-block;
    }
    .auen-ship-notice__link {
        flex: 0 0 auto;
        color: #1B2025;
        text-decoration: underline;
        text-underline-offset: 2px;
        white-space: nowrap;
    }
    .auen-ship-notice__link:hover {
        color: #1B2025;
        text-decoration: underline;
    }
    .auen-ship-notice__link::after {
        content: "→";
        margin-left: 4px;
        text-decoration: none;
        display: inline-block;
    }
    @media (max-width: 768px) {
        .auen-ship-notice__inner {
            padding: 8px 12px;
            font-size: 11.5px;
            gap: 4px 10px;
        }
    }
    /*帯ここまで*/

/* ============================================= 
    SPドロワーの適用範囲
============================================= */
    /*↓SPドロワーはSP幅だけで使う。PC幅では出さない（769pxちょうどの取り残し対策） 2026-07-30*/
    @media screen and (min-width: 768.99px) {
        .dc-header__side {
            display: none;
        }
    }

/* =============================================
    SPフォームの自動ズーム防止
============================================= */
    /*↓iOS Safariは、入力欄の文字が16px未満だとタップした瞬間に画面を勝手に拡大する（Apple仕様・OFFにする設定は無い）。
       FutureShop標準のフォーム（会員登録・ログイン・購入手続き・マイページ等）は12pxのため、毎回拡大されていた。
       SP幅のときだけ16pxにして拡大を止める。PC幅は従来どおり変更なし。
       ※ .dc-search input / .dc-cutom-select / .dc-totals__couponcode input は
         同じ理由で既に16px指定済み（global.css）。その指定に揃えた。 2026-08-02*/
    @media screen and (max-width: 768.98px) {
        input[type="text"],
        input[type="email"],
        input[type="tel"],
        input[type="number"],
        input[type="password"],
        input[type="search"],
        input[type="url"],
        input[type="date"],
        input[type="datetime-local"],
        input[type="month"],
        input[type="time"],
        input[type="week"],
        input:not([type]),
        select,
        textarea {
            font-size: 16px;
        }
    }