@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Antique&display=swap');

:root{
    --px1:calc(100vw / 1920);

    --color-base:#1A1A1C;
    --color-blue:#173178;
    --color-red:#D42F35;
    --color-gold:#C1A347;

    --color-gray:#D6D6D6;

    --color-mainbg:rgba(255,255,255,0.9);

    --font-base:"Noto Sans JP", sans-serif;
    --font-zenantique:"Zen Antique", serif;

    --transition-quick:.2s;
    --transition:.4s;
    --transition-long:1.2s;
}

body,html{
    -ms-overflow-style: none;
    scrollbar-width: none;
}
body::-webkit-scrollbar,
html::-webkit-scrollbar{
  display:none;
}

.section-header sticky-header{
    display:none !important;
}

html{
    font-size:calc(16 * var(--px1)) !important;
}
body{
    font-family:var(--font-base);
    font-size:calc(16 * var(--px1)) !important;
    color:var(--color-base);

    background-attachment:fixed !important;
    background-position:center !important;
    background-size:100vw 100vh !important;
    background-image:url(bg-main.webp) !important;

    letter-spacing:0;
    line-height:1.875;
}

/* LAYOUT */
.main-layout{
    position:relative;

    display:flex;
    flex-wrap:wrap;
}
.main-layout__header{
    position:relative;
    z-index:1;
    width:calc(570 * var(--px1));
}
.main-layout__content{
    position:relative;
    z-index:3;
    width:calc(1320 * var(--px1));
    min-height:100dvh;

    padding-left:calc(30 * var(--px1));

    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:calc(70 * var(--px1));
}
.main-layout__overlay__bg{
    position:fixed;
    top:0;
    left:calc(570 * var(--px1));
    width:calc(1320 * var(--px1));
    height:100dvh;
    z-index:1;
    line-height:1;
    pointer-events:none;
}
.main-layout__overlay__bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:left center;
}
.main-layout__content__main{
    width:calc(750 * var(--px1));
}
.main-layout__content__aside{
    width:calc(330 * var(--px1));
}
.main-layout__content__main,
.main-layout__content__aside{
    position:relative;
    z-index:3;
}

.main-layout__header__overlay{
    position:absolute;
    z-index:2;
    bottom:0;
    left:0;
    max-width:unset;
    width:calc(100% + (30 * var(--px1)));
    opacity:0.3;
    line-height:1;
    pointer-events:none;
}
.main-layout__header__overlay img{
    width:100%;
    height:auto;
    vertical-align:top;
}
.main-layout__overlay__right{
    position:fixed;
    z-index:2;
    top:0;
    right:0;
    width:calc(1323.5 * var(--px1));
    height:auto;
    line-height:1;
    pointer-events:none;
}
.main-layout__overlay__right img{
    width:100%;
    height:auto;
    vertical-align:top;
}
.main-layout__overlay__all{
    position:fixed;
    z-index:2;
    top:0;
    left:0;
    width:calc(1920 * var(--px1));
    height:auto;
    line-height:1;
    pointer-events:none;
}
.main-layout__overlay__all img{
    width:100%;
    height:auto;
    vertical-align:top;
}


/* SHOPIFY COMMON LAYOUT */
.color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .gradient:not(body){
    background: transparent !important;
}
.shopify-section.section{
    padding-bottom:calc(40 * var(--px1));
}
@media only screen and (min-width: 750px) {
    *:not(.rte)>h1,
    *:not(.rte)>.h1 {
        color:var(--color-gold);
        text-align:center;
        font-size:calc(22 * var(--px1));
        font-weight:bold;
    }
    *:not(.rte)>h2,
    *:not(.rte)>.h2{
        font-size:calc(20 * var(--px1));
    }
}
.main-page-title{
    color:var(--color-gold);
    text-align:center;
    font-size:calc(22 * var(--px1));
    font-weight:bold;
    margin: 0 !important;
}

.section-header.shopify-section-group-header-group{
    z-index:999 !important;
}
.cart-notification.active{
    background:var(--color-mainbg) !important;
}
.cart-notification__links>*{
    margin-top:calc(12 * var(--px1)) !important;
}
.cart-notification__links button.link{
    width:calc(200 * var(--px1));
    text-decoration:none;
}


/* HEADER (LEFT MENU) */
.header{
    padding:0 !important;
}

#shopify-section-main-header{
    position:sticky;
    top:0;
    left:0;

    height:100dvh;
}

.main-header{
    position:relative;
    z-index:3;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.main-header__inner{
    width:100%;
    max-width:calc(320 * var(--px1));
    margin:auto;
}

@media only screen and (min-width:1619px) and (min-height:700px){
    .main-header__inner{
        padding-bottom:calc(100 * var(--px1));
    }
}

.main-header__logo{
    margin:0 auto calc(40 * var(--px1));
    line-height:1;
}
.main-header__logo a{
    display:block;
    line-height:1;
}
.main-header__logo img{
    width:calc(320 * var(--px1));
    height:calc(164 * var(--px1));
    vertical-align: top;
}

.main-header__mainmenu{
    margin:0;
    padding:0;
    list-style:none;
}
.main-header__mainmenu a{
    color:#FFF;
    text-decoration:none;
}
.main-header__mainmenu__li{
    position:relative;
    padding-bottom:calc(4 * var(--px1));
}
.main-header__mainmenu__li::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:calc(4 * var(--px1));
    background:no-repeat center/contain url(line-menu.svg);
}
.main-header__mainmenu__li>a{
    display:block;
    position:relative;
    font-size:calc(20 * var(--px1));
    font-weight:bold;
    padding:calc(12 * var(--px1)) 0;
    padding-left:calc(50 * var(--px1));
}
.main-header__mainmenu__li>a::before{
    content:'';
    position:absolute;
    left:0;
    top:calc(21 * var(--px1));
    width:calc(40 * var(--px1));
    height:calc(21 * var(--px1));
    background:no-repeat center/contain url(icon-crab.svg);
}
.main-header__submenu{
    list-style:none;
    padding-left:calc(50 * var(--px1));
    padding-bottom:calc(12 * var(--px1));
}
.main-header__submenu__li>a{
    position:relative;
    display:block;
    padding:calc(2 * var(--px1)) 0;
    padding-left:calc(14 * var(--px1));
    font-size:calc(16 * var(--px1));
}
.main-header__submenu__li a::before{
    content:'';
    position:absolute;
    width:calc(7 * var(--px1));
    height:calc(7 * var(--px1));
    left:0;
    top:calc(14 * var(--px1));
    background:no-repeat center/contain url(icon-circle.svg);
}
.main-header__mainmenu__li__toggler{
    cursor:pointer;
    position:absolute;
    z-index:2;
    top:0;
    right:0;
    width:calc(30 * var(--px1));
    height:calc(61.5 * var(--px1));
}
.main-header__mainmenu__li__toggler::before{
    content:'';
    position:absolute;
    top:calc(30 * var(--px1));
    right:0;
    width:calc(14 * var(--px1));
    height:calc(2 * var(--px1));
    background:#FFF;
}
.main-header__mainmenu__li__toggler::after{
    content:'';
    position:absolute;
    top:calc(30 * var(--px1));
    right:0;
    width:calc(14 * var(--px1));
    height:calc(2 * var(--px1));
    background:#FFF;
    transition:var(--transition-quick);
}
.main-header__mainmenu__li.close .main-header__mainmenu__li__toggler::after{
    transform:rotate(90deg);
}

/* ASIDE (RIGHT MENU) */
#shopify-section-main-aside{
    position:sticky;
    top:0;
    left:0;
    height:100dvh;
}

.main-aside{
    display:flex;
    height:100%;
    align-items:center;
    justify-content:center;
}
.main-aside__inner{
    margin:auto;
}
.main-aside__title{
    margin:0 auto calc(40 * var(--px1));
    text-align:center;
    line-height: 1;
}
.main-aside__title img{
    width:calc(90 * var(--px1));
    height:calc(305 * var(--px1));
    filter:drop-shadow(0 0 calc(10 * var(--px1)) rgba(0,0,0,0.16));
}

.main-aside__mainmenu{
    padding:0;
    margin: 0 0 calc(15 * var(--px1));
    list-style:none;
}
.main-aside__mainmenu__li:not(:last-child){
    margin-bottom:calc(15 * var(--px1));
}
.main-aside__mainmenu__btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:calc(330 * var(--px1));
    height:calc(70 * var(--px1));
    border-radius:calc(35 * var(--px1));
    color:var(--color-base);
    background:var(--color-mainbg);
    font-size:calc(18 * var(--px1));
    font-weight:bold;
    text-decoration:none;
}
.main-aside__mainmenu__btn.cart{
    display:flex !important;
    color:var(--color-gold);
    background:var(--color-blue);
}

.main-aside__submenu{
    padding:0;
    margin:0;
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    gap:calc(10 * var(--px1)) calc(20 * var(--px1));
}
.main-aside__submenu__li a{
    display:block;
    position:relative;
    color:#FFF;
    font-size:calc(14 * var(--px1));
    text-decoration:none;
    padding-left:calc(12 * var(--px1));
}
.main-aside__submenu__li a::before{
    content:'';
    position:absolute;
    width:calc(7 * var(--px1));
    height:calc(7 * var(--px1));
    left:0;
    top:calc(11 * var(--px1));
    background:no-repeat center/contain url(icon-circle.svg);
}


@media only screen and (min-width:768px) and (max-height:699px){
    .main-header,
    .main-aside{
        max-height:100dvh;
        overflow-y:scroll;
        padding:calc(40 * var(--px1)) 0;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .main-header::-webkit-scrollbar,
    .main-aside::-webkit-scrollbar{
        display:none;
    }
    .main-header__inner{
        min-height:calc(688 * var(--px1));
    }
    .main-aside__inner{
        min-height:calc(634 * var(--px1));
    }
}


/* FOOTER */
.main-footer__stickyimgs{
    position:relative;
    margin-bottom:calc(40 * var(--px1));
    pointer-events:none;
    user-select:none;
}
.main-footer__stickyimgs .main-footer__stickyimgs__top{
    position:absolute;
    line-height:1;
    z-index:9;
    bottom:calc(50 * var(--px1));
    left:calc(-100 * var(--px1));
}
.main-footer__stickyimgs__top{
    pointer-events:none;
}
.main-footer__stickyimgs__top img{
    vertical-align:top;
    max-width:unset;
    width:calc(920 * var(--px1));
    height:calc(468 * var(--px1));
    filter:drop-shadow(0 calc(2 * var(--px1)) calc(7 * var(--px1)) rgba(0,0,0,0.2));
    pointer-events:none;
    user-select:none;
}
.main-footer__stickyimgs__bottom{
    position:relative;
    line-height:1;
    z-index:1;
    pointer-events:none;
}
.main-footer__stickyimgs__bottom img{
    vertical-align:top;
    width:calc(750 * var(--px1));
    height:calc(431 * var(--px1));
    filter:drop-shadow(0 calc(10 * var(--px1)) calc(10 * var(--px1)) rgba(0,0,0,0.3));
    pointer-events:none;
    user-select:none;
}


.main-footer__mainmenu{
    justify-content:center;
}
.main-footer__copyright{
    padding:calc(20 * var(--px1)) 0 calc(50 * var(--px1));
    margin:0;
    color:#FFF;
    text-align:center;
    font-size:calc(12 * var(--px1));
}


/* COMMON PARTS */
.wrap,
.page-width{
    width:100%;
    padding:0 calc(75 * var(--px1)) !important;
    margin: 0 !important;
}
.main-layout-container:not(.uncontainize){
    background:var(--color-mainbg);
    border-bottom-left-radius:100vh;
    border-bottom-right-radius:100vh;
    padding-top:calc(45 * var(--px1));
    padding-bottom: calc(450 * var(--px1));
    max-width: calc(750 * var(--px1));
    margin: 0 auto;
    margin-bottom: calc(-300 * var(--px1));
}

.viewmore a{
    display:flex;
    align-items:center;
    justify-content:center;

    width:calc(330 * var(--px1));
    height:calc(60 * var(--px1));

    font-size:calc(18 * var(--px1));
    font-weight:bold;

    margin:0 auto;
    text-decoration:none;
    color:#FFF;
    background:var(--color-base);
    border:var(--px1) solid #FFF;
    border-radius:100vh;

    transition:var(--transition-quick);
}
.viewmore a:hover{
    opacity:1;
    background:var(--color-gold);
    color:var(--color-base);
}

.viewmore.gold a{
    color:var(--color-gold);
    background:transparent;
    border-color:var(--color-gold);
}
.viewmore.gold a:hover{
    background:var(--color-gold);
    color:var(--color-base);
}

.viewmore.white a{
    color:#FFF;
    background:transparent;
    border-color:#FFF;
}
.viewmore.white a:hover{
    background:#FFF;
    color:var(--color-gold);
}

.viewmore.black a{
    color:var(--color-base);
    background:transparent;
    border-color:var(--color-base);
}
.viewmore.black a:hover{
    background:#FFF;
    color:var(--color-base);
}


/* OVAL SECTION SETTINGS */
.main-ovalsection:not(:last-of-type){
    margin-bottom:calc(70 * var(--px1));
}
.main-ovalsection{
    width:100%;
    height:auto;
    min-height:calc(750 * var(--px1));
    max-width:calc(750 * var(--px1));
    margin:0 auto;
    border-radius:100vh;
    padding:calc(140 * var(--px1)) calc(75 * var(--px1));
    background:var(--color-mainbg);
    overflow:hidden;
}
.main-ovalsection--topcut{
    border-top-left-radius:0;
    border-top-right-radius:0;
}
.main-ovalsection--end{
    margin-bottom:calc(-30 * var(--px1));
    padding-bottom:calc(200 * var(--px1));
}

.main-ovalsection--no_tb_padding{
    padding-top:0;
    padding-bottom:0;
}

.ovalsection--notrim{
    width:calc(100% + calc(150 * var(--px1)));
    max-width:unset;
    position:relative;
    left:calc(-75 * var(--px1));
}


/* TOP (INDEX) */
main.index{
    position:relative;
    padding-bottom:calc(120 * var(--px1));
}
main.index>*:not(.main-footer__stickyimgs__top){
    clear:both;
}
main.index .main-ovalsection--end{
    margin-bottom:calc(-120 * var(--px1));
}
main.index .main-footer__stickyimgs__top{
    position:sticky;
    top:calc(100dvh - (280 * var(--px1)));
    left:0;
    transform:translateX(calc(-100 * var(--px1)));
    /*float:left;*/
    margin-bottom:calc(-468 * var(--px1));
    z-index:2;
}




/* COLLECTION (ITEM ARCHIVES) */
.collection-hero__title{
    color:#FFF !important;
    font-family:var(--font-zenantique);
    font-size:calc(26 * var(--px1));
    font-weight:normal;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 !important;
    position:relative;
    z-index:2;
    width:100%;
    height:calc(60 * var(--px1));
    background:no-repeat left calc(34 * var(--px1)) top 0/calc(100% - (68 * var(--px1))) 100% url(title-bg-middle.webp);
}
.collection-hero__title::before{
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:calc(35 * var(--px1));
    height:100%;
    background:no-repeat left center/contain url(title-bg-left.webp);
}
.collection-hero__title::after{
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    right:0;
    width:calc(35 * var(--px1));
    height:100%;
    background:no-repeat left center/contain url(title-bg-right.webp);
}

.collection-selector-section__box{
    background:#FFF;
    border-radius:calc(10 * var(--px1));
    overflow:hidden;
}
.collection-selectors{
    display:grid;
    grid-template-columns:repeat(2,1fr);

    list-style:none;

    margin:0;
    padding:0;
    border-bottom:var(--px1) dashed var(--color-gray);
}
.collection-selector{
    cursor:pointer;
    position:relative;
    padding:calc(20 * var(--px1));
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:calc(55 * var(--px1));
}
.collection-selector:nth-of-type(1){
    border-right:var(--px1) dashed var(--color-gray);
}
.collection-selector.current::after{
    content:'';
    position:absolute;
    height:calc(2 * var(--px1));
    width:100%;
    bottom:calc(-1 * var(--px1));
    left:0;
    background:#FFF;
    z-index:2;
}
.collection-selector__title{
    font-size:calc(16 * var(--px1));
    font-weight:bold;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:calc(10 * var(--px1));

    transition:var(--transition-quick);
}
.collection-selector.current .collection-selector__title{
    color:var(--color-red);
}
.collection-selector__title__icon{
    display:block;
    width:calc(20 * var(--px1));
    height:calc(20 * var(--px1));
    border-radius:50%;
    background:var(--color-base);
    position:relative;
    transition:var(--transition-quick);
}
.collection-selector__title__icon::before,
.collection-selector__title__icon::after{
    content:'';
    position:absolute;
    width:calc(8 * var(--px1));
    height:calc(2 * var(--px1));
    top:calc(9 * var(--px1));
    left:calc(6 * var(--px1));
    transition:var(--transition-quick);
    background:#FFF;
}
.collection-selector.current .collection-selector__title__icon{
    background:var(--color-red);
}
.collection-selector:not(.current) .collection-selector__title__icon::after{
    transform:rotate(90deg);
}
.collection-selector__list{
    padding:calc(16 * var(--px1)) calc(20 * var(--px1)) calc(20 * var(--px1));
}
.collection-selector__links{
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    gap:calc(5 * var(--px1));

    margin:0;
    padding:0;
}
.collection-selector__links li a{
    color:var(--color-base);
    font-size:calc(14 * var(--px1));
    line-height:1;
    text-decoration:none;

    margin:0;

    display:flex;
    padding:calc(5 * var(--px1)) calc(14 * var(--px1));
    border-radius:100vw;
    border:var(--px1) solid var(--color-gray);
}
.collection-selector__links li.current a{
    pointer-events:none;
    color:#FFF;
    background:var(--color-red);
}

.facets-container{
    padding-top:calc(35 * var(--px1)) !important;
}
facet-filters-form .facets__form{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    align-items:center;
    gap:calc(10 * var(--px1)) calc(16 * var(--px1));
}
.facets__form .product-count{
    align-self:center !important;
}
facet-filters-form .product-count__text{
    font-size:calc(16 * var(--px1));
    line-height:1;
}
facet-filters-form .product-count__text span{
    display:inline-block;
    margin:0 0.4em;
    color:var(--color-gray);
}
facet-filters-form .facet-filters__field{
    align-items:center;
}
facet-filters-form .facet-filters{
    padding:0;
}
facet-filters-form .facet-filters__label{
    font-size:calc(16 * var(--px1));
    margin-right:1em;
}
facet-filters-form .facet-filters__field .select__select,
facet-filters-form .mobile-facets__sort .select__select{
    font-size:calc(16 * var(--px1));
}
facet-filters-form .facet-filters__sort:focus-visible{
    outline:none;
    box-shadow:none;
}
.facet-filters__sort{
    line-height:1 !important;
}
.select__select{
    color:var(--color-base);
}

@media only screen and (max-width:750px){
    body,html{
        font-size:13px !important;
    }
}
.menu-opening .mobile-facets__inner{
    background:#FFF !important;
}
.mobile-facets__inner{
    background:#FFF !important;
    padding-top:60px;
}
details.menu-opening .mobile-facets__close{
    top:60px !important;
}
.mobile-facets__open-label{
    width: 140px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-cards{
    margin-top:calc(30 * var(--px1));
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:calc(30 * var(--px1)) calc(40 * var(--px1));
}
.product-card__inner{
    color:var(--color-base);
    text-decoration:none;
}
.product-card__media{
    overflow:hidden;
    aspect-ratio:1;
    width:100%;
    height:auto;
    border-radius:calc(10 * var(--px1));
}
.product-card__media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.product-card__title{
    margin:calc(10 * var(--px1)) 0;
    font-size:calc(16 * var(--px1));
}
.product-card .price{
    display:flex;
    justify-content:flex-end;
    font-size:calc(26 * var(--px1));
}
.product-card__liquar__attentiontext{
    margin:calc(14 * var(--px1)) 0;
    font-size:calc(12 * var(--px1));
}


.pagination .pagination__list{
    font-size:calc(18 * var(--px1)) !important;
    font-weight:bold;
    line-height:1;
    justify-content:center;
    gap:calc(10 * var(--px1));
}
.pagination .pagination__list>li{
    width:auto;
    flex:auto;
    max-width:calc(40 * var(--px1));
    margin:0 !important;
}
.pagination__list .pagination__item{
    width:calc(40 * var(--px1));
    height:calc(40 * var(--px1));
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--color-base);
    background:transparent;
    border-radius:50%;
    transition:var(--transition-quick);
    font-size:calc(18 * var(--px1)) !important;
}
.pagination__list .pagination__item:hover,
.pagination__list .pagination__item:not([href]){
    color:#FFF;
    background:var(--color-red);
    opacity:1 !important;
}
.pagination__item--current:after, .pagination__item:hover:after{
    content: none !important;
}


/* PRODUCT - SINGLE */
.product.grid{
    display:block !important;
    gap: 0 !important;
}
.product--large:not(.product--no-media) .product__media-wrapper,
.product--large:not(.product--no-media) .product__info-wrapper{
    width:100% !important;
    max-width: 100% !important;
}
.product--large:not(.product--no-media) .product__info-wrapper{
    padding-left: 0 !important;
    margin-top:calc(45 * var(--px1));
}

.product-mg__thumbnails{
    margin-top:calc(22 * var(--px1));
}
.product-image-slide img,
.product-image-thumbnails li img{
    border-radius:calc(10 * var(--px1)) !important;
    aspect-ratio:1;
    width:100% !important;
    height:auto !important;
}
.product-image-thumbnails{
    margin:0;
    padding:0;
    list-style:none;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:calc(12 * var(--px1));
}
.product-image-thumbnails li{
    cursor:pointer;
}
.product-image-slider__btn{
    position:absolute;
    z-index:2;
    top:calc(50% - (17.5 * var(--px1)));
    display:block;
    width:calc(35 * var(--px1));
    height:calc(70 * var(--px1));
    background:rgba(0,0,0,0.5);
    transition:var(--transition-quick);
    cursor:pointer;
}
.product-image-slider__btn::before{
    pointer-events:none;
    content:'';
    display:block;
    position:absolute;
    width:calc(6 * var(--px1));
    height:calc(12 * var(--px1));
    top:calc(50% - (6 * var(--px1)));
}
.product-image-slider__btn.prev{
    left:0;
    border-top-right-radius:100vh;
    border-bottom-right-radius:100vh;
}
.product-image-slider__btn.prev::before{
    left:calc(7 * var(--px1));
    background:no-repeat center/contain url(icon-slide-prev.svg);
}
.product-image-slider__btn.next{
    right:0;
    border-top-left-radius:100vh;
    border-bottom-left-radius:100vh;
}
.product-image-slider__btn.next::before{
    right:calc(7 * var(--px1));
    background:no-repeat center/contain url(icon-slide-next.svg);
}
.product-image-slider__btn.slick-disabled{
    opacity:0;
}

.product__title h1{
    font-size:calc(28 * var(--px1));
    font-weight:bold;
    color:var(--color-base);
    text-align:left;
    margin:0;
}
.product-price__wrapper .price{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:calc(10 * var(--px1));
}
.price .price-item{
    font-size:calc(32 * var(--px1));
    font-weight:bold;
}
.price .price-item small:not(.tax-incl){
    font-size:56%;
}
.product-price__wrapper .badge{
    background:var(--color-red) !important;
    font-size:calc(16 * var(--px1));
    padding:0.4em 1.2em;
}
.product__tax{
    font-size:calc(14 * var(--px1));
    text-align:right !important;
}

.product-recommend{
    position:relative;
    margin:calc(100 * var(--px1)) 0 calc(50 * var(--px1)) !important;
    padding:calc(40 * var(--px1)) calc(40 * var(--px1)) calc(20 * var(--px1));
    background:#FFF;
    border:calc(3 * var(--px1)) solid var(--color-gold);
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:calc(20 * var(--px1));
}
.product-recommend .text.top{
    position:absolute;
    width:calc(120 * var(--px1));
    height:calc(85 * var(--px1));
    top:calc(-60 * var(--px1));
    left:calc(50% - (60 * var(--px1)));
    line-height:1;
}
.product-recommend .text.top img{
    width:100%;
    vertical-align:top;
}
.product-recommend .text{
    margin:0;
    font-size:calc(18 * var(--px1));
    font-weight:bold;
}

.product-custom-fields{
    margin:calc(45 * var(--px1)) 0 !important;
}
.product-custom-fields__toggler{
    font-size:calc(18 * var(--px1));
    font-weight:bold;
    background:rgba(193,163,71,0.2);
    padding:calc(12 * var(--px1)) calc(20 * var(--px1));
    padding-right:calc(60 * var(--px1));

    position:relative;
    cursor:pointer;

    margin:0;
}
.product-custom-fields__toggler__icon{
    position:absolute;
    width:calc(20 * var(--px1));
    height:calc(20 * var(--px1));
    top:calc(50% - (10 * var(--px1)));
    right:calc(20 * var(--px1));
}
.product-custom-fields__toggler__icon::before,
.product-custom-fields__toggler__icon::after{
    content:'';
    position:absolute;
    top:calc(50% - var(--px1));
    left:0;
    width:100%;
    height:calc(2 * var(--px1));
    background:var(--color-base);
    transition:var(--transition-quick);
}
.product-custom-fields__toggler:not(.open) .product-custom-fields__toggler__icon::after{
    transform:rotate(90deg);
}

.product-custom-fields__ul{
    margin:0;
    padding:0;
    list-style:none;
}
.product-custom-fields__ul li{
    padding:0 calc(20 * var(--px1));
}
.product-custom-fields__dl{
    margin:0;
    padding:0;
    padding:calc(16 * var(--px1)) 0;
    border-bottom:var(--px1) dashed var(--color-gray);
}
.product-custom-fields__dl dt{
    padding:0;
    margin:0;
    padding-left:calc(20 * var(--px1));
    font-size:calc(16 * var(--px1));
    font-weight:bold;
    position:relative;
}
.product-custom-fields__dl dt::before{
    content:'';
    position:absolute;
    width:calc(10 * var(--px1));
    height:calc(10 * var(--px1));
    background:no-repeat center/contain url(icon-detaillist.svg);
    left:0;
    top:calc(50% - (5 * var(--px1)));
}
.product-custom-fields__dl dd{
    padding:0;
    margin:0;
    margin-top:1em;
    font-size:calc(16 * var(--px1));
}

.product-liquar__attention__text{
    font-size:calc(18 * var(--px1));
    font-weight:bold;
    color:var(--color-red);
    margin:0 0 1em !important;
}
.line-item-property__field{
    font-size:calc(18 * var(--px1));
    font-weight:bold;
    margin:1em 0 !important;
    text-align:left;
}
.product-form__birthdates{
    margin-bottom:calc(30 * var(--px1));
    text-align:left;
}

.product-form__birthdates input,
.product-form__birthdates select{
    font-size:calc(16 * var(--px1));
    padding:0.5em 1em !important;
    border-radius:calc(5 * var(--px1));
    border:var(--px1) solid var(--color-base);
}
*:focus-visible{
    box-shadow:none !important;
    outline:var(--px1) solid var(--color-gold) !important;
    outline-offset: 0 !important;
}

.product-form__input{
    display:flex;
    align-items:center;
    gap:calc(10 * var(--px1));
}
.product--no-media .product-form>.form{
    max-width:100% !important;
}
.product-form__input .form__label{
    margin:0 !important;
    font-size:calc(16 * var(--px1));
}
.quantity{
    min-height:calc(50 * var(--px1));
}
.quantity__input{
    font-size:calc(18 * var(--px1));
}
.product--no-media .product-form__quantity{
    flex-direction:row !important;
    justify-content:flex-start !important;
}

.price-taxincl{
    font-size:calc(12 * var(--px1));
    font-weight:normal;
}



.related-product__title{
    position:relative;
    z-index:2;
    padding:calc(15 * var(--px1)) 0 calc(15 * var(--px1)) calc(45 * var(--px1));
    margin:0 0 calc(30 * var(--px1));
}
.related-product__title::before{
    content:'';
    position:absolute;
    z-index:-1;
    bottom:0;
    right:0;
    max-width:unset;
    width:calc(100% + (50 * var(--px1)));
    height:calc(40 * var(--px1));
    background:no-repeat left bottom/contain url(underline.webp);
}
.related-product__title span{
    font-size:calc(22 * var(--px1));
    font-family:var(--font-zenantique);
}
.related-product-grid{
    padding:0;
    margin:0 0 calc(45 * var(--px1));
    list-style:none;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:calc(30 * var(--px1));
}
.related-product-grid .product-card__title{
    font-size:calc(14 * var(--px1));
    margin-bottom:0;
}
.related-product-grid .price .price-item{
    font-size:calc(14 * var(--px1));
    font-weight:normal;
    text-align:right;
}



/* 舞彩お福来商品ページ */
.rebolt_page_width{
    width:100% !important;
    max-width:100% !important;
    padding:0 calc(70 * var(--px1)) !important;
}
.RB_BuildBoxPage{
    display:block !important;
}
.RB_Section_Tilte h4{
    font-size:calc(28 * var(--px1)) !important;
    font-weight:bold;
    color:var(--color-base) !important;
    margin:0 0 calc(30 * var(--px1)) !important;
}
.RB_Section_Tilte>div>*{
    line-height:1.877;
}
.RB_Section_Tilte h3{
    margin:0 0 calc(30 * var(--px1)) !important;
    font-size:calc(18 * var(--px1)) !important;
    font-weight:bold;
}
.RB_Section_Tilte p{
    font-size:calc(16 * var(--px1)) !important;
}

.RB_SI_SearchBar input{
    max-width: 100% !important;
}
.RB_SI_SearchBar,
.RB_ProgressBarHead{
    display:none !important;
}
/*セクションを増やすなら必要*/

.RB_Button{
    font-size:calc(14 * var(--px1)) !important;
    font-weight:bold;
    border-radius:calc(10 * var(--px1)) !important;
}
.RB_Button.RB_Full{
    font-size:calc(18 * var(--px1)) !important;
    color:#FFF !important;
    background:var(--color-blue) !important;
}
.RB_Button.RB_AddItem{
    color:var(--color-blue) !important;
    border-color:var(--color-blue) !important;
}
.RB_Button.RB_AddItem span.RB_Button_text,
.RB_Button .RB_Button_icon{
    color:var(--color-blue) !important;
}

.RB_Product_Card .RB_PC_Title a{
    font-size:calc(16 * var(--px1)) !important;
}
.RB_Product_Card .RB_PC_Price{
    font-size:calc(16 * var(--px1)) !important;
    justify-content:flex-end;
}
.RB_Product_Ajax_Error{
    font-size:calc(13 * var(--px1)) !important;
}

.RB_Button.RB_AddItem span.RB_Button_text{
    font-size:calc(14 * var(--px1)) !important;
}

.RB_BuildBoxInfo h5{
    font-size:calc(18 * var(--px1)) !important;
}
.RB_Accordion_Head .RB_AH_Title{
    font-size:calc(16 * var(--px1)) !important;
}
.RB_Accordion_Head .RB_AH_Count,
.RB_Cart_Content .RB_CC_Title{
    font-size:calc(14 * var(--px1)) !important;
}

.RB_PC_Media a,
.RB_PC_Title a{
    pointer-events:none !important;
    user-select: none !important;
}


/* CART */
.cart-items .cart-items__heading--quantity, .cart-item .cart-item__quantity, .cart-item__quantity--info quantity-popover>*,
.cart-items th+th,
.cart-item>td+td{
    padding-left:calc(16 * var(--px1)) !important;
}
.cart-items th{
    font-size:calc(14 * var(--px1)) !important;
    padding-bottom:1em !important;
}
.cart-items td{
    font-size:calc(16 * var(--px1)) !important;
    padding-top:1.5em !important;
}
.cart-item__name{
    font-size:calc(16 * var(--px1)) !important;
}
.cart-item__price-wrapper>*:only-child:not(.cart-item__discounted-prices),
.rb_item_price, .rb_item_line_price, .rb_cart_total_price{
    font-size:calc(16 * var(--px1)) !important;
    flex-wrap:nowrap !important;
    align-items:center;
    gap:calc(4 * var(--px1)) !important;
}
.quantity-popover-container{
    padding: 0 !important;
}
.quantity__button{
    width:calc(40 * var(--px1));
}
.quantity{
    width:calc(180 * var(--px1));
}
.cart-item__quantity-wrapper .quantity{
    width:calc(140 * var(--px1));
}
.cart-item__quantity-wrapper{
    flex-wrap:wrap;
    gap:calc(6 * var(--px1));
    flex-direction: column;
    width: calc(140 * var(--px1));
}
.cart-item cart-remove-button{
    margin:0 !important;
    width:calc(140 * var(--px1)) !important;
    height:calc(30 * var(--px1)) !important;
}
cart-remove-button .button{
    display:flex;
    align-items:center;
    justify-content:center;
    max-width: 100% !important;
    min-width:auto !important;
    min-height: auto !important;
    width:calc(140 * var(--px1)) !important;
    height:calc(30 * var(--px1)) !important;
    border-radius:100vh !important;
    font-size:calc(16 * var(--px1)) !important;
}
cart-remove-button .button::after{
    content:'削除する' !important;
    display:block;
    line-height: 1;
    position: relative;
    font-size: calc(12 * var(--px1));
    top:0;
    left:0;
    right:0;
    bottom:0;
}
cart-remove-button .button:hover{
    color:var(--color-gold) !important;
}
.cart-item__name:hover{
    text-underline-offset:0.3em !important;
    text-decoration-thickness: var(--px1) !important;
}

.product-option dt,
.product-option dd{
    font-size:calc(12 * var(--px1)) !important;
}

.tax-note{
    margin:calc(20 * var(--px1)) auto;
    font-size:calc(16 * var(--px1));
}
.totals>h2{
    font-size:calc(16 * var(--px1)) !important;
}
.totals__total-value{
    font-size:calc(22 * var(--px1)) !important;
}

.opl-delivery-date small{
    word-break: keep-all;
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
}

.cart-liquar--notice{
    text-align:center;
    color:var(--color-red);
    font-size:calc(15 * var(--px1));
    font-weight:bold;
}



/* INDEX(TOP) */
.top-mv__movie{
    height:calc(1050 * var(--px1));
}
.top-mv__movie video{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

.top-sectiontext{
    margin:0;
    font-size:calc(18 * var(--px1));
    line-height:2.222;
    text-align:center;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.top-concept{
    background:no-repeat center/cover url(bg-top-s1.webp);
    color:#FFF;
    padding-top:calc(65 * var(--px1));
    padding-bottom:calc(220 * var(--px1));
}
.top-concept__title{
    text-align:center;
    margin:0 auto calc(50 * var(--px1));
}
.top-concept__title img{
    width:calc(232 * var(--px1));
    height:auto;
    max-width:100%;
}

.top-maisai{
    color:#FFF;
    background:repeat center/calc(721 * var(--px1)) calc(476 * var(--px1)) url(bg-maisai.webp);
    padding-top:calc(140 * var(--px1));
    padding-bottom:calc(160 * var(--px1));
}
.top-maisai__title{
    text-align:center;
}
.top-maisai__title img{
    width:calc(577 * var(--px1));
    height:calc(228 * var(--px1));
    max-width:100%;
}
.top-maisai__mainimg{
    margin-bottom:calc(40 * var(--px1));
}
.top-maisai__mainimg img{
    width:100%;
    height:auto;
}
.top-maisai__viewmore{
    margin-top:calc(50 * var(--px1));
}

.top-feature{
    background:rgba(255,255,255,0.85);
    padding-bottom:calc(250 * var(--px1));
}
.top-feature__title{
    text-align:center;
}
.top-feature__title img{
    width:calc(610 * var(--px1));
    height:calc(201 * var(--px1));
    max-width:100%;
}
.top-feature__article:not(:last-child){
    margin-bottom:calc(40 * var(--px1));
}
.top-feature__article__thumbnail{
    line-height:1;
}
.top-feature__article__thumbnail img{
    vertical-align:top;
    border-radius:calc(20 * var(--px1));
    width:100%;
    height:auto;
}

.top-gift{
    position:relative;
    z-index:1;
    color:#FFF;
    background:repeat center/calc(714 * var(--px1)) calc(416 * var(--px1)) url(bg-gift.webp);

    padding-top:calc(127 * var(--px1));
    padding-bottom:calc(160 * var(--px1));
}
.top-gift__coverbg{
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    height:100%;
    width:100%;
}
.top-gift__coverbg img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}
.top-gift__title{
    text-align:center;
    margin-bottom:calc(50 * var(--px1));
}
.top-gift__title img{
    width:calc(417 * var(--px1));
    height:calc(393 * var(--px1));
    max-width:100%;
}
.top-gift__viewmore{
    margin-top:calc(70 * var(--px1));
}

.top-kodawari{
    overflow:visible;
    padding-top:calc(80 * var(--px1));
    padding-bottom:calc(200 * var(--px1));
}
.top-kodawari__titlewrapper{
    line-height:1;
    position:relative;
    z-index:2;
}
.top-kodawari__title{
    text-align:center;
}
.top-kodawari__title img{
    width:calc(190 * var(--px1));
    height:calc(395 * var(--px1));
    transform:translateX(13.68%);
    max-width:100%;
}
.top-kodawari__title__hv01,
.top-kodawari__title__hv02{
    position:absolute;
    z-index:-1;
}
.top-kodawari__title__hv01{
    top:calc(-114 * var(--px1));
    left:67%;
}
.top-kodawari__title__hv01 img{
    width:calc(276 * var(--px1));
    height:calc(251 * var(--px1));
}
.top-kodawari__title__hv02{
    bottom:0;
    right:48%;
}
.top-kodawari__title__hv02 img{
    width:calc(358 * var(--px1));
    height:calc(355 * var(--px1));
}
.top-kodawari__article{
    margin-top:calc(40 * var(--px1));
}
.top-kodawari__article__title{
    margin:0 auto calc(20 * var(--px1));
    color:var(--color-red);
    display:flex;
    justify-content:center;
    align-items:center;
}
.top-kodawari__article__title span{
    font-size:0;
    width:100%;
    height:var(--px1);
}
.top-kodawari__article__title span:nth-of-type(1){
    background:linear-gradient(to right, transparent, var(--color-red));
}
.top-kodawari__article__title span:nth-of-type(2){
    background:linear-gradient(to left, transparent, var(--color-red));
}
.top-kodawari__article__title em{
    font-style:normal;
    font-size:calc(30 * var(--px1));
    font-weight:400;
    font-family:var(--font-zenantique);
    display:block;
    padding:0 calc(20 * var(--px1));
    white-space:nowrap;
}
.top-kodawari__article__flex{
    display:flex;
    gap:calc(50 * var(--px1));
}
.top-kodawari__article__flex__img{
    width:calc(220 * var(--px1));
}
.top-kodawari__article__flex__img img{
    width:calc(220 * var(--px1));
    height:calc(220 * var(--px1));
    object-fit:cover;
    object-position:center;
    border-radius:calc(20 * var(--px1));
}
.top-kodawari__article__flex__content{
    width:calc(100% - (270 * var(--px1)));
}
.top-kodawari__article__text{
    margin:0;
}
.top-kodawari__viewmore{
    margin-top:calc(70 * var(--px1));
}


.top-recipe{
    padding-top:calc(80 * var(--px1));
    padding-bottom:calc(160 * var(--px1));
    color:#FFF;
    background:no-repeat center/cover url(bg-top-recipe.webp);
}
.top-recipe__title{
    line-height:1;
    text-align:center;
    position:relative;
    z-index:1;
}
.top-recipe__title img{
    width:calc(450 * var(--px1));
    height:calc(297 * var(--px1));
    max-width:100%;
}
.top-recipe__mainimg{
    margin-top:calc(-50 * var(--px1));
    margin-bottom:calc(20 * var(--px1));
}
.top-recipe__mainimg img{
    width:100%;
    height:auto;
}
.top-recipe__viewmore{
    margin-top:calc(40 * var(--px1));
}

.top-topics{
    position:relative;
    z-index:1;
    padding-top:calc(120 * var(--px1));
}
.top-topics__topbg{
    position:absolute;
    z-index:-1;
    width:calc(348 * var(--px1));
    height:calc(145 * var(--px1));
    line-height:1;
    top:0;
    left:calc(50% - (174 * var(--px1)));
    pointer-events:none;
    user-select:none;
    max-width:100%;
}
.top-topics__topbg img{
    width:100%;
    height:100%;
    vertical-align:top;
}
.top-topics .top-topics__title{
    text-align:center;
    font-family:var(--font-zenantique);
    font-size:calc(40 * var(--px1));
    margin:0 auto calc(30 * var(--px1));
}
.top-topics__viewmore{
    margin-top:calc(50 * var(--px1));
}


.main-blog__title{
    position:relative;
    z-index:2;
    padding-top:calc(100 * var(--px1));
    font-size:calc(40 * var(--px1)) !important;
    font-weight:normal !important;
    color:var(--color-base) !important;
    font-family:var(--font-zenantique);
}
.main-blog__title::before{
    content:'';
    position:absolute;
    z-index:-1;
    width:calc(348 * var(--px1));
    height:calc(145 * var(--px1));
    line-height:1;
    top:0;
    left:calc(50% - (174 * var(--px1)));
    pointer-events:none;
    user-select:none;
    background:no-repeat center/contain url(img-topics-top.webp);
}
.topics-archive__article{
    border-bottom:var(--px1) dashed var(--color-gray);
}
.topics-archive__article a{
    display:block;
    padding:calc(18 * var(--px1)) 0;
    color:var(--color-base);
    text-decoration:none;
}
.topics-archive__article__metas{
    margin-bottom:calc(12 * var(--px1));
}
.topics-archive__article__date{
    margin:0;
    font-size:calc(14 * var(--px1));
}
.topics-archive__article___title{
    margin:0;
    font-size:calc(18 * var(--px1));
}

.designedpage{
    padding-top:calc(20 * var(--px1));
}
.section-designedtitle{
    font-family:var(--font-zenantique);
    font-size:calc(26 * var(--px1)) !important;
    font-weight:normal;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 !important;
    position:relative;
    z-index:2;
    width:100%;
    height:calc(60 * var(--px1));
    background:no-repeat left calc(34 * var(--px1)) top 0/calc(100% - (68 * var(--px1))) 100% url(title-bg-middle.webp);
}
.section-designedtitle::before{
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:calc(35 * var(--px1));
    height:100%;
    background:no-repeat left center/contain url(title-bg-left.webp);
}
.section-designedtitle::after{
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    right:0;
    width:calc(35 * var(--px1));
    height:100%;
    background:no-repeat left center/contain url(title-bg-right.webp);
}

/* MAISAI OFUKURA */
.section-designedtitle.msok-title{
    color:#C05500 !important;
}
.maisaiofukura-section{
    color:#FFF;
    background:repeat center/calc(721 * var(--px1)) calc(476 * var(--px1)) url(bg-maisai.webp);
    padding-top:calc(140 * var(--px1));
}
.msok-head__title{
    color:#FFF;
    text-align:center;
    margin:0 auto calc(30 * var(--px1));
    font-size:calc(30 * var(--px1)) !important;
    font-weight:normal;
    font-family:var(--font-zenantique);
    line-height:calc(46 / 30);
}
.msok-head__text{
    text-align:center;
    font-size:calc(18 * var(--px1));
    line-height:calc(40 / 18);
    text-align:center;
}
.msok-head__lists{
    margin:calc(60 * var(--px1)) 0 0;
    padding:0;
    list-style:none;
    display:flex;
    justify-content:space-between;
}
.msok-head__list__icon{
    text-align:center;
}
.msok-head__list__icon img{
    width:auto;
    height:calc(160 * var(--px1));
}
.msok-head__list__text{
    color:#FFF;
    margin:calc(10 * var(--px1)) 0 0;
    font-size: calc(16 * var(--px1));
    text-align:center;
    line-height:calc(30 / 16);
}

.msok-flowsec{
    padding-top:calc(60 * var(--px1));
}
.msok-flowsec__maintext{
    margin:calc(30 * var(--px1)) 0 0;
    text-align:center;
    font-size: calc(18 * var(--px1));
}
.msok-flows{
    margin-top:calc(50 * var(--px1));
}
.msok-flow:not(:first-child){
    padding-top:calc(45 * var(--px1));
}
.msok-flow__title{
    color:#FFF;
    margin:0 0 calc(30 * var(--px1));
    padding: 0 0 calc(16 * var(--px1));
    font-size: calc(20 * var(--px1));
    font-weight:bold;
    position:relative;
    padding-top:calc(17 * var(--px1));
    padding-left:calc(54 * var(--px1));
    border-bottom:var(--px1) dashed #FFF;
}
.msok-flow__title span{
    position:absolute;
    top:0;
    left:0;
    font-size: calc(40 * var(--px1));
    font-family:var(--font-zenantique);
}

.msok-flow__items{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:calc(45 * var(--px1)) calc(50 * var(--px1));
}
.msok-flow__item__img{
    line-height:1;
}
.msok-flow__item__img img{
    aspect-ratio:1;
    width:100%;
    height:auto;
    object-fit:cover;
    object-position:center;
    border-radius:calc(10 * var(--px1));
}
.msok-flow__item__title{
    font-size:calc(18 * var(--px1));
    font-weight:bold;
    color:#FFF;
    margin:calc(10 * var(--px1)) 0 calc(20 * var(--px1));
}
.msok-flow__item__text{
    margin:0;
}

.msok-lineupsec{
    padding-top:calc(60 * var(--px1));
}
.msok-lineups{
    margin-top:calc(30 * var(--px1));
}
.msok-lineup:not(:first-child){
    margin-top:calc(40 * var(--px1));
}
.msok-lineup a{
    color:#FFF;
    text-decoration:none;
}
.msok-lineup__flex{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.msok-lineup__flex__img{
    width:calc(180 * var(--px1));
}
.msok-lineup__flex__img img{
    width:100%;
    height:auto;
    aspect-ratio:1;
    object-fit:cover;
    object-position:center;
    border-radius:calc(10 * var(--px1));
}
.msok-lineup__flex__content{
    width:calc(100% - (210 * var(--px1)));
}
.msok-lineup__head{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:calc(10 * var(--px1)) calc(20 * var(--px1));
    padding:calc(15 * var(--px1)) 0;
    border-bottom:var(--px1) dashed #FFF;
    margin-bottom:calc(20 * var(--px1));
}
.msok-lineup__title{
    color:#FFF;
    margin:0;
    font-size: calc(20 * var(--px1));
}
.msok-lineup__price .price .price-item{
    color:#FFF;
    font-size:calc(20 * var(--px1));
}
.msok-additionals{
    margin:0;
    padding:0;
    list-style:none;
    margin-top:calc(90 * var(--px1));
}
.msok-additionals li{
    position:relative;
    padding-left:1.5em;
    font-size:calc(14 * var(--px1));
}
.msok-additionals li::before{
    content:'※';
    position:absolute;
    top:0;
    left:0;
}




/* GIFT */
.gift-section{
    position:relative;
    z-index:1;
    overflow:hidden;

    color:#FFF;
    background:repeat center/calc(714 * var(--px1)) calc(416 * var(--px1)) url(bg-gift.webp);

    padding-top:calc(127 * var(--px1));
}
.gift-maintext{
    text-align:center;
    margin:calc(60 * var(--px1)) 0 0;
    font-size:calc(18 * var(--px1));
    line-height:calc(40 / 18);
}
.giftpage .top-gift__coverbg{
    height:auto;
}
.section-designedtitle.gift-title{
    color:#980F0D;
}
.gift-hoso,
.gift-noshi{
    padding-top:calc(80 * var(--px1));
}
.gift-mainsectiontext{
    margin:2em 0;
    font-size:calc(18 * var(--px1));
    text-align:center;
    line-height:calc(32/18);
}
.gift-mainconts{
    border-top:calc(2 * var(--px1)) dotted rgba(220,220,220,0.5);
}
.gift-maincont{
    margin-top:calc(60 * var(--px1));
}
.gift-maincont__title{
    position:relative;
    margin:0 0 calc(20 * var(--px1));
    font-size:calc(20 * var(--px1));
    font-weight:bold;
    color:#FFF;
    padding-left:calc(25 * var(--px1));
}
.gift-maincont__title::before{
    content:'';
    position:absolute;
    width:calc(15 * var(--px1));
    height:calc(15 * var(--px1));
    top:calc(5 * var(--px1));
    left:0;
    background:no-repeat center/contain url(icon-detaillist.svg);
}
.gift-maincont__flex{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.gift-maincont__flex__cont{
    width:calc(100% - (300 * var(--px1)));
}
.gift-maincont__flex__img{
    width:calc(260 * var(--px1));
}
.gift-maincont__flex__img img{
    width:100%;
    height:auto;
    border-radius:calc(10 * var(--px1));
}
.gift-maincont__text{
    margin:0;
}
.gift-maincont__text small{
    display:block;
    margin-top:1em;
    font-size:calc(14 * var(--px1));
}
.gift-knots{
    margin-top:calc(30 * var(--px1));
}
.gift-knot:not(:first-child){
    margin-top:calc(40 * var(--px1));
}
.gift-knot__title{
    color:#FFF;
    font-size:calc(18 * var(--px1));
    font-weight:bold;
    padding:calc(6 * var(--px1)) calc(22 * var(--px1));
    border-radius:100vh;
    border:var(--px1) solid #FFF;
    margin:0 0 calc(20 * var(--px1));
}
.gift-knot__flex{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    padding:0 calc(30 * var(--px1));
}
.gift-knot__flex__img{
    width:calc(110 * var(--px1));
}
.gift-knot__flex__img img{
    width:100%;
    height:auto;
}
.gift-knot__flex__cont{
    width:calc(100% - (140 * var(--px1)));
}
.gift-knot__conttitle{
    margin:0;
    font-weight:bold;
    font-size:calc(16 * var(--px1));
    color:#FFF;
}
.gift-ofukurabanner{
    margin-top:calc(60 * var(--px1));
}
.gift-ofukurabanner img{
    width:100%;
    height:auto;
    border-radius:calc(20 * var(--px1));
}



/* CHILLED */
.chilled-section{
    overflow:visible;
}
.chilled-sectiontitle{
    font-family:var(--font-zenantique);
    font-size:calc(26 * var(--px1)) !important;
    font-weight:normal;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 !important;
    position:relative;
    z-index:2;
    width:100%;
    height:calc(60 * var(--px1));
    color:#FFF;
    background:no-repeat left calc(34 * var(--px1)) top 0/calc(100% - (68 * var(--px1))) 100% url(title-bgred-middle.webp);
}
.chilled-sectiontitle::before{
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:calc(35 * var(--px1));
    height:100%;
    background:no-repeat left center/contain url(title-bgred-left.webp);
}
.chilled-sectiontitle::after{
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    right:0;
    width:calc(35 * var(--px1));
    height:100%;
    background:no-repeat left center/contain url(title-bgred-right.webp);
}
.chilled .gift-maincont__title{
    color:var(--color-base);
}
.chilled-head__title{
    font-size:calc(20 * var(--px1));
    font-weight:900;
    text-align:center;
    margin:2em 0 1em;
    line-height:calc(36 / 20);
}
.chilled-head__text{
    margin:0;
    text-align:center;
}
.chilled-flowsec{
    padding-top:calc(50 * var(--px1));
}
.chilled-flow__text.n1 em{
    display:inline;
    font-style:normal;
    color:#FFF;
    background:#009AE1;
}
.chilled-flow__text.n2 em{
    display:inline;
    font-style:normal;
    color:#FFF;
    background:#D42F35;
}
.chilled-flow__img img{
    width:100%;
    height:auto;
}

.chilled-about{
    position:relative;
    margin-top:calc(100 * var(--px1));
    background:#FFF;
    filter:drop-shadow(0 0 calc(10 * var(--px1)) rgba(0,0,0,0.1));
    border-radius:calc(40 * var(--px1));
    padding:calc(40 * var(--px1)) 0 0;
}
.chilled-about__title{
    position:absolute;
    color:#FFF;
    background:var(--color-base);
    font-family:var(--font-zenantique);
    font-size:calc(20 * var(--px1));
    border-radius:100vh;
    top:0;
    left:50%;
    padding:calc(4 * var(--px1)) calc(12 * var(--px1)) 0;
    margin:0;
    transform:translate(-50%,-50%);
}
.chilled-about__logo{
    text-align:center;
    margin:0;
    padding:0 calc(20 * var(--px1));
}
.chilled-about__maintext{
    text-align:center;
    font-family:var(--font-zenantique);
    font-size:calc(20 * var(--px1));
    line-height:calc(38/20);
    padding:0 calc(20 * var(--px1));
}
.chilled-about__list{
    margin:0;
}
.chilled-about__list dt{
    cursor:pointer;
    position:relative;
    z-index:1;
    padding:calc(12 * var(--px1));
    padding-left:calc(42 * var(--px1));
    padding-right:calc(60 * var(--px1));
    color:#FFF;
    background:var(--color-red);
}
.chilled-about__list__num{
    position:absolute;
    z-index:-1;
    font-family:var(--font-zenantique);
    opacity:0.2;
    font-size:calc(42 * var(--px1));
    line-height:1;
    top:0;
    left:calc(4 * var(--px1));
}
.chilled-about__list__title{
    font-size:calc(20 * var(--px1));
    font-weight:bold;
    margin:0;
    color:#FFF;
}
.chilled-about__list__toggler{
    position:absolute;
    right:calc(20 * var(--px1));
    top:calc(50% - (10 * var(--px1)));
    width:calc(20 * var(--px1));
    height:calc(20 * var(--px1));
}
.chilled-about__list__toggler::before,
.chilled-about__list__toggler::after{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:calc(2 * var(--px1));
    top:calc(50% - var(--px1));
    left:0;
    background:#FFF;
    transition:var(--transition-quick);
}
.chilled-about__list:not(.open) .chilled-about__list__toggler::after{
    transform:rotate(90deg);
}
.chilled-about__list dd{
    margin:0;
    padding:calc(25 * var(--px1)) calc(50 * var(--px1));
}
.chilled-about__list__bigimg img{
    width:100%;
    height:auto;
}
.chilled-about__list__pointbox{
    position:relative;
    border:calc(2 * var(--px1)) solid var(--color-red);
    padding:calc(25 * var(--px1));
    border-radius:calc(20 * var(--px1));
    margin-top:calc(40 * var(--px1));
}
.chilled-about__list__pointbox__title{
    margin:0;
    padding:0 calc(12 * var(--px1));
    background:#FFF;
    color:var(--color-red);
    font-size:calc(18 * var(--px1));
    font-weight:bold;
    position:absolute;
    top:0;
    left:calc(25 * var(--px1));
    transform:translateY(-50%);
}
.chilled-about__list__point__img img{
    width:100%;
    height:auto;
}
.chilled-about__addtext{
    font-family:var(--font-zenantique);
    font-size:calc(24 * var(--px1));
    text-align:center;
    margin:0;
    padding: 1.4em calc(20 * var(--px1));
}
.chilled-recsec{
    padding-top:calc(80 * var(--px1));
}
.chilled-rec__flex{
    margin-top:calc(30 * var(--px1));
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
}
.chilled-rec__flex__cont{
    width:calc(300 * var(--px1));
}
.chilled-rec__flex__img{
    width:calc(260 * var(--px1));
}
.chilled-rec__flex__img img{
    width:100%;
    height:auto;
}
.chilled-rec__flex__cont__title{
    margin:0 0 calc(15 * var(--px1));
    font-size:calc(20 * var(--px1));
    font-weight:900;
}
.chilled-recs{
    margin-top:calc(40 * var(--px1));
    display:grid;
    grid-template-columns: repeat(2,1fr);
    gap:calc(40 * var(--px1));
}
.chilled-rec__img{
    text-align:center;
}
.chilled-rec__img img{
    width:calc(280 * var(--px1));
    height:auto;
    max-width:100%;
}
.chilled-rec__title{
    font-size:calc(18 * var(--px1));
    font-weight:900;
    text-align:center;
}
.chilled-recsec__viewmore{
    margin-top:calc(60 * var(--px1));
}

.designedpage-related{
    margin-top:calc(80 * var(--px1));
}
.designedpage-related__viewmore{
    margin-top:calc(60 * var(--px1));
}

.relateproduct-slide{
    padding-right:calc(30 * var(--px1));
}
.relateproduct-slide .price .price-item{
    font-size:calc(26 * var(--px1));
}




/* SPREAD */
.spread-section{
    position:relative;
    z-index:1;
}
.spread-coverbgtop{
    position:absolute;
    top:0;
    left:0;
    line-height:1;
    width:100%;
    z-index:-1;
}
.spread-coverbgtop img{
    width:100%;
    height:auto;
}
.spread-title{
    text-align:center;
    margin:0;
}
.spread-title img{
    width:calc(582 * var(--px1));
    height:auto;
}
.spread-head{
    margin-top:calc(-30 * var(--px1));
    text-align:center;
}
.spread-head__title{
    margin:0;
    font-size:calc(20 * var(--px1));
    font-weight:bold;
    color:var(--color-blue);
    line-height:calc(36 / 20);
}
.spread-head__text{
    margin:0;
    line-height:calc(30 / 16);
}

.spread-items{
    margin-top:calc(150 * var(--px1));
}
.spread-item{
    position:relative;
    z-index:1;
}
.spread-item:not(:first-child){
    margin-top:calc(50 * var(--px1));
}
.spread-item:not(.hasbg){
    z-index:2;
}
.spread-item.hasbg::before{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-55%);
    z-index:-1;
    width:100%;
    height:auto;
    aspect-ratio:730/398;
    background:no-repeat center/cover url(img-spread-bgwave.webp);
}
.spread-item__flex{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    padding:0 calc(70 * var(--px1));
}
.spread-item__flex.n2{
    flex-direction:row-reverse;
}
.spread-item__flex__img{
    width:calc(250 * var(--px1));
}
.spread-item__flex__img img{
    width:100%;
    height:auto;
}
.spread-item__flex__cont{
    width:calc(330 * var(--px1));
}
.spread-item__title{
    margin:0;
    margin-bottom:calc(16 * var(--px1));
}
.spread-item__title img{
    width:auto;
    height:calc(63 * var(--px1));
}
.spread-item__text{
    margin:0;
}

.spread-items__viewmore{
    margin-top:calc(100 * var(--px1));
}



/* FAQ */
.faq-sec .att{
    text-align: center;
    font-size: calc(16 * var(--px1));
}
.faq-sec ul{
    display: grid;
    grid-template-columns:repeat(2,1fr);
    margin:0;
    padding:0;
    list-style:none;
    margin-top: calc(40 * var(--px1));
    gap:calc(10 * var(--px1));
}
.faq-sec ul li a{
    display: block;
    border-radius: calc(30 * var(--px1));
    background-color: var(--color-base);
    color: #fff;
    font-size: calc(18 * var(--px1));
    border: var(--px1) solid var(--color-base);
    text-align: center;
    font-weight: bold;
    padding: calc(10 * var(--px1)) 0;
    position: relative;
    text-decoration:none;
    transition:var(--transition-quick);
}
.faq-sec ul li a:hover{
    opacity: 1;
    background-color: transparent;
    color: var(--color-base);
}
.faq-sec ul li a::after{
    content: "\f054";
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: calc(15 * var(--px1));
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    pointer-events: none;
}
.faq-sec .faq-box{
    padding-top: calc(80 * var(--px1));
}
.faq-sec .faq-box .faq-title{
    background-color: var(--color-gold);
    color: #fff;
    font-size: calc(20 * var(--px1));
    font-weight: bold;
    padding: calc(12 * var(--px1)) calc(15 * var(--px1));
    border-radius: calc(8 * var(--px1));
    margin:0;
}
.faq-sec .faq-box .faq-title img{
    width: calc(40 * var(--px1));
    margin-right: calc(8 * var(--px1));
}
.faq-sec .faq-box .faq-item{
    padding: calc(15 * var(--px1)) calc(30 * var(--px1)) 0;
}
.faq-sec .faq-box .faq-item .question-title{
    margin: 0;
    font-size: calc(18 * var(--px1));
    font-weight: bold;
    padding: calc(18 * var(--px1)) calc(10 * var(--px1));
    border-bottom: var(--px1) solid var(--color-base);
    position: relative;
    padding-left: calc(40 * var(--px1));
    cursor: pointer;
}
.faq-sec .faq-box .faq-item .question-title.active::after{
    transform: rotate(-180deg);
}
.faq-sec .faq-box .faq-item .question-title::after{
    content: "\f078";
    position: absolute;
    top: calc(22 * var(--px1));
    right: calc(10 * var(--px1));
    font-weight: 900;
    font-size: calc(15 * var(--px1));
    font-family: 'Font Awesome 5 Free';
    transition: .2s;
}
.faq-sec .faq-box .faq-item .question-title::before{
    content: "Q";
    font-weight: normal;
    color: #085795;
    position: absolute;
    top: calc(12 * var(--px1));
    left: calc(10 * var(--px1));
    font-size: calc(22 * var(--px1));
}
.faq-sec .faq-box .faq-item .text:not(.active){
    display: none;
}
.faq-sec .faq-box .faq-item .text{
    padding: calc(20 * var(--px1)) 0 calc(50 * var(--px1)) calc(60 * var(--px1));
    position: relative;
    margin:0;
}
.faq-sec .faq-box .faq-item .text a{
    color: var(--color-red);
    font-weight: bold;
    text-decoration: underline;
}
.faq-sec .faq-box .faq-item .text::before{
    content: "A";
    font-weight: normal;
    color: var(--color-red);
    position: absolute;
    top: calc(13 * var(--px1));
    left: calc(30 * var(--px1));
    font-size: calc(22 * var(--px1));
}


/* CONTACT */
.field__label, .customer .field label{
    font-size:1rem;
}
.field__input, .customer .field input{
    padding:0.8rem;
}
.field__input, .select__select, .customer .field input, .customer select{
    font-size:1rem;
}
.field__input:focus, .field__input:not(:placeholder-shown), .field__input:-webkit-autofill, .customer .field input:focus, .customer .field input:not(:placeholder-shown), .customer .field input:-webkit-autofill{
    padding:2rem 1rem .8rem;
}
.field__label, .customer .field label,
.field__input:focus~.field__label, .field__input:not(:placeholder-shown)~.field__label, .field__input:-webkit-autofill~.field__label, .customer .field input:focus~label, .customer .field input:not(:placeholder-shown)~label, .customer .field input:-webkit-autofill~label{
    left:1rem;
}
.contact .field {
    margin-bottom: 1rem !important;
}
.contact__button{
    text-align:center;
}
.contact__button .button,
.button,
.button-label,
.shopify-challenge__button,
.customer button{
    font-weight:bold;
    color:var(--color-gold);
    background:var(--color-blue);
    border-radius:100vh;
}
.contact__button .button::after,
.button::after,
.button-label::after,
.shopify-challenge__button::after,
.customer button::after{
    content:none;
}
.contact__button .button, .button, .button-label, .shopify-challenge__button, .customer button,
.button, .shopify-challenge__button, .customer button, button.shopify-payment-button__button--unbranded{
    font-size:calc(18 * var(--px1));
    height:calc(70 * var(--px1));
    border-radius:100vh !important;
}
.button:before, .shopify-challenge__button:before, .customer button:before, .shopify-payment-button__button--unbranded:before,
.button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after{
    border-radius:100vh !important;
}


/* POLICIES */
.shopify-policy__title h1{
    margin:0 0 calc(60 * var(--px1));
}


/* RTE */
.rte>*{
    margin-bottom:calc(40 * var(--px1));
}
.rte>*:has(+p){
    margin-bottom:calc(20 * var(--px1));
}
.rte a{
    color:var(--color-gold);
    text-decoration:underline;
}
.rte a:hover{
    color:var(--color-gold);
    font-weight:bold;
}

.rte h1{
    font-size:calc(22 * var(--px1));
}
.rte h2{
    font-size:calc(20 * var(--px1));
}
.rte h3{
    font-size:calc(18 * var(--px1));
}
.rte h4{
    font-size:calc(16 * var(--px1));
}
.rte h5,.rte h6{
    font-size:calc(14 * var(--px1));
}
.rte p,
.rte li,
.rte th,
.rte td{
    font-size:calc(14 * var(--px1));
}

.rte table{
    max-width:100%;
    table-layout:auto;
}
.rte th{
    word-break:keep-all;
    min-width:calc(120 * var(--px1));
    background:var(--color-gold);
    color:#FFF;
}
.rte th,
.rte td{
    border:1px solid var(--color-gray) !important;
}
.rte table.adjust th{
    text-align:center;
}
.rte table:not(.adjust) th{
    text-align:left;
}



/* TOPICS SINGLE */
.article-template header{
    margin-bottom:calc(40 * var(--px1)) !important;
}
.article-template__title{
    font-family:var(--font-zenantique);
    font-weight:normal !important;
    color:var(--color-base) !important;
    text-align:left !important;
}
.main-article__viewmore{
    margin-top:calc(80 * var(--px1));
}



/* AGE CHECK */
#prompt-background {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999;
}
.modal-prompt {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    width: calc(100% - 40px);
    max-width: 520px;
    height: auto;
    margin: 0 auto;
    padding: 35px 20px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000000;
}
.modal-prompt p, .modal-prompt h1 {
    text-align: center;
    color: var(--color-base);
}
.age-check--modalbuttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
}
.age-check--modalbuttons button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 44px;
    font-size:14px;
    border:0 !important;
    color:#FFF;
    background:var(--color-blue);
    cursor:pointer;
}
.age-check--modalbuttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid gray;
    width: 92px;
    height: 44px;
    color:var(--color-blue);
    background: #FFF;
    font-size:14px;
    text-decoration:none;
}





/* SYSTEM */
.login a,
.link,
.customer a{
    font-size:calc(16 * var(--px1));
}










/**********************************************************RESP 991px*/
.main-header__rspmenu{
    display:none;
}
@media only screen and (max-width:991px){

    :root{
        --px1:(100vw / 1920 / 19 * 24);
    }

    /* LAYOUT */
    .main-layout__header{
        width:calc(510 * var(--px1));
    }
    .main-layout__content{
        width:calc(1010 * var(--px1));
    }
    .main-layout__content__main{
        width:calc(1010 * var(--px1));
    }

    .main-layout__overlay__bg {
        left: calc(510 * var(--px1));
        width: calc(1010 * var(--px1));
    }
    .main-layout__overlay__all{
        width:100%;
    }

    .main-layout__content__aside{
        display:none;
    }

    /* HEADER (LEFT MENU) */
    .main-header__rspmenu{
        display:block;
        margin-top:calc(50 * var(--px1));
    }
    .main-header__rspmenu .main-aside__submenu__li{
        display:block;
        width:100%;
        padding:0;
    }

    /* FOOTER */
    .main-footer__stickyimgs .main-footer__stickyimgs__top{
        left:calc(45 * var(--px1));
    }
    .main-footer__stickyimgs__top{
        width: calc(920 * var(--px1));
    }
    .main-footer__stickyimgs__bottom{
        position:relative;
        width:calc(750 * var(--px1));
        left:calc((1010 - 750) / 2 * var(--px1));
    }


    /* TOP */
    main.index .main-footer__stickyimgs__top{
        transform:translateX(calc(45 * var(--px1)));
    }
}
/* 991px END */






/**********************************************************RESP 767px*/
.main-header__toggler,
.main-spdrawer{
    display:none;
}
@media only screen and (max-width:767px){

    :root{
        --px1:1px;
    }

    .sp_none{
        display:none;
    }

    /* LAYOUT */
    body{
        padding-top:50px;
    }
    .main-layout__header, .main-layout__content, .main-layout__content__main{
        width:100%;
    }
    .main-layout__content{
        padding-left:0;
    }

    .main-layout__overlay__bg {
        left: 0;
        width: 100%;
        overflow:hidden;
    }
    .main-layout__overlay__bg img{
        width:120%;
        max-width:unset;
        position:relative;
        left:-10%;
    }
    .main-layout__overlay__right{
        width:100%;
    }

    .wrap,
    .page-width{
        padding:0 20px !important;
    }

    .main-layout-container:not(.uncontainize){
        padding-top:20px;
        padding-bottom:260px;
        margin-bottom:-140px;
    }

    .designedpage{
        overflow:hidden;
        padding-top:0;
    }
    .designedpage .main-ovalsection:nth-of-type(1){
        border-top-left-radius:0;
        border-top-right-radius:0;
        padding-top:40px;
    }


    /* SHOPIFY PARTS */
    .contact__button .button, .button, .button-label, .shopify-challenge__button, .customer button, button.shopify-payment-button__button--unbranded{
        height:calc(40 * var(--px1));
    }
    .price .price-item{
        font-size:calc(24 * var(--px1));
    }
    .product .price .badge, .product .price__container{
        font-size:13px;
    }
    .product-form__buttons{
        margin:0 auto;
    }


    /* HEADER */
    .main-layout__header{
        z-index:999;
    }
    #shopify-section-main-header{
        height:0;
        position:relative;
    }
    .main-header{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:50px;
        background:no-repeat center/cover url(bg-main.webp);
        z-index:999;
        filter:drop-shadow(0 10px 10px rgba(0,0,0,0.2));
    }
    .main-header__inner {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 10px;
    }
    .main-header__logo{
        margin:0;
    }
    .main-header__logo img {
        width: auto;
        height: 40px;
    }
    .main-header .main-header__mainmenu,
    .main-header .main-header__rspmenu{
        display:none;
    }

    .main-layout__header__overlay{
        display:none;
    }


    /* DRAWER */
    .main-header__toggler{
        position: absolute;
        display:block;
        top: 10px;
        right: 10px;
        width: 40px;
        height: 30px;
        cursor: pointer;
        z-index: 9;
    }
    .main-header__toggler span{
        display:block;
        pointer-events:none;
        width:40px;
        height:2px;
        border-radius:3px;
        background:#FFF;
        position:absolute;
        left:0;
        transition:var(--transition-quick);
    }
    .main-header__toggler span:nth-of-type(1){
        top:8px;
    }
    .main-header__toggler span:nth-of-type(2){
        top:14px;
    }
    .main-header__toggler span:nth-of-type(3){
        top:20px;
    }
    .main-header__toggler.open span:nth-of-type(1){
        top:14px;
        transform:rotate(30deg);
    }
    .main-header__toggler.open span:nth-of-type(2){
        opacity:0;
    }
    .main-header__toggler.open span:nth-of-type(3){
        top:14px;
        transform:rotate(-30deg);
    }

    .main-spdrawer{
        display:block;
        position:fixed;
        top:49px;
        left:0;
        width:100%;
        height:calc(100dvh - 49px);
        z-index:998;
        background:no-repeat center/cover url(bg-main.webp);
        color:#FFF;
        padding:0 20px;
        transform:translateY(-101%);
        transition:var(--transition);
    }
    .main-spdrawer.open{
        transform:translateY(0);
    }
    .main-spdrawer__inner{
        height:100%;
        padding:20px 0 40px;
        overflow-y:scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .main-spdrawer__inner::-webkit-scrollbar{
        display:none;
    }

    .main-header__mainmenu__li>a{
        padding:6px 0 6px 50px;
        font-size:16px;
    }
    .main-header__mainmenu__li>a:before{
        top:11px;
    }
    .main-header__submenu__li>a{
        font-size:14px;
    }
    .main-header__submenu__li a:before{
        top:12px;
    }
    .main-header__mainmenu__li__toggler{
        height:42px;
    }
    .main-header__mainmenu__li__toggler:before,
    .main-header__mainmenu__li__toggler:after{
        top:22px;
    }

    .main-aside__mainmenu__btn{
        width:100%;
        height:40px;
        border-radius:100vh;
    }

    .main-spdrawer .main-aside__submenu{
        margin-top:20px;
    }
    .main-aside__submenu__li{
        display:block;
        width:100%;
    }
    .main-aside__mainmenu__btn{
        font-size:calc(16 * var(--px1));
    }


    /* FOOTER */
    .main-footer__stickyimgs__top{
        width:100%;
        left:0;
        overflow:hidden;
    }
    .main-footer__stickyimgs__top img{
        max-width:unset;
        width:120%;
        height:auto;
        position:relative;
        left:-10%;
    }
    .main-footer__stickyimgs .main-footer__stickyimgs__top{
        left:0;
    }
    .main-footer__stickyimgs__bottom{
        width:100%;
        height:auto;
        left:0;
    }
    .main-footer__stickyimgs__bottom img{
        width:100%;
        height:auto;
    }

    .main-footer__mainmenu{
        display:none;
    }
    .main-footer__copyright{
        padding:30px 0;
    }

    /* COMMON PARTS */
    .breadcrumbs{
        margin-bottom:20px !important;
    }
    .main-ovalsection{
        border-bottom-left-radius:100vh;
        border-bottom-right-radius:100vh;
        padding-left:20px;
        padding-right:20px;
    }

    .viewmore a{
        height: calc(40 * var(--px1));
        font-size: calc(15 * var(--px1));
        max-width:100%;
    }

    /* CART */
    .tax-note{
        font-size:13px;
        text-align:left;
    }
    .related-product-grid{
        grid-template-columns:repeat(2,1fr);
        gap:30px 20px;
    }

    /* PRODUCT = SINGLE */
    .product-image-thumbnails{
        grid-template-columns:repeat(3,1fr);
    }
    .product__title h1{
        font-size:calc(18 * var(--px1));
    }

    /* PRODUCT = BUNDLE */
    .rebolt_page_width{
        padding:0 20px !important;
    }
    .RB_Product_View.RB_PV_Index_2{
        grid-template-columns:1fr !important;
    }

    /* TOP */
    main.index{
        padding-bottom:60px;
    }
    main.index .main-footer__stickyimgs__top{
        top:calc(100dvh - (100vw / 920 * 280));
        transform:none;
        margin-bottom:calc(100vw / 39 * 23.8 * -1);
    }
    .top-mvsec{
        padding-bottom:0;
        min-height:auto;
    }
    .top-mv__movie{
        height:140vw;
    }
    .top-concept__title img,
    .top-maisai__title img,
    .top-feature__title img,
    .top-gift__title img,
    .top-kodawari__title img,
    .top-recipe__title img{
        height:auto;
    }
    .top-sectiontext{
        font-size:14px;
    }
    .top-kodawari .top-kodawari__title__hv01,
    .top-kodawari .top-kodawari__title__hv02{
        display:none;
    }
    .top-kodawari__article__flex{
        flex-wrap:wrap;
        justify-content:center;
        gap:14px 0;
    }
    .top-kodawari__article__flex__content{
        width:100%;
    }

    .top-topics .top-topics__title{
        font-size:22px;
    }
    .topics-archive__article__date{
        font-size:12px;
    }
    .topics-archive__article___title{
        font-size:calc(16 * var(--px1));
    }


    /* MAISAI */
    .section-designedtitle{
        font-size:calc(22 * var(--px1)) !important;
    }
    .msok-head__title{
        font-size:20px !important;
    }
    .msok-head__text{
        font-size:12px;
    }
    .msok-head__lists{
        flex-wrap:wrap;
        justify-content:center;
        gap:20px;
    }
    .msok-flowsec__maintext{
        font-size:15px;
    }
    .msok-flow__items {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .msok-lineup__flex {
        justify-content: center;
        gap: 20px;
    }
    .msok-lineup__flex__content {
        width: 100%;
    }
    .msok-additionals li{
        font-size:12px;
    }
    .msok-lineup__head{
        gap:10px;
    }


    /* chilled */
    .chilled-sectiontitle{
        font-size:18px !important;
    }
    .chilled-head__title{
        word-break: keep-all;
        overflow-wrap: break-word;
    }
    .chilled-head__text{
        word-break: keep-all;
        overflow-wrap: break-word;
    }
    .chilled-about__title{
        font-size: 16px;
        width: 100%;
        text-align: center;
        padding: 6px;
    }
    .chilled-about__logo img{
        max-width:100%;
    }
    .chilled-about__maintext{
        font-size:18px;
        word-break: keep-all;
        overflow-wrap: break-word;
    }
    .chilled-rec__flex{
        justify-content:center;
        gap:20px;
    }
    .chilled-about__list__title{
        font-size:calc(14 * var(--px1));
        word-break: keep-all;
        overflow-wrap: break-word;
    }
    .chilled-about__list dd{
        padding:20px;
    }
    .chilled-about__addtext{
        font-size:18px;
    }
    .chilled-recs{
        gap:20px;
    }

    .related-product__title span{
        font-size:calc(20 * var(--px1));
    }

    /* GIFT */
    .gift-maintext,
    .gift-mainsectiontext{
        font-size:calc(14 * var(--px1));
        word-break: keep-all;
        overflow-wrap: break-word;
    }
    .gift-maincont__flex{
        justify-content:center;
        gap:20px;
    }
    .gift-maincont__flex__cont{
        width:100%;
    }
    .gift-maincont__title:before{
        top:calc(4 * var(--px1));
    }
    .gift-maincont__title{
        font-size:calc(18 * var(--px1));
    }
    .gift-knot__flex{
        justify-content:center;
        gap:20px;
        padding:0;
    }
    .gift-knot__flex__cont{
        width:100%;
    }
    .gift-knot__conttitle{
        line-height:1.8;
    }


    /* SPREAD */
    .spread-title img{
        max-width:100%;
    }
    .spread-head{
        margin-top:0;
    }
    .spread-head__text{
        word-break: keep-all;
        overflow-wrap: break-word;
    }
    .spread-item__flex{
        justify-content:center;
        gap:20px;
    }



    /* FAQ */
    .faq-sec ul{
        grid-template-columns:1fr;
        gap:12px;
    }
    .faq-sec .faq-box .faq-item {
        padding: 10px 0;
    }
    .faq-sec .faq-box .faq-item .question-title{
        font-size:calc(16 * var(--px1));
    }
    .faq-sec .faq-box .faq-item .text{
        padding-left:calc(40 * var(--px1));
        padding-bottom:calc(30 * var(--px1));
    }
    .faq-sec .faq-box .faq-item .text:before{
        left:calc(11 * var(--px1));
    }

    /* BLOG */
    .main-blog__title{
        font-size:28px !important;
        text-align:center;
    }
    .article-template__title{
        font-size:22px;
    }
}
/* 767px END */