﻿body{
    font-family: "Hiragino Kaku Gothic ProN";
    color: #2C3333;
}
a:hover,
a:focus,
a:active{
    text-decoration: none;
}

.pc_br {
    display: none;
}
@media (min-width: 897px) {
    .pc_br {
        display: inline;
    }
}

.sp_br {
    display: inline;
}
@media (min-width: 897px) {
    .sp_br {
        display: none;
    }
}
/* ヘッダー */
/* ヘッダーのお知らせ部分 */
.pane-header{
    height: auto;
}
.header{
    z-index: 99998;
    position: relative;
}
.block-header-info-frame{
    background: #FACAA0;
    padding: 10px 5px;
}
.block-header-info-frame .block-header-info{
    font-weight: 600;
    letter-spacing: 0.48px;
}

@media (min-width: 769px){
    .block-header-info-frame{
        padding: 6px 5px;
    }
    .block-header-info-frame .block-header-info{
        width: 1200px;
        margin: 0 auto;
    }
}

/* ヘッダーの各ブランドの共通パーツ */
.header-brand-common{
    display: none;
    background-color: #FFF;
}
.header-content__logo__img-area--froovie img,
.header-content__logo__img-area--animefroovie img,
.header-content__logo__img-area--kabukiyahonpo img,
.header-content__logo__img-area--dvdclub img{
    display: none;
}
.minimal-header-sp__logo-img-area--froovie img,
.minimal-header-sp__logo-img-area--animefroovie img,
.minimal-header-sp__logo-img-area--kabukiyahonpo img,
.minimal-header-sp__logo-img-area--dvdclub img{
    display: none;
}
.minimal-header-sp__menu-link-img--white{
    display: none;
}
.minimal-header-pc__img-area---froovie img,
.minimal-header-pc__img-area---animefroovie img,
.minimal-header-pc__img-area---kabukiyahonpo img,
.minimal-header-pc__img-area---dvdclub img{
    display: none;
}
@media (min-width: 769px){
    .header-brand-common{
        padding: 6px;
    }
    .header-brand-common__img{
        width: 80px;
        margin: 0 auto;
        display: block;
    }
}

/* ヘッダーのメインコンテンツ部分 */
.header-content{
    padding: 10px 8px 8px;
}
.header-content__area{
    display: grid;
    grid-template:
    "logo menu"
    "search search";
    grid-template-columns: min-content auto;
}
.header-content-simple__area{
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-content__logo{
    grid-area: logo;
    width: fit-content;
}
.header-content__logo__img-area-link{
    display: block;
    width: 132px;
}
.header-content__logo__img-area{
    width: 100%;
    display: block;
}
.header-content__logo__img-area--main{
    width: 132px;
}
.header-content__logo-img{
    width: 100%;
    display: block;
}
.header-content__menu-list{
    grid-area: menu;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}
.header-content-simple__menu-list{
    display: none;
}
.header-content__menu-item{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.header-content__menu-item:hover{
    background-color: rgba(196, 200, 210, 0.30);
}
.header-content__menu-item:first-of-type{
    display: none;
}
.header-content__menu-link{
    display: block;
}
.header-content__logo__img{
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto 4px;
}
.header-content__menu-text{
    font-size: 10px;
    text-align: center;
    font-weight: 300;
    line-height: 100%;
}
.header-content__menu-cart-num{
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #C40;
    border-radius: 50px;
    color: #FFF0E0;
    font-size: 11px;
    font-family: 700;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    top: 0;
    right: 0;
}
.header-content__search-area{
    grid-area: search;
    margin-top: 16px;
    width: 100%;
}
.header-content-simple__search-area{
    display: none;
}
.header-content__search-form{
    height: 100%;
}
.header-content__search-form-main-area{
    border: 1px solid #C4C8D2;
    border-radius: 4px;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
}
.header-content__search-text-link{
    display: none;
}
.header-content__search-form input[type="text"]{
    border: none;
    background-color: #FFF;
    padding: 8px 40px 8px 10px;
}
.header-content__search-select-area{
    position: relative;
    width: fit-content;
    height: 100%;
}
.header-content__search-select-area::before{
    content: "";
    display: block;
    background-image: url("../../img/theme/base/btn_arrow_green.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 8px;
    height: 12px;
    transform: rotate(90deg);
    position: absolute;
    top: calc(50% - (12px / 2));
    right: 8px;
}
.header-content__search-select{
    background-color: #000;
    height: 100%;
    color: #FFF;
    -webkit-appearance: none;  /* Chrome, Safari, Edge, iOSのブラウザ用 */
    -moz-appearance: none;     /* Firefox用 */
    appearance: none;
    border: none;
    padding: 8px 26px 8px 8px;
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 0.48px;
    border-radius: 4px 0 0 4px;
}
.header-content__search-select::-ms-expand {
    display: none;
}
.header-content__search-input{
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.56px;
    vertical-align:top;
}
.header-content__search-button{
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0;
    appearance: none;
    width: 24px;
    height: 24px;
    background-image: url("../../img/theme/base/header_logo_serch.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: calc(50% - (24px / 2));
    cursor: pointer;
}
.header-content__search-text{
    display: none;
}
@media (min-width: 769px){
    .header-content{
        max-width: 1200px;
        height: 80px;
        margin: 0 auto;
        padding: 0 20px;
    }
    .header-content__area{
        display: grid;
        grid-template:
        "logo search menu";
        grid-template-columns: auto auto auto;
        align-items: center;
        height: 100%;
    }
    .header-content-simple__area{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header-content__logo__img-area-link{
        width: 148px;
    }
    .header-content__logo__img-area{
        width: 100%;
    }
    .header-content__logo__img-area--main{
        width: 148px;
    }
    .header-content-simple__menu-list{
        display: none;
    }
    .header-content__menu-item{
        width: 60px;
        height: 60px;
    }
    .header-content__menu-item:first-of-type{
        display: flex;
    }
    .header-content__logo__img{
        width: 24px;
        height: 24px;
    }
    .header-content__search-area{
        margin-top: 0;
        justify-content: center;
        display: flex;
        height: 40px;
    }
    .header-content-simple__search-area{
        display: none;
    }
    .header-content__search-form{
        height: 100%;
        display: flex;
    }
    .header-content__search-input{
        width: 330px;
    }
    .header-content__search-text-link{
        background-color: transparent;
        border: none;
        outline: none;
        padding: 0;
        appearance: none;

        display: block;
        width: 40px;
        height: 40px;
        background-color: #000;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        margin-left: 10px;

        font-size: 12px;
        font-weight: 600;
        line-height: 110%;
        letter-spacing: 0.48px;
        color: #FFF;
        display: block;
        cursor: pointer;
    }

    .header-content__menu-cart-num{
        width: 24px;
        height: 24px;

        top: 2px;
        right: 2px;
    }
}

/* ヘッダーのナビゲーション */
.header-nav{
    position: relative;
    z-index: 99999;
    width: 100%;
    height: 36px;
    background: #000;
}
.header-nav__area{
    height: 100%;
}
.header-nav__menu{
    height: 100%;
    padding: 0 10px;
}
.header-nav__menu-list{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.header-nav__menu-item-link{
    display: block;
    padding: 0 12px;
    transition: 0.3s all ease;
}
.header-nav__menu-item-link:hover{
    text-decoration: underline;
    text-decoration-color: #FFF;
    text-underline-offset: 5px;
}
.header-nav__menu-item-text{
    font-size: 11px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: 0.44px;
    color: #FFF;
}

/* ヘッダーナビのパネルメニュー */
.header-nav-category__menu-title-list{
    height: 36px;
    width: 100%;
    background-color: #147A36;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-nav-category__menu-title-item{
    cursor: pointer;
    padding: 0 12px;
    position: relative;
}
.header-nav-category__menu-title-item:hover{
    text-decoration: underline;
    text-decoration-color: #FFF;
}
.header-nav-category__menu-title{
    font-size: 11px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: 0.44px;
    color: #FFF;
}
.header-nav-category{
    display: none;
}
.header-nav-category__panel{
    display: none;
    z-index: 99999;
    overflow: scroll;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #FFF;
    padding: 60px 20px;
    opacity: 0;
    transition: 0.3s all ease;
}
.header-nav-category__panel--display{
    display: block;
}
.header-nav-category__panel--opacity{
    opacity: 1;
}
.header-nav-category__item{
    display: none;
    position: relative;
}
.header-nav-category__item--active{
    display: block;
}
.header-nav-category__panel-close-area{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
}
.header-nav-category__panel-close{
    width: 100%;
    display: block;
}
.header-nav-category__item-title{
    font-size: 14px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: 0.56px;
    color: #147A36;
}
.header-nav-category__second-list{
    display: flex;
    flex-direction: column;
    gap: 38px;
    margin-top: 20px;
}
.header-nav-category__head{
    border-top: 1px solid #EBEEF5;
    padding: 8px 0;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: 0.3s all ease;
}
.header-nav-category__head:hover{
    background-color: rgba(235, 238, 245, 0.30);
}
.header-nav-category__head-link{
    display: flex;
    align-items: center;
    gap: 8px;
}
.header-nav-category__head-img{
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 32px;
}
.header-nav-category__head-title{
    flex-grow: 1;
    font-size: 14px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: 0.56px;
}
.header-nav-category__third-list{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.header-nav-category__third-item-link{
    display: block;
    position: relative;
    padding: 4px 0 4px 16px;
}
.header-nav-category__third-item-text{
    font-size: 12px;
    font-weight: 300;
    line-height: 125%;
    letter-spacing: 0.48px;
    display: flex;
    align-items: center;
    padding-left: 16px;
}
.header-nav-category__third-item-link:hover .header-nav-category__third-item-text{
    text-decoration: underline;
}
.header-nav-category__third-item-text::before{
    content: "";
    display: block;
    background-image: url("../../img/theme/base/btn_arrow_green.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 8px;
    height: 12px;
    position: absolute;
    top: calc(50% - (12px / 2));
    left: 16px;
}
@media (min-width: 769px){
    .header-nav{
        position: fixed;
        left: 0;
        z-index: 99999;
        width: 100%;
        background: #000;
        height: 48px;
    }
    .header-nav__menu{
        width: 1200px;
        margin: 0 auto;
    }
    .header-nav__menu-item{
        border-right: 1px solid rgba(255, 255, 255, 0.50);
    }
    .header-nav__menu-item:last-of-type{
        border-right: none;
    }
    .header-nav__menu-item-link{
        padding: 0 20px;
    }
    .header-nav__menu-item-text{
        font-size: 14px;
        letter-spacing: 0.56px;
    }

    .header-nav-category--body-bg-active::before{
        content: "";
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 99998;
        background-color: rgba(50, 60, 78, 0.7);
        width: 100%;
        height: 100%;
    }
    .header-nav-category__menu-title-list{
        padding: 0 10px;
    }
    .header-nav-category__menu-title{
        font-size: 12px;
        letter-spacing: 0.48px;
    }
    .header-nav-category__menu-title--arrow{
        padding-right: 16px;
    }
    .header-nav-category__menu-title--arrow::before{
        content: "";
        display: block;
        background-image: url("../../img/theme/base/btn_arrow_white.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 12px;
        height: 8px;
        position: absolute;
        top: calc(50% - (8px / 2));
        right: 12px;
    }
    .header-nav-category__panel{
        z-index: 99995;
        position: relative;
        height: fit-content;
        top: auto;
        left: auto;
        background-color: #FFF;
        width: 100%;
        height: auto;
        margin: 0 auto;
        overflow: visible;
        padding: 0;
    }
    .header-nav-category__list{
        padding: 20px 0;
        margin: 0 auto;
        width: 100%;
        height: 100%;
    }
    .header-nav-category__item{
        max-width: 1200px;
        margin: 0 auto;
        height: 100%;
    }
    .header-nav-category__panel-close-area{
        display: none;
    }
    .header-nav-category__panel-close{
        width: 100%;
        display: block;
    }
    .header-nav-category__item-title{
        display: none;
    }
    .header-nav-category__second-list{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
        width: 100%;
        max-height: 700px;
        gap: 12px 38px;
        margin-top: 0;
        overflow: scroll;
    }
    .header-nav-category__second-item{
        width: 272px;
    }
    .header-nav-category__head{
        border-top: 1px solid #EBEEF5;
        padding: 8px 0;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .header-nav-category__head-img{
        width: 32px;
        height: 32px;
        display: block;
        border-radius: 32px;
    }
    .header-nav-category__head-title{
        flex-grow: 1;
        font-size: 14px;
        font-weight: 600;
        line-height: 125%;
        letter-spacing: 0.56px;
    }
    .header-nav-category__third-list{
        display: flex;
        flex-direction: column;
        height: 100%;
        flex-wrap: wrap;
        gap: 0 38px;
    }
    .header-nav-category__third-item-link{
        display: block;
        position: relative;
        padding: 4px 0 4px 16px;
    }
    .header-nav-category__third-item-text{
        font-size: 12px;
        font-weight: 300;
        line-height: 125%;
        letter-spacing: 0.48px;
        display: flex;
        align-items: center;
        padding-left: 16px;
    }
    .header-nav-category__third-item-text::before{
        content: "";
        display: block;
        background-image: url("../../img/theme/base/btn_arrow_green.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 8px;
        height: 12px;
        position: absolute;
        top: calc(50% - (12px / 2));
        left: 16px;
    }
}

/* ミニマルヘッダー */
.minimal-header-sp{
    top: -52px;
    background-color: #FFF;
    position: fixed;
    width: 100%;
}
.minimal-header-sp__area{
    padding: 6px 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.minimal-header-sp-simple__area{
    justify-content: center;
}
.minimal-header-sp__logo-img-area-link{
    display: block;
    width: 91.4px;
}
.minimal-header-sp__logo-img-area{
    width: 100%;
    display: block;
}
.minimal-header-sp__logo-img{
    width: 100%;
    display: block;
}
.minimal-header-sp__menu-link{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.minimal-header-sp-simple__menu-link{
    display: none;
}
.minimal-header-sp__menu-link-img{
    width: 20px;
    height: 20px;
    display: block;
}
.minimal-header-pc{
    display: none;
}
@media (min-width: 769px){
    .minimal-header-sp{
        display: none;
    }
    .minimal-header-sp__area{
        padding: 6px 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .minimal-header-sp__logo-img-area{
        width: 91.4px;
        display: block;
    }
    .minimal-header-sp__logo-img{
        width: 100%;
        display: block;
    }
    .minimal-header-sp__menu-link{
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .minimal-header-sp__menu-link-img{
        width: 20px;
        height: 20px;
        display: block;
    }

    /* pc */
    .minimal-header-pc{
        display: block;
        position: fixed;
        top: -110px;
        left: 0;
        background-color: #FFF;
        width: 100%;
    }
    .minimal-header-pc__brand-common{
        display: none;
    }
    .minimal-header-pc__content{
        height: 60px;
    }
}
.minimal-header--active{
    top: 0;
    left: 0;
}

/* 追従メニュー(SP時のみ) */
.header-bottom-sp{
    position: fixed;
    bottom: -52px;
    left: 0;
    background-color: rgba(255, 255, 255, 0.95);
    width: 100%;
    transition: 0.3s all ease;
}
.header-bottom-sp-simple{
    display: none;
}
.header-bottom-sp__area{
    padding: 0 16px;
    display: flex;
    justify-content: center;
}
.header-bottom-sp__logo-area{
    width: 60px;
    height: 52px;
    flex-shrink: 0;
}
.header-bottom-sp__logo-link{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.header-bottom-sp__logo-img{
    width: 40px;
    height: 45px;
    display: block;
}
.header-bottom-sp__menu-list{
    display: flex;
    width: fit-content;
    gap: 10.75px;
}
.header-bottom-sp__menu-item{
    width: 60px;
    height: 52px;
    position: relative;
}
.header-bottom-sp__menu-link{
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.header-bottom-sp__menu-icon{
    width: 24px;
    height: 24px;
    display: block;
}
.header-bottom-sp__menu-text{
    font-size: 10px;
    font-weight: 300;
    line-height: 100%;
    text-align: center;
}
.header-bottom-sp__menu-cart-num{
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #C40;
    border-radius: 50px;
    color: #FFF0E0;
    font-size: 11px;
    font-family: 700;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    top: 2px;
    right: 2px;
}
.header-bottom-sp__active{
    bottom: 0;
}
@media (min-width: 769px){
    .header-bottom-sp{
        display: none;
    }
}

/* ハンバーガーメニュー */
.hamburger-menu{
    display: none;
    z-index: 99999;
    overflow: scroll;
    position: fixed;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    transition: 0.3s all ease;
    opacity: 0;
    top: 0;
    left: 0;
}
.hamburger-menu__is-active--display{
    display: block;
}
.hamburger-menu__is-active{
    opacity: 1;
}
.hamburger-menu__is-no-scroll{
    width: 100%;
    overflow: hidden;
    touch-action: none;
    -webkit-overflow-scrolling: none;
    overscroll-behavior: none;
}
.hamburger-menu__area{
    padding: 86px 0 30px;
    position: relative;
}
.block-header-search--close{
    position: absolute;
    top: 8px;
    right: 8px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s all ease;
}
.block-header-search--close:hover{
    background-color: rgba(196, 200, 210, 0.30);
}
.hamburger-menu__close-btn-img{
    width: 20px;
    height: 20px;
    display: block;
}
.hamburger-menu-content{
    margin-bottom: 30px;
}
.hamburger-menu-content__login{
    padding: 0 16px;
}
.hamburger-menu-content__login-area{
    background-color: #EBF5F4;
    padding: 16px;
    margin-bottom: 10px;
    border-radius: 10px;
}
.hamburger-menu-content__login-info{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}
.hamburger-menu-content__login-logo-img{
    width: 60px;
    height: 60px;
    display: block;
    margin-right: 20px;
}
.hamburger-menu-content__login-text{
    font-size: 12px;
    font-weight: 300;
    line-height: 150%;
}
.hamburger-menu-content__login-btn-area{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.hamburger-menu-content__login-btn{
    width: 160px;
    height: 28px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    border-radius: 6px;
    margin: 0 auto;
    border: 1px solid #000;
    transition: 0.3s all ease;
}
.hamburger-menu-content__login-btn:hover{
    background-color: #FFF;
}
.hamburger-menu-content__login-btn-text{
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: 0.48px;
    color: #FFF;
    position: relative;
    width: 100%;
}
.hamburger-menu-content__login-btn:hover .hamburger-menu-content__login-btn-text{
    color: #2C3333;
}
.hamburger-menu-content__login-btn-text::before{
    content: "";
    display: block;
    width: 8px;
    height: 12px;
    background-image: url("../../img/theme/base/btn_arrow_green.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - (12px / 2));
    right: 0;
}
.hamburger-menu-content__login-out-btn{
    width: 160px;
    height: 28px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #C4C8D2;
    border-radius: 6px;
    background-color: #FFF;
    margin: 0 auto;
    transition: 0.3s all ease;
}
.hamburger-menu-content__login-out-btn:hover{
    background-color: #000;
    border: 1px solid #000;
}
.hamburger-menu-content__login-out-btn-text{
    font-size: 12px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: 0.48px;
    transition: 0.3s all ease;
}
.hamburger-menu-content__login-out-btn:hover .hamburger-menu-content__login-out-btn-text{
    color: #FFF;
}
.hamburger-menu-content__nav-list{
    display: flex;
    margin-bottom: 30px;
    padding: 0 16px;
}
.hamburger-menu-content__nav-item{
    border-right: 1px solid #EBEEF5;
    width: calc(100% / 2);
    padding: 10px;
}
.hamburger-menu-content__nav-item:last-of-type{
    border-right: none;
}
.hamburger-menu-content__nav-item:hover{
    background-color: rgba(235, 238, 245, 0.30);
}
.hamburger-menu-content__nav-link{
    display: block;
}
.hamburger-menu-content__nav-img{
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto 8px;
}
.hamburger-menu-content__nav-text{
    font-size: 12px;
    text-align: center;
    font-weight: 300;
    line-height: 125%;
}
.hamburger-menu-content__guid-title-area{
    background-color: #F5F6FA;
    padding: 3px 16px;
}
.hamburger-menu-content__guid-title{
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.56px;
    display: flex;
    align-items: center;
}
.hamburger-menu-content__guid-title::before{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("../../img/theme/base/hamburger_menu_content_guid_shop_img.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.hamburger-menu-content__guid-title--info::before{
    background-image: url("../../img/theme/base/hamburger_menu_content_guid_info_img.png");
}
.hamburger-menu-content__shop-list{
    display: flex;
    flex-wrap: wrap;
}
.hamburger-menu-content__shop-item{
    width: calc(100% / 2);
    padding: 10px;
    border-right: 1px solid #EBEEF5;
    border-bottom: 1px solid #EBEEF5;
}
.hamburger-menu-content__shop-item:nth-child(2n){
    border-right: none;
}
.hamburger-menu-content__shop-item:hover{
    background-color: rgba(235, 238, 245, 0.30);
}
.hamburger-menu-content__shop-item-link{
    display: flex;
    align-items: center;
}
.hamburger-menu-content__shop-item-img{
    width: 40px;
    height: 40px;
    display: block;
    margin-right: 10px;
}
.hamburger-menu-content__shop-item-subtitle{
    font-size: 11px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 0.44px;
    color: #717A7A;
    margin-bottom: 4px;
}
.hamburger-menu-content__shop-item-title{
    font-size: 12px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: 0.48px;
}
.hamburger-menu-content__info-item{
    padding: 12px 16px;
    border-bottom: 1px solid #EBEEF5;
}
.hamburger-menu-content__info-item:hover{
    background-color: rgba(235, 238, 245, 0.30);
}
.hamburger-menu-content__info-item-link{
    display: block;
}
.hamburger-menu-content__info-item-text{
    font-size: 14px;
    font-weight: 300;
    line-height: 125%;
    letter-spacing: 0.56px;
    position: relative;
    padding-right: 18px;
}
.hamburger-menu-content__info-item-text::after{
    content: "";
    display: block;
    width: 10px;
    height: 16px;
    background-image: url("../../img/theme/base/icon_arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - (16px / 2));
    right: 0;
}
.hamburger-menu-content__other{
    padding-top: 20px;
    position: relative;
}
.hamburger-menu-content__other::before{
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    background-color: #F5F6FA;
    position: absolute;
    top: 0;
    left: 0;
}
.hamburger-menu-content__other-item{
    padding: 8px 16px;
}
.hamburger-menu-content__other-item:hover{
    background-color: rgba(235, 238, 245, 0.30);
}
.hamburger-menu-content__other-item-link{
    display: block;
}
.hamburger-menu-content__other-item-text{
    font-size: 12px;
    font-weight: 300;
    line-height: 125%;
    letter-spacing: 0.48px;
}
@media (min-width: 769px){
    .hamburger-menu{
        display: none;
        z-index: 99997;
        overflow: scroll;
        overflow-y: auto;
        position: fixed;
        width: 100%;
        height: calc(100% - 158px);
        transition: 0.3s all ease;
        opacity: 0;
        top: 128px;
        right: 0;
        background-color: rgba(44, 51, 51, 0.40);
    }
    .hamburger-menu__is-active--display{
        display: block;
    }
    .hamburger-menu__is-active{
        opacity: 1;
    }
    .hamburger-menu__is-no-scroll{
        width: 100%;
        overflow: hidden;
        touch-action: none;
        -webkit-overflow-scrolling: none;
        overscroll-behavior: none;
    }
    .hamburger-menu__area{
        padding: 30px 20px 30px;
        position: relative;
        width: 400px;
        background-color: #FFF;
        margin: 0 0 0 auto;
    }
    .block-header-search--close{
        display: none;
    }
    .hamburger-menu-content{
        margin-bottom: 0;
    }
    .hamburger-menu-content__login{
        padding: 0;
    }
    .hamburger-menu-content__shop{
        margin-bottom: 38px;
    }
    .hamburger-menu-content__guid-title-area{
        background-color: transparent;
        padding: 0;
        margin-bottom: 10px;
    }
    .hamburger-menu-content__guid-title{
        line-height: 125%;
    }
    .hamburger-menu-content__shop-list{
        display: block;
        flex-wrap: nowrap;
    }
    .hamburger-menu-content__shop-item{
        width: 100%;
        border-right: none;
    }
    .hamburger-menu-content__other{
        padding-top: 6px;
    }
    .hamburger-menu-content__other::before{
        height: 2px;
    }
    .hamburger-menu-content__other-item{
        padding: 8px 0;
    }
}

/* フッター */
.pane-footer{
    background-color: transparent;
    padding: 0;
}
.pane-footer .block-page-top{
    bottom: 62px;
}
.footer-content{
    padding: 30px 0 80px;
}
.footer-store{
    margin-bottom: 60px;
}
.footer-store__top-back-link-area{
    display: none;
    margin: 40px 0;
}
.footer-store__top-back-brand-list{
    margin-bottom: 10px;
}
.footer-store__top-back-brand-item{
    display: none;
}
.footer-store__top-back-link{
    border: 1px solid #C4C8D2;
    border-radius: 10px;
    background-color: #FFF;
    padding: 0 16px;
    height: 40px;
    width: fit-content;
    min-width: 240px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s all ease;
}
.footer-store__top-back-link:hover{
    background-color: #EBEEF5;
    border: 1px solid #EBEEF5;
}
.footer-store__top-back-link-text{
    font-size: 14px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: 0.56px;
    position: relative;
    padding-left: 20px;
}
.footer-store__top-back-link-text::before{
    content: "";
    display: block;
    width: 10px;
    height: 16px;
    background-image: url("../../img/theme/base/icon_arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
    transform: scaleX(-1);
}
.footer-store__title{
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.64px;
    margin-bottom: 20px;
    padding: 0 16px;
}
.footer-store__item{
    border-top: 1px solid #EBEEF5;
}
.footer-store__item:last-of-type{
    border-bottom: 1px solid #EBEEF5;
}
.footer-store__item-link{
    display: flex;
    padding: 8px 16px;
    align-items: center;
}
.footer-store__item-link:hover{
    background-color: rgba(235, 238, 245, 0.30);
}
.footer-store__item-img{
    width: 40px;
    display: block;
    margin-right: 16px;
    flex-shrink: 0;
}
.footer-store__item-title{
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.56px;
    flex-grow: 1;
    position: relative;
    padding: 0 26px 0 0;
}
.footer-store__item-title::before{
    content: "";
    display: block;
    width: 10px;
    height: 16px;
    background-image: url("../../img/theme/base/icon_arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - (16px / 2));
    right: 0;
}
.footer-banner{
    margin-bottom: 50px;
}
.footer-banner__list{
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer-banner__item-link{
    display: block;
}
.footer-banner__item-img{
    width: 100%;
    display: block;
}
.footer-legal__list{
    display: none;
}

.footer-sns{
    display: none;
    width: fit-content;
    margin: 30px auto;
}
.footer-sns__area{
    padding: 0 16px;
}
.footer-sns__content-area{
    display: none;
    flex-direction: column;
    gap: 20px;
}
.footer-sns__title{
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.64px;
}
.footer-sns__list{
    display: flex;
    justify-content: center;
    gap: 32px;
}
.footer-sns__item-link{
    display: block;
    width: 28px;
    height: 28px;
}
.footer-sns__item-img{
    width: 100%;
    display: block;
}

.footer-info__site-logo-area{
    display: none;
}
.footer-info__list{
    display: none;
}
.footer-legal__list{
    display: none;
}
.footer-info__site-logo-area{
    display: none;
}
.footer-info__copyright{
    font-size: 10px;
    text-align: center;
    font-family: "Josefin Sans";
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.4px;
    color: #717A7A;
}
@media (min-width: 769px){
    .pane-footer .block-page-top{
        bottom: 10px;
    }
    .footer-content{
        padding: 30px 0 0;
        width: 100%;
    }
    .footer-store{
        margin: 0 auto 90px;
    }
    .footer-store__title{
        font-size: 18px;
        letter-spacing: 0.72px;
        padding: 0;
        text-align: center;
    }
    .footer-store__list{
        width: 582px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        gap: 0 36px;
    }
    .footer-store__item{
        border-top: 1px solid #EBEEF5;
        width: calc((100% - 36px) / 2);
    }
    .footer-store__item:last-of-type,
    .footer-store__item:nth-last-of-type(2){
        border-bottom: 1px solid #EBEEF5;
    }
    .footer-banner{
        width: 1066px;
        margin: 0 auto 60px;
    }
    .footer-banner__list{
        flex-direction: row;
        gap: 14px;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer-banner__item{
        width: calc((100% - 14px * 3) / 4);
    }

    .footer-sns{
        margin: 40px auto;
    }
    .footer-sns__area{
        padding: 0 16px;
        flex-direction: row;
        gap: 30px;
    }
    .footer-sns__content-area{
        flex-direction: row;
        align-items: center;
        gap: 30px;
    }
    .footer-sns__title{
        font-size: 12px;
        letter-spacing: 0.48px;
    }
    .footer-sns__list{
        gap: 16px;
    }

    .footer-info{
        background-color: #EBEEF5;
        width: 100%;
        padding: 40px 0 20px;
    }
    .footer-info__list{
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }
    .footer-info__item{
        padding: 0 16px;
        border-right: 1px solid #C4C8D2;
    }
    .footer-info__item-link{
        display: block;
    }
    .footer-info__item-link:hover{
        text-decoration: underline;
    }
    .footer-info__item-title{
        font-size: 14px;
        font-weight: 300;
        line-height: 125%;
        letter-spacing: 0.56px;
    }
    .footer-legal__list{
        display: flex;
        justify-content: center;
        gap: 32px;
        margin-bottom: 41.6px;
    }
    .footer-legal__item-link{
        display: block;
    }
    .footer-legal__item-link:hover{
        text-decoration: underline;
    }
    .footer-legal__item-title{
        font-size: 12px;
        font-weight: 300;
        line-height: 125%;
        letter-spacing: 0.48px;
    }
    .footer-info__site-logo-area{
        display: block;
        margin: 0 auto 10px;
        width: fit-content;
    }
    .footer-info__site-logo-link{
        display: block;
    }
    .footer-info__site-logo-img{
        width: 106px;
        display: block;
    }
    .footer-info__copyright{
        font-size: 10px;
        text-align: center;
        font-family: "Josefin Sans";
        font-weight: 400;
        line-height: 150%;
        letter-spacing: 0.4px;
        color: #717A7A;
    }
}

/* メインコンテンツ */
@media (min-width: 769px){
    .pane-contents{
        padding-top: 48px;
    }
}
/* TOP上部 */
.top-body-pattern-a{
    /* max-width: var(--responsive-sys-container-width);
    margin: 0 auto; */
}
/* スライダー */
.top-slider{
    margin-bottom: 70px;
}
.top-slider__list{
    margin-bottom: 30px;
}
.top-slider__item{
    width: 100%;
}
.top-slider__link{
    display: block;
}
.top-slider__img-area{
    width: 100%;
    display: block;
}
.top-slider__img{
    width: 100%;
    display: block;
}
.top-slider__pagination{
    position: static;
}
.top-slider>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 6px;
}
.top-slider .swiper-pagination-bullet{
    background: #FFF;
    border: 1px solid #C4C8D2;
    opacity: 1;
}
.top-slider .swiper-pagination-bullet-active{
    background: #000;
}
@media (min-width: 769px){
    .top-slider{
        width: 100%;
        max-width: 1512px; /* 最大幅を制限 */
        margin: 0 auto 90px;
        position: relative;
    }
    .top-slider::before{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: calc((100% - (100% / 2.3)) / 2);
        height: 100%;
        z-index: 2;
        background: #FFF;
        opacity: 0.7;
    }
    .top-slider::after{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: calc((100% - (100% / 2.3)) / 2);
        height: 100%;
        z-index: 2;
        background: #FFF;
        opacity: 0.7;
    }
    .top-slider__item{
        width: 100%;
        max-width: 100%;
    }
}

/* 注目作品 */
.top-pickup{
    margin-bottom: 80px;
}
.top-pickup__title-area{
    margin-bottom: 30px;
}
.top-pickup__title{
    font-size: 26px;
    font-weight: 600;
    line-height: 175%;
    letter-spacing: 1.04px;
    text-align: center;

    margin: 0;
    padding: 0;
    color: #2C3333;
    border-bottom: none;
}
.top-pickup__subtitle{
    font-size: 16px;
    font-weight: 400;
    line-height: 175%;
    letter-spacing: 1.92px;
    color: #C40;
    font-family: "Josefin Sans";
    text-align: center;
}
.top-pickup__slider-area{
    padding: 0 24px;
}
.top-pickup__slider-item{
    width: 280px;
}
.top-pickup__slider-item:hover .top-pickup__slider-text{
    text-decoration: underline;
}
.top-pickup__slider-img-text-area{
    position: relative;
}
.top-pickup__slider-img-area{
    width: 100%;
}
.top-pickup__slider-img{
    width: 100%;
    display: block;
}
.top-pickup__slider-tag-text{
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.48px;
    color: #FFF;
    padding: 0 8px;
    background-color: #C40;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.top-pickup__slider-text{
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.64px;
    padding: 16px 0;
}
.top-pickup__slider-next{
    display: none;
}
.top-pickup__slider-prev{
    display: none;
}
@media (min-width: 769px){
    .top-pickup{
        max-width: var(--responsive-sys-container-width);
        margin: 0 auto 60px;
    }
    .top-pickup__slider{
        padding: 0 67px;
        position: relative;
    }
    .top-pickup__title{
        font-size: 32px;
        letter-spacing: 1.28px;
    }
    .top-pickup__subtitle{
        font-size: 18px;
        letter-spacing: 2.16px;
    }
    .top-pickup__slider-area{
        padding: 0;
    }
    .top-pickup__slider-item{
        width: 330px;
    }
    .top-pickup__slider-next{
        display: block;
        width: fit-content;
        top: calc(50% - (40px / 2));
        right: 33px;
        position: absolute;
    }
    .top-pickup__slider-next.swiper-button-lock{
        display: none;
    }
    .top-pickup__slider-next::after{
        content: "";
        display: block;
        background-image: url("../../img/theme/base/slide_arrow.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 16px;
        height: 40px;
        transform: scaleX(-1);
    }
    .top-pickup__slider-next .swiper-navigation-icon{
        display: none;
    }
    .top-pickup__slider-prev .swiper-navigation-icon{
        display: none;
    }
    .top-pickup__slider-prev{
        display: block;
        width: fit-content;
        top: calc(50% - (40px / 2));
        left: 33px;
        position: absolute;
    }
    .top-pickup__slider-prev.swiper-button-lock{
        display: none;
    }
    .top-pickup__slider-prev::after{
        content: "";
        display: block;
        background-image: url("../../img/theme/base/slide_arrow.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 16px;
        height: 40px;
    }
}

/* ニュース */
.block-top-topic--body{
    background-color: transparent;
    padding: 50px 0 52px;
}
.block-top-topic--header{
    font-size: 26px;
    font-weight: 600;
    line-height: 175%;
    letter-spacing: 1.04px;
    font-family: "Hiragino Kaku Gothic ProN";
    color: #2C3333;
    padding: 0;
    margin: 0 0 20px;
}
.block-top-topic--header span{
    font-family: "Josefin Sans";
    color: #C40;
    font-size: 16px;
    font-weight: 400;
    line-height: 175%;
    letter-spacing: 1.92px;
}
ul.block-topic--items{
    margin: 0 16px 20px;
}
ul.block-topic--items > li{
    border-bottom: none;
    border-top: 1px solid #EBEEF5;
}
ul.block-topic--items > li:last-of-type{
    border-bottom: 1px solid #EBEEF5;
}
ul.block-topic--items > li:hover{
    background-color: rgba(235, 238, 245, 0.30);
}
.block-icon-image--table-cell dt{
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0.48px;
    color: #717A7A;
    font-family: "Josefin Sans";
    margin-bottom: 4px;
}
.block-top-topic--comment{
    font-size: 14px;
    font-weight: 300;
    line-height: 150%;
    color: #2C3333;
}
.block-icon-image--angle-right:after{
    display: none;
}
.block-top-topic--next-page{
    display: flex;
    justify-content: end;
    padding: 0 16px;
}
.page-brandtop .block-top-topic--body .block-top-topic--next-page a{
    margin: auto 0;
    width: fit-content;
    padding: 0;
    border: none;
    background: transparent;
    font-size: 14px;
    font-weight: 300;
    line-height: 125%;
    letter-spacing: 0.56px;
    display: flex;
    align-items: center;
}
.block-top-topic--next-page a{
    margin: auto 0;
    width: fit-content;
    padding: 0;
    border: none;
    background: transparent;
    font-size: 14px;
    font-weight: 300;
    line-height: 125%;
    letter-spacing: 0.56px;
    display: flex;
    align-items: center;
}
.page-brandtop .block-top-topic--body .block-top-topic--next-page a:hover{
    text-decoration: underline;
}
.block-top-topic--next-page a:hover{
    text-decoration: underline;
}
.page-brandtop .block-top-topic--body .block-top-topic--next-page a::after{
    content: "";
    display: block;
    background-image: url("../../img/theme/base/icon_arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 16px;
    margin-left: 6px;
}
.block-top-topic--next-page a::after{
    content: "";
    display: block;
    background-image: url("../../img/theme/base/icon_arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 16px;
    margin-left: 6px;
}
.block-top-topic--icon-image{
    display: none;
}
@media (min-width: 769px){
    .block-top-topic--body{
        padding: 60px 67px;
        max-width: var(--responsive-sys-container-width);
        margin: 0 auto;
    }
    .block-top-topic--header{
        font-size: 32px;
        letter-spacing: 1.28px;
        margin: 0 0 30px;
    }
    .block-top-topic--header span{
        font-size: 18px;
        letter-spacing: 2.16px;
    }
    ul.block-topic--items{
        margin: 0 0 20px;
        width: 100%;
    }
    .block-top-topic--body .block-topic--items{
        max-width: none;
        margin: 0 0 20px;
    }
    .block-top-topic--next-page{
        padding: 0;
    }
    .page-brandtop .block-top-topic--body .block-top-topic--next-page a::after{
        margin-left: 8px;
    }
    .block-top-topic--next-page a::after{
        margin-left: 8px;
    }
    .page-brandtop .block-top-topic--body .block-top-topic--next-page a{
        width: fit-content;
    }
    .block-top-topic--body .block-top-topic--next-page a{
        width: fit-content;
    }
    .block-top-topic--next-page a{
        width: fit-content;
    }
}

/* TOPメインコンテンツ内の松竹ストアショップ */
.top-store{
    margin-bottom: 50px;
}
.top-store__title-area{
    margin-bottom: 30px;
}
.top-store__title{
    font-size: 26px;
    font-weight: 600;
    line-height: 175%;
    letter-spacing: 1.04px;
    text-align: center;

    margin: 0;
    padding: 0;
    color: #2C3333;
    border-bottom: none;
}
.top-store__subtitle{
    font-size: 16px;
    font-weight: 400;
    line-height: 175%;
    letter-spacing: 1.92px;
    color: #C40;
    font-family: "Josefin Sans";
    text-align: center;
}
.top-store__item{
    border-top: 1px solid #EBEEF5;
    padding: 12px 16px;
    display: flex;
}
.top-store__item:last-of-type{
    border-bottom: 1px solid #EBEEF5;
}
.top-store__img-area{
    width: 90px;
    height: 90px;
    margin-right: 16px;
    flex-shrink: 0;
}
.top-store__img{
    width: 100%;
    display: block;
}
.top-store__summary-text-area{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.top-store__summary-title{
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.56px;
}
.top-store__summary-text{
    font-size: 14px;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.56px;
}
.top-store__summary-link{
    display: flex;
    justify-content: flex-end;
}
.top-store__summary-link:hover{
    text-decoration: underline;
}
.top-store__summary-link-text{
    font-size: 14px;
    font-weight: 300;
    line-height: 125%;
    letter-spacing: 0.56px;
    display: flex;
}
.top-store__summary-link-text::after{
    content: "";
    display: block;
    background-image: url("../../img/theme/base/icon_arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 16px;
    margin-left: 8px;
}
@media (min-width: 769px){
    .top-store{
        max-width: var(--responsive-sys-container-width);
        margin: 0 auto 36px;
    }
    .top-store__title{
        font-size: 32px;
        letter-spacing: 1.28px;
    }
    .top-store__subtitle{
        font-size: 18px;
        letter-spacing: 2.16px;
    }
    .top-store__list{
        display: flex;
        flex-wrap: wrap;
        width: 784px;
        gap: 0 36px;
        margin: 0 auto;
    }
    .top-store__item{
        border-top: none;
        padding: 20px 0;
        display: flex;
        width: calc((100% - 36px) / 2);
    }
    .top-store__item:last-of-type{
        border-bottom: none;
    }
    .top-store__img-area{
        width: 120px;
        height: 120px;
        margin-right: 24px;
    }
    .top-store__summary-text-area{
        gap: 8px;
    }
    .top-store__summary-title{
        font-size: 18px;
        letter-spacing: 0.72px;
    }
}

/* カテゴリーから探す */
.top-category-search{
    background-color: #F5F6FA;
}
.top-category-search__area{
    padding: 40px 0;
}
.top-category-search__title{
    font-size: 16px;
    font-weight: 600;
    line-height: 175%;
    letter-spacing: 0.64px;
    padding: 0 16px;

    margin: 0 0 20px;
    color: #2C3333;
    border-bottom: none;
}
.top-category-search__slider-area{
    margin-bottom: 24px;
}
.top-category-search__slider-area:last-of-type{
    margin-bottom: 0;
}
.top-category-search__slider-title{
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.56px;
    margin-bottom: 16.5px;
    display: flex;
    align-items: center;
    padding: 0 16px;
}
.top-category-search__slider-title::before{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("../../img/theme/base/hamburger_menu_content_guid_shop_img.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.top-category-search__slider{
    padding: 0 16px;
}
.top-category-search__slider-item{
    width: 80px;
}
.top-category-search__slider-item:hover .top-category-search__slider-text{
    text-decoration: underline;
}
.top-category-search__slider-link{
    display: block;
}
.top-category-search__slider-img{
    width: 70px;
    height: 70px;
    border-radius: 70px;
    display: block;
    margin-bottom: 4px;
}
.top-category-search__slider-text{
    font-size: 12px;
    font-weight: 300;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.48px;
    display: -webkit-box;          /* Flexboxの古い版（必須） */
    -webkit-box-orient: vertical;  /* 並ぶ方向を垂直に指定 */
    -webkit-line-clamp: 2;         /* 表示したい行数を指定（ここでは3行） */
    overflow: hidden;
}
@media (min-width: 769px){
    .top-category-search__area{
        padding: 40px 67px;
        max-width: var(--responsive-sys-container-width);
        margin: 0 auto;
    }
    .top-category-search__title{
        font-size: 18px;
        letter-spacing: 0.72px;
        padding: 0;
    }
    .top-category-search__slider-title{
        padding: 0;
    }
    .top-category-search__slider{
        padding: 0;
    }
}


/* 予約商品 */
.top-goods-reservation__area{
    padding: 50px 0;
}
.top-goods-reservation__main-title-area{
    margin-bottom: 20px;
    padding: 0 16px;
}
.top-goods-reservation__title-area{
    margin-bottom: 30px;
}
.top-goods-reservation__title{
    font-size: 26px;
    font-weight: 600;
    line-height: 175%;
    letter-spacing: 1.04px;
    text-align: center;

    margin: 0;
    padding: 0;
    color: #2C3333;
    border-bottom: none;
}
.top-goods-reservation__sub-title{
    font-size: 16px;
    font-weight: 400;
    line-height: 175%;
    letter-spacing: 1.92px;
    color: #C40;
    font-family: "Josefin Sans";
    text-align: center;
}
.top-goods-reservation__text{
    font-size: 16px;
    font-weight: 300;
    line-height: 175%;
    letter-spacing: 0.64px;
    text-align: start;
}
.top-goods-reservation__slider-area{
    padding: 0 16px;
}
.top-goods-reservation__slider-item{
    width: 160px;
}
.top-goods-reservation__slider-item:hover .top-goods-reservation__slider-text{
    text-decoration: underline;
}
.top-goods-reservation__slider-link{
    display: block;
}
.top-goods-reservation__slider-img{
    width: 100%;
    display: block;
    margin-bottom: 8.5px;
}
.top-goods-reservation__slider-detail{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.top-goods-reservation__slider-tag-list{
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.top-goods-reservation__slider-tag-item{
    border: 1px solid #C4C8D2;
    border-radius: 2px;
    padding: 4px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-goods-reservation__slider-tag-item:has(img){
    width: calc((100% - 8px) / 3);
    padding: 0;
    border: none;
}
.top-goods-reservation__slider-tag-item--new{
    background-color: #C40;
}
.top-goods-reservation__slider-tag-text--new{
    color: #FFF;
}
.top-goods-new-brand__slider-tag-item img{
    width: 100%;
    display: block;
}
.top-goods-reservation__slider-tag-text{
    font-size: 10px;
    font-weight: 300;
    line-height: 100%;
}
.top-goods-reservation__slider-text{
    font-size: 14px;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.56px;
}
.top-goods-reservation__slider-price-area{
    display: flex;
    align-items: center;
}
.top-goods-reservation__slider-price-num{
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.64px;
}
.top-goods-reservation__slider-price-text{
    font-size: 12px;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.48px;
}
.top-goods-reservation__slider-next{
    display: none;
}
.top-goods-reservation__slider-prev{
    display: none;
}
.block-category-tree{
    border: none;
}
.page-brandtop .top-goods{
    margin-top: 50px;
}
@media (min-width: 769px){
    .top-goods__area{
        max-width: var(--responsive-sys-container-width);
        margin: 0 auto;
        padding: 0 67px;
    }
    .top-goods-reservation__area{
        padding: 60px 0;
    }
    .top-goods-reservation__main-title-area{
        margin-bottom: 40px;
        padding: 0;
    }
    .top-goods-reservation__title{
        font-size: 32px;
        letter-spacing: 1.28px;
    }
    .top-goods-reservation__sub-title{
        font-size: 18px;
        letter-spacing: 2.16px;
    }
    .top-goods-reservation__slider{
        position: relative;
    }
    .top-goods-reservation__slider-area{
        padding: 0;
    }
    .top-goods-reservation__slider-item{
        width: 256px;
    }
    .top-goods-reservation__slider-tag-item{
        padding: 5px 6px;
    }
    .top-goods-reservation__slider .top-goods-reservation__slider-next{
        display: block;
        width: fit-content;
        top: calc(50% - (40px / 2));
        right: -33px;
        position: absolute;
    }
    .top-goods-reservation__slider-next.swiper-button-lock{
        display: none;
    }
    .top-goods-reservation__slider-next::after{
        content: "";
        display: block;
        background-image: url("../../img/theme/base/slide_arrow.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 16px;
        height: 40px;
        transform: scaleX(-1);
    }
    .top-goods-reservation__slider .top-goods-reservation__slider-prev{
        display: block;
        width: fit-content;
        top: calc(50% - (40px / 2));
        left: -33px;
        position: absolute;
    }
    .top-goods-reservation__slider-prev.swiper-button-lock{
        display: none;
    }
    .top-goods-reservation__slider-prev::after{
        content: "";
        display: block;
        background-image: url("../../img/theme/base/slide_arrow.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 16px;
        height: 40px;
    }

    .top-goods-reservation__slider-next .swiper-navigation-icon{
        display: none;
    }
    .top-goods-reservation__slider-prev .swiper-navigation-icon{
        display: none;
    }

    .top-goods-new-brand__brand-slider-next .swiper-navigation-icon{
        display: none;
    }
    .top-goods-new-brand__brand-slider-prev .swiper-navigation-icon{
        display: none;
    }

    .page-brandtop .top-goods{
        margin-top: 60px;
    }
    .top-goods-reservation__text{
        text-align: center;
    }
}


/* 新商品 */
.top-goods-new__title-area{
    margin-bottom: 30px;
}
.top-goods-new__title{
    font-size: 26px;
    font-weight: 600;
    line-height: 175%;
    letter-spacing: 1.04px;
    text-align: center;

    margin: 0;
    padding: 0;
    color: #2C3333;
    border-bottom: none;
}
.top-goods-new__sub-title{
    font-size: 16px;
    font-weight: 400;
    line-height: 175%;
    letter-spacing: 1.92px;
    color: #C40;
    font-family: "Josefin Sans";
    text-align: center;
}
.page-category .block-top-event--header{
    padding: 0 16px;
}
.block-top-event--goods{
    margin-bottom: 50px;
}
.top-goods-new-brand__title-area{
    padding: 0 16px;
    margin-bottom: 20px;
}
.top-goods-new-brand__sub-title{
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.56px;
    display: flex;
    align-items: center;
}
.top-goods-new-brand__sub-title--froovie{
    color: #147A36;
}
.top-goods-new-brand__sub-title--animefroovie{
    color: #038094;
}
.top-goods-new-brand__sub-title--kabukiyahonpo{
    color: #B03333;
}
.top-goods-new-brand__sub-title--dvdclub{
    color: #DB7527;
}
.top-goods-new-brand__sub-title::before{
    content: "";
    display: block;
    background-image: url("../../img/theme/base/hamburger_menu_content_guid_shop_img.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.top-goods-new-brand__sub-title--animefroovie::before{
    background-image: url("../../img/theme/base/top_goods_new_brand_shop_animefroovie_icon.png");
}
.top-goods-new-brand__sub-title--kabukiyahonpo::before{
    background-image: url("../../img/theme/base/top_goods_new_brand_shop_kabukiyahonpo_icon.png");
}
.top-goods-new-brand__sub-title--dvdclub::before{
    background-image: url("../../img/theme/base/top_goods_new_brand_shop_dvdclub_icon.png");
}
.top-goods-new-brand__title{
    font-size: 20px;
    font-weight: 600;
    line-height: 175%;
    letter-spacing: 0.8px;
}
.top-goods-new-brand__slider{
    position: relative;
}
.top-goods-new-brand__slider-area{
    padding: 0 32px 0 16px;
}
.top-goods-new-brand__slider-item{
    width: 160px;
}
.top-goods-new-brand__slider-item:hover .top-goods-new-brand__slider-text{
    text-decoration: underline;
}
.top-goods-new-brand__slider-link{
    display: block;
}
.top-goods-new-brand__slider-img{
    width: 100%;
    display: block;
    margin-bottom: 8px;
}
.top-goods-new-brand__slider-detail{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.top-goods-new-brand__slider-tag-list{
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.top-goods-new-brand__slider-tag-item{
    border: 1px solid #C4C8D2;
    border-radius: 2px;
    padding: 5px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}
.top-goods-new-brand__slider-tag-item:has(img){
    width: calc((100% - 8px) / 3);
    padding: 0;
    border: none;
}
.top-goods-new-brand__slider-tag-item--new{
    background-color: #C40;
}
.top-goods-new-brand__slider-tag-text--new{
    color: #FFF;
}
.top-goods-new-brand__slider-tag-item img{
    width: 100%;
    display: block;
}
.top-goods-new-brand__slider-tag-text{
    font-size: 10px;
    font-weight: 300;
    line-height: 100%;
}
.top-goods-new-brand__slider-text{
    font-size: 14px;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.56px;
}
.top-goods-new-brand__slider-price-area{
    display: flex;
}
.top-goods-new-brand__slider-price-num{
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.64px;
}
.top-goods-new-brand__brand-slider-next{
    display: none;
}
.top-goods-new-brand__brand-slider-prev{
    display: none;
}
.top-goods-new__more-link{
    width: 208px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto 0;
    background-color: #000;
    padding: 11px 16px;
    border: 1px solid #000;
    border-radius: 10px;
    position: relative;
    transition: 0.3s all ease;
}
.top-goods-new__more-link-text{
    font-size: 14px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: 0.56px;
    color: #FFF;
    transition: 0.3s all ease;
}
.top-goods-new__more-link-text::after{
    content: "";
    display: block;
    background-image: url("../../img/theme/base/icon_arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 16px;
    position: absolute;
    top: calc(50% - (16px / 2));
    right: 16px;
}
.top-goods-new__more-link:hover{
    background-color: #FFF;
}
.top-goods-new__more-link:hover .top-goods-new__more-link-text{
    color: #2C3333;
}
.block-top-event{
    padding: 0 0 90px;
}
.block-top-event--header{
    font-size: 20px;
    font-weight: 600;
    line-height: 175%;
    letter-spacing: 0.8px;
    text-align: start;
    padding: 0 16px;
}
@media (min-width: 769px){
    .top-goods-new__title{
        font-size: 32px;
        letter-spacing: 1.28px;
    }
    .top-goods-new__sub-title{
        font-size: 18px;
        letter-spacing: 2.16px;
    }
    .top-goods-new-brand__title-area{
        padding: 0;
        margin-bottom: 30px;
    }
    .top-goods-new-brand__title{
        font-size: 24px;
        letter-spacing: 0.96px;
    }
    .top-goods-new-brand__slider{
        /* width: calc(100% + 60px);
        padding: 0 30px;
        left: -30px; */
        padding: 0;
    }
    .top-goods-new-brand__slider-area{
        padding: 0;
        position: static;
    }
    .top-goods-new-brand__slider-item{
        width: 166px;
    }
    .top-goods-new-brand__slider-tag-list{
        gap: 8px;
    }
    .top-goods-new-brand__brand-slider-next{
        display: block !important;
        width: fit-content !important;
        top: calc(50% - (40px / 2)) !important;
        right: -33px !important;
        position: absolute !important;
    }
    .top-goods-new-brand__brand-slider-next::after{
        content: "" !important;
        display: block !important;
        background-image: url("../../img/theme/base/slide_arrow.png") !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        width: 16px !important;
        height: 40px !important;
        border-top: none !important;
        border-right: none !important;
        transform: scaleX(-1) !important;
    }
    .top-goods-new-brand__brand-slider-next.swiper-button-lock{
        display: none !important;
    }
    .top-goods-new-brand__brand-slider-prev{
        display: block !important;
        width: fit-content !important;
        top: calc(50% - (40px / 2)) !important;
        left: -33px !important;
        position: absolute !important;
    }
    .top-goods-new-brand__brand-slider-prev.swiper-button-lock{
        display: none !important;
    }
    .top-goods-new-brand__brand-slider-prev::after{
        content: "" !important;
        display: block !important;
        background-image: url("../../img/theme/base/slide_arrow.png") !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        width: 16px !important;
        height: 40px !important;
        border-top: none !important;
        border-left: none !important;
        transform: none !important;
    }
    .top-goods-new__more-link-text{
        font-size: 14px;
        font-weight: 600;
        line-height: 125%;
        letter-spacing: 0.56px;
        color: #FFF;
        transition: 0.3s all ease;
    }
    .top-goods-new__more-link-text::after{
        content: "";
        display: block;
        background-image: url("../../img/theme/base/icon_arrow.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 10px;
        height: 16px;
        position: absolute;
        top: calc(50% - (16px / 2));
        right: 16px;
    }
    .top-goods-new__more-link:hover{
        background-color: #FFF;
    }
    .top-goods-new__more-link:hover .top-goods-new__more-link-text{
        color: #2C3333;
    }
    .page-category .block-top-event--header{
        max-width: var(--responsive-sys-container-width);
        margin: 0 auto 30px;
        padding: 0 67px;
    }
    .page-category .block-top-event--goods{
        max-width: var(--responsive-sys-container-width);
        margin: 0 auto;
        padding: 0 67px;
    }
    .page-top .block-top-free-1 .block-top-campaign .block-campaign-banner, .page-top .block-top-event .block-top-event--goods{
        margin: 0 auto 60px;
    }
    .block-top-event--header{
        font-size: 24px;
        letter-spacing: 0.96px;
        padding: 0;
    }
}

/* 「最近見た商品」 */
.block-recent-item--body{
    margin: 60px 0 50px;
}
.block-recent-item--body .block-recent-item--header{
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.64px;
    border-top: 2px solid #C4C8D2;
    padding: 30px 16px 20px;
    text-align: start;
    color: #2C3333;
    margin: 0;
    background-color: transparent;
}
.block-thumbnail-h{
    margin: 0;
    padding: 0 0 0 16px;
}
.block-recent-item--body .block-thumbnail-h .block-thumbnail-h--items{
    padding: 0;
    /* IE, Edge用 */
    -ms-overflow-style: none;
    /* Firefox用 */
    scrollbar-width: none;
    gap: 12px;
    display: flex;
}
.block-recent-item--body .block-thumbnail-h .block-thumbnail-h--items::-webkit-scrollbar {
    display: none;
}
.block-recent-item--body .block-thumbnail-h .block-thumbnail-h--item{
    width: 140px;
    min-width: auto;
    margin-right: 0;
    flex-shrink: 0;
    height: auto;
}
.block-recent-item--body .block-thumbnail-h--goods-image figure{
    min-width: auto;
    min-height: auto;
}
.block-recent-item--body .img-center img{
    width: 100%;
    display: block;
}

@media (min-width: 769px){
    .block-recent-item--body{
        max-width: var(--responsive-sys-container-width);
        margin: 80px auto;
        padding: 0 67px;
    }
    .block-recent-item--body .block-recent-item--header{
        padding: 30px 0 20px;
    }
    .block-recent-item--body .block-thumbnail-h{
        padding: 0;
    }
    .block-recent-item--body .block-thumbnail-h .block-thumbnail-h--items{
        justify-content: start;
    }
    .block-recent-item--body .block-thumbnail-h .block-thumbnail-h--item{
        width: 140px;
        min-width: auto;
        margin-right: 0;
        flex-shrink: 0;
        height: auto;
        padding: 0;
    }
}

/* パンくずメニュー */
.block-topic-path{
    margin: 0;
    padding: 10px 16px;
    border-top: none;
}
.block-topic-path a{
    font-size: 12px;
    font-weight: 300;
    line-height: 175%;
    letter-spacing: 0.48px;
    text-decoration: underline;
}
.block-topic-path--item__current a{
    font-weight: 600;
    text-decoration: none;
}
.block-topic-path--delimiter{
    position: relative;
    display: inline-block;
    width: 8px;
    height: 100%;
}
.block-topic-path--delimiter::before{
    content: "";
    display: block;
    background-image: url("../../img/theme/base/btn_arrow_green.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 8px;
    height: 12px;
    position: absolute;
    top: -9px;
    left: 0;
}
@media (min-width: 769px){
    .block-topic-path{
        padding: 10px 67px;
        max-width: var(--responsive-sys-container-width);
        margin: 0 auto;
    }
    .block-topic-path--delimiter{
        position: relative;
        display: inline-block;
        width: 8px;
        height: 100%;
        padding: 0 10px;
    }
    .block-topic-path--delimiter::before{
        content: "";
        display: block;
        background-image: url("../../img/theme/base/btn_arrow_green.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 8px;
        height: 12px;
        position: absolute;
        top: -9px;
        left: 3px;
    }
}

/* 動的ナビ */
body .pane-globalnav{
    position: relative;
    z-index: 99999;
    width: 100%;
    height: 36px;
    background: #000;
    top: auto;
    left: 0;
}
.pane-globalnav .container{
    width: 100%;
    height: 100%;
}
.block-globalnav{
    display: block;
    width: 100%;
    height: 100%;
}
.js-animation-megamenu-hover{
    display: none;
}
.block-globalnav .block-globalnav--item-list{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu{
    background-color: #FFF;
    position: fixed;
    overflow: scroll;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    padding: 20px 20px 100px;
    transition: 0.3s all ease;
    opacity: 0;
}
.block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu--active{
    display: block;
}
.block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu--active--opacity{
    opacity: 1;
}
.block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu--active{
    display: block;
}
.block-globalnav--item-link{
    font-size: 11px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: 0.44px;
    color: #FFF;
    padding: 0 12px;
}
.block-globalnav-menu__panel-close-area{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20px;
    right: 20px;
}
.block-globalnav-menu__panel-close{
    width: 100%;
    display: block;
}
.block-globalnav-menu__title{
    font-size: 14px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: 0.56px;
    color: #147A36;
    margin-bottom: 20px;
}
.block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-frame{
    display: flex;
    flex-direction: column;
    gap: 0;
}
.block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link{
    display: flex;
    align-items: center;
    padding: 0;
    gap: 8px;
    transition: 0.3s all ease;

    width: auto;
    margin: 0;
}
.block-globalnav-menu--item-link:hover{
    background-color: rgba(235, 238, 245, 0.30);
}
.block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link .block-globalnav-menu--item-image{
    width: 32px;
    height: 32px;
}
.block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link .block-globalnav-menu--item-image img{
    width: 100%;
    display: block;
    border-radius: 32px;
}
.block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link .block-globalnav-menu--item-text{
    flex-grow: 1;
    font-size: 14px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: 0.56px;

    width: auto;
    margin-left: 0;
}
.block-dynamic-category--body{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu .block-dynamic-category--row{
    padding: 4px 0 4px 16px;
    position: relative;
}
.block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu .block-dynamic-category--row a{
    display: flex;
    align-items: center;
    padding-left: 16px;
}
.block-dynamic-category--row a:hover{
    text-decoration: underline;
}
.block-dynamic-category--row a::before{
    content: "";
    display: block;
    background-image: url(../../img/theme/base/btn_arrow_green.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 8px;
    height: 12px;
    position: absolute;
    top: 4px;
    left: 16px;
}
.block-dynamic-category--row a span{
    font-size: 12px;
    font-weight: 300;
    line-height: 125%;
    letter-spacing: 0.48px;
}

.block-globalnav-menu__category{
    border-top: 1px solid #EBEEF5;
    padding: 10px 0;
    display: flex;
    gap: 10px;
    flex-direction: column;
}


@media (min-width: 769px){
    body .pane-globalnav{
        position: fixed;
    }
    .pane-globalnav .container{
        width: 100%;
        height: 100%;
    }
    .block-globalnav{
        display: block;
        width: 100%;
        height: 100%;
    }
    .block-globalnav ul.block-globalnav--item-list{
        position: relative;
    }
    .block-globalnav--item-list li{
        height: 100%;
        width: fit-content;
    }
    .block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu{
        background-color: #FFF;
        overflow: visible;
        top: 0;
        left: 0;
        width: 100vw;
        max-height: 800px;
        display: none;
        padding: 20px 20px 100px;
    }
    .block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu{
        top: auto;
        box-shadow: none;
    }
    .block-globalnav-menu__area{
        max-width: 1200px;
        margin: 0 auto;
        overflow-x: scroll;
        overflow-y: hidden;
        height: 100%;
    }
    .block-globalnav ul.block-globalnav--item-list > li > a.block-globalnav--item-link{
        font-size: 11px;
        font-weight: 600;
        line-height: 125%;
        letter-spacing: 0.44px;
        color: #FFF;
        padding: 0 12px;
        height: 100%;
        display: flex;
        align-items: center;
        width: fit-content;
    }
    .block-globalnav ul.block-globalnav--item-list > li > a.block-globalnav__item-link--arrow{
        padding: 0 28px 0 12px;
        position: relative;
    }
    .block-globalnav ul.block-globalnav--item-list > li > a.block-globalnav__item-link--arrow::before{
        content: "";
        display: block;
        background-image: url(../../img/theme/base/btn_arrow_white.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 12px;
        height: 8px;
        position: absolute;
        top: calc(50% - (8px / 2));
        right: 12px;
    }
    .block-globalnav ul.block-globalnav--item-list > li.js-animation-megamenu-hover > a::after{
        display: none;
    }
    .block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-frame{
        width: 100%;
        height: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
        flex-direction: column;
        align-content: center;
        flex-wrap: wrap;
        gap: 12px 38px;
    }
    .block-globalnav-menu__panel-close-area{
        display: none;
    }
    .block-globalnav-menu__title{
        display: none;
    }
    .block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-frame{
        display: flex;
        flex-direction: column;
        gap: 37px;
    }
    .block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-frame .block-globalnav-menu--item{
        border: none;
        width: auto;
        margin-right: 0;
        margin-bottom: 0;
    }
    .block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-frame .block-globalnav-menu--item{
        width: 272px;
        height: 100%;
        margin: 0;
    }
    .block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link{
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0;
    }
    .block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link .block-globalnav-menu--item-image{
        width: 32px;
        height: 32px;
    }
    .block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link .block-globalnav-menu--item-image img{
        width: 100%;
        display: block;
        border-radius: 32px;
    }
    .block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link .block-globalnav-menu--item-text{
        flex-grow: 1;
        font-size: 14px;
        font-weight: 600;
        line-height: 125%;
        letter-spacing: 0.56px;
    }
    .block-dynamic-category--body{
        gap: 0;
    }
    .block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu .block-dynamic-category--row{
        padding: 4px 0 4px 16px;
        position: relative;
    }
    .block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu--active{
        display: block;
    }
    .block-globalnav ul.block-globalnav--item-list > li .block-globalnav-menu--active--opacity{
        opacity: 1;
    }
}

/* ご利用ガイドページ */
@media (min-width: 769px){
    .block-guide{
        max-width: var(--responsive-sys-container-width);
        margin: 78px auto 0;
        padding: 0 67px;
    }
    .block-faq{
        max-width: var(--responsive-sys-container-width);
        margin: 78px auto 0;
        padding: 0 67px;
    }
}

/* 注文確認画面 */
.block-cart--pulldown-quantity{
    font-size: 18px;
    width: 78px;
    text-align: center;
}