@charset "utf-8";
:root {
    --color-green: #52655F;
    --font-source-sans-pro: "Source Sans Pro","Noto Sans JP",sans-serif;
    /* 1080px基準 = 1 ÷ 1080 × 100 */
    --1px: 0.09vw;
    --2px: 0.18vw;
    --3px: 0.27vw;
    --4px: 0.37vw;
    --5px: 0.46vw;
    --6px: 0.55vw;
    --7px: 0.64vw;
    --8px: 0.74vw;
    --9px: 0.83vw;
    --10px: 0.92vw;
    --11px: 1.01vw;
    --12px: 1.11vw;
    --13px: 1.20vw;
    --14px: 1.29vw;
    --15px: 1.38vw;
    --16px: 1.48vw;
    --17px: 1.57vw;
    --18px: 1.67vw;
    --19px: 1.76vw;
    --20px: 1.85vw;
    --21px: 1.94vw;
    --22px: 2.04vw;
    --23px: 2.13vw;
    --24px: 2.22vw;
    --25px: 2.31vw;
    --26px: 2.41vw;
    --27px: 2.50vw;
    --28px: 2.59vw;
    --29px: 2.69vw;
    --30px: 2.78vw;
    --31px: 2.87vw;
    --32px: 2.96vw;
    --33px: 3.06vw;
    --34px: 3.15vw;
    --35px: 3.24vw;
    --36px: 3.33vw;
    --37px: 3.43vw;
    --38px: 3.52vw;
    --39px: 3.61vw;
    --40px: 3.70vw;
    --41px: 3.80vw;
    --42px: 3.89vw;
    --43px: 3.98vw;
    --44px: 4.07vw;
    --45px: 4.17vw;
    --46px: 4.26vw;
    --47px: 4.35vw;
    --48px: 4.44vw;
    --49px: 4.54vw;
    --50px: 4.63vw;
    --51px: 4.72vw;
    --52px: 4.81vw;
    --53px: 4.91vw;
    --54px: 5.00vw;
    --55px: 5.09vw;
    --56px: 5.19vw;
    --57px: 5.28vw;
    --58px: 5.37vw;
    --59px: 5.46vw;
    --60px: 5.56vw;
    --61px: 5.65vw;
    --62px: 5.74vw;
    --63px: 5.83vw;
    --64px: 5.93vw;
    --65px: 6.02vw;
    --66px: 6.11vw;
    --67px: 6.20vw;
    --68px: 6.30vw;
    --69px: 6.39vw;
    --70px: 6.48vw;
    --71px: 6.57vw;
    --72px: 6.67vw;
    --73px: 6.76vw;
    --74px: 6.85vw;
    --75px: 6.94vw;
    --76px: 7.04vw;
    --77px: 7.13vw;
    --78px: 7.22vw;
    --79px: 7.31vw;
    --80px: 7.41vw;
    --81px: 7.50vw;
    --82px: 7.59vw;
    --83px: 7.68vw;
    --84px: 7.78vw;
    --85px: 7.87vw;
    --86px: 7.96vw;
    --87px: 8.05vw;
    --88px: 8.15vw;
    --89px: 8.24vw;
    --90px: 8.33vw;
    --91px: 8.43vw;
    --92px: 8.52vw;
    --93px: 8.61vw;
    --94px: 8.70vw;
    --95px: 8.80vw;
    --96px: 8.89vw;
    --97px: 8.98vw;
    --98px: 9.07vw;
    --99px: 9.17vw;
    --100px: 9.26vw;
    --103px: 9.53vw;
    --120px: 11.11vw;
    --158px: 15.00vw;
    --167px: 15.50vw;
    --168px: 14.67vw;
    --170px: 15.74vw;
    --209px: 19.35vw;
    --210px: 19.44vw;
    --220px: 20.37vw;
    --230px: 21.48vw;
    --232px: 21.48vw;
    --235px: 21.75vw;
    --272px: 25.22vw;
    --275px: 25.50vw;
    --298px: 27.59vw;
    --306px: 28.33vw;
    --347px: 32.22vw;
    --355px: 32.87vw;
    --375px: 34.72vw;
    --392px: 36.29vw;
    --535px: 49.53vw;
    --590px: 54.62vw;
    --640px: 59.25vw;
}
@media (max-width: 767px) {
:root {
/* 375px基準 = 1 ÷ 375 × 100 */ 
    --1px: 0.27vw;
    --2px: 0.53vw;
    --3px: 0.80vw;
    --4px: 1.07vw;
    --5px: 1.33vw;
    --6px: 1.60vw;
    --7px: 1.87vw;
    --8px: 2.13vw;
    --9px: 2.40vw;
    --10px: 2.67vw;
    --11px: 2.93vw;
    --12px: 3.20vw;
    --13px: 3.47vw;
    --14px: 3.73vw;
    --15px: 4.00vw;
    --16px: 4.27vw;
    --17px: 4.53vw;
    --18px: 4.80vw;
    --19px: 5.07vw;
    --20px: 5.33vw;
    --21px: 5.60vw;
    --22px: 5.87vw;
    --23px: 6.13vw;
    --24px: 6.40vw;
    --25px: 6.67vw;
    --26px: 6.93vw;
    --27px: 7.20vw;
    --28px: 7.47vw;
    --29px: 7.73vw;
    --30px: 8.00vw;
    --31px: 8.27vw;
    --32px: 8.53vw;
    --33px: 8.80vw;
    --34px: 9.07vw;
    --35px: 9.33vw;
    --36px: 9.60vw;
    --37px: 9.87vw;
    --38px: 10.13vw;
    --39px: 10.40vw;
    --40px: 10.67vw;
    --41px: 10.93vw;
    --42px: 11.20vw;
    --43px: 11.47vw;
    --44px: 11.73vw;
    --45px: 12.00vw;
    --46px: 12.27vw;
    --47px: 12.53vw;
    --48px: 12.80vw;
    --49px: 13.07vw;
    --50px: 13.33vw;
    --51px: 13.60vw;
    --52px: 13.87vw;
    --53px: 14.13vw;
    --54px: 14.40vw;
    --55px: 14.67vw;
    --56px: 14.93vw;
    --57px: 15.20vw;
    --58px: 15.47vw;
    --59px: 15.73vw;
    --60px: 16.00vw;
    --61px: 16.27vw;
    --62px: 16.53vw;
    --63px: 16.80vw;
    --64px: 17.07vw;
    --65px: 17.33vw;
    --66px: 17.60vw;
    --67px: 17.87vw;
    --68px: 18.13vw;
    --69px: 18.40vw;
    --70px: 18.67vw;
    --71px: 18.93vw;
    --72px: 19.20vw;
    --73px: 19.47vw;
    --74px: 19.73vw;
    --75px: 20.00vw;
    --76px: 20.27vw;
    --77px: 20.53vw;
    --78px: 20.80vw;
    --79px: 21.07vw;
    --80px: 21.33vw;
    --81px: 21.60vw;
    --82px: 21.87vw;
    --83px: 22.13vw;
    --84px: 22.40vw;
    --85px: 22.67vw;
    --86px: 22.93vw;
    --87px: 23.20vw;
    --88px: 23.47vw;
    --89px: 23.73vw;
    --90px: 24.00vw;
    --91px: 24.27vw;
    --92px: 24.53vw;
    --93px: 24.80vw;
    --94px: 25.07vw;
    --95px: 25.33vw;
    --96px: 25.60vw;
    --97px: 25.87vw;
    --98px: 26.13vw;
    --99px: 26.40vw;
    --100px: 26.67vw;
    --103px: 27.46vw;
    --120px: 32.00vw;
    --158px: 42.13vw;
    --167px: 44.53vw;
    --168px: 44.80vw;
    --170px: 45.33vw;
    --209px: 55.73vw;
    --210px: 56.00vw;
    --220px: 58.66vw;
    --232px: 61.33vw;
    --230px: 61.33vw;
    --235px: 62.66vw;
    --272px: 72.00vw;
    --275px: 73.33vw;
    --298px: 79.46vw;
    --535px: 142.67vw;
    --306px: 81.60vw;
    --347px: 92.53vw;
    --355px: 94.66vw;
    --375px: 100vw;
    --392px: 104.53vw;
    --590px: 157.33vw;
    --640px: 170.66vw; 
}
}

/* Utility */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: var(--5px) !important; }
.mt10 { margin-top: var(--10px) !important; }
.mt15 { margin-top: var(--15px) !important; }
.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: var(--10px) !important; }
@media (max-width: 767px) {
    .u-d-n-sp { display: none!important; }
}

/* smooth scroll & in page link */
html, body {
    scroll-behavior: smooth;
}
.anchor {
    padding-top: 12.8rem;
    margin-top: -12.8rem;
}

/* ----------------------------------------
Small Compornent(parts)
----------------------------------------- */
/* heading-green */
.v3-c-heading-green {
    width: 100%;
    padding: var(--15px);
    background: var(--color-green);
    text-align: center;
    color: #fff;
    font-size: var(--20px);
    font-weight: 500;
    line-height: var(--26px);
    margin-top: var(--40px);
    margin-bottom: var(--29px);
    &:first-child {
        margin-top: 0;
    }
    span {
        font-size: var(--12px);
    }
}

/* button */
.c-btn-white {
    background: #fff;
    color: #000;
}
.c-btn-s {
    width: var(--83px);
    height: var(--24px);
}
.line-n {
    border: none;
}

.v3-c-btn-follow {
    position: fixed;
    bottom: var(--10px);
    right: calc(7.4rem * var(--scale-pc) + var(--15px));
    border-radius: var(--30px);
    background: #000;
    width: var(--347px);
    height: var(--54px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    @media (max-width: 767px) {
        right: 50%;
        translate: 50% 0;
    }
    &::after {
        content: "";
        background: url(https://gigaplus.makeshop.jp/mysmoothskin/v3/assets/images/common/icon-circle-arrow.svg) no-repeat center;
        background-size: var(--32px);
        position: absolute;
        width: var(--32px);
        height: var(--32px);
        top: 50%;
        right: var(--15px);
        translate: 0 -50%;
    }
    .v3-c-btn-follow__icon-cart {
        width: var(--24px);
        margin-right: var(--10px);
    }
    span {
        color: #fff;
        font-size: var(--22px);
        font-weight: 700;
        line-height: var(--40px);
        letter-spacing: 0.06em;
    }
}

/* note */
.v3-c-note {
    color: #888;
    font-size: var(--11px);
    line-height: var(--18px);
    margin-top: var(--20px);
    margin-bottom: var(--41px);
    text-indent: -1em;
    padding-left: 1em;
}

/* ----------------------------------------
Midium Compornent (block)
----------------------------------------- */
/* comparison slider */
.v3-c-effect__comparison-title {
    text-align: center;
    font-size: var(--18px);
    font-weight: 500;
    line-height: var(--26px);
    margin-bottom: var(--20px);
    color: #866C53;
}
.v3-c-effect__comparison {
    display: flex;
    justify-content: center;
    gap: var(--18px);
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    .left {
        width: var(--210px);
        .v3-c-effect__comparison-slider {
            position: relative;
            width: 100%;
            height: var(--235px);
            overflow: hidden;
            img {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                object-fit: cover;
            }
            &::after {
                content: "";
                position: absolute;
                bottom: var(--20px);
                left: 0;
                width: 100%;
                height: var(--10px);
                background: #DEDEDE;
            }
            .v3-c-effect__comparison-slider-before {
                clip-path: inset(0 50% 0 0);
            }
            .v3-c-effect__comparison-slider-handle {
                position: absolute;
                bottom: var(--14px);
                left: 50%;
                width: var(--47px);
                height: var(--24px);
                background: var(--color-green);
                cursor: ew-resize;
                z-index: 8;
                display: flex;
                align-items: center;
                justify-content: center;
                translate: calc(var(--47px) - (var(--47px) * 1.5)) 0;
                border-radius: 20px;
                box-shadow: 0 0 3px rgba(0,0,0,0.2);
                &::after {
                    content: "";
                    writing-mode: vertical-lr;
                    color: black;
                    font-weight: bold;
                    font-size: var(--16px);
                    width: var(--5px);
                    height: var(--14px);
                    border-radius: 20px;
                    background: #566A64;
                    box-shadow: 0 0 5px rgba(0,0,0,0.3);
                }
            }
        }
        .banner {
            background: var(--color-green);
            height: var(--34px);
            display: flex;
            justify-content: center;
            align-items: center;
            .v3-c-effect__comparison-slider-tag {
                background: #fff;
                border-radius: var(--20px);
                width: var(--70px);
                height: var(--20px);
                font-family: var(--font-source-sans-pro);
                font-size: var(--15px);
                font-weight: 600;
                color: var(--color-green);
                display: flex;
                justify-content: center;
                align-items: center;
            }
            .v3-c-effect__comparison-slider-title {
                font-size: var(--18px);
                font-weight: 700;
                padding: 0 var(--10px);
                color: #fff;
            }
        }
    }
    .v3-c-effect__comparison-slider-thumbnail-list {
        display: flex;
        flex-direction: column;
        gap: var(--10px);
        width: var(--82px);
        img {
            width: 100%;
            height: var(--82px);
            object-fit: cover;
            cursor: pointer;
            border: 2px solid transparent;
            opacity: .6;
            &.active {
                opacity: 1;
            }
        }
    }
}

/* product cart slider */
.v3-c-product-cart-slider {
    padding-top: var(--30px);
    padding-bottom: var(--30px);
    background: #fff;
    .v3-c-product-cart-slider__inner {
        padding: 0 var(--20px);
        
    }
    .v3-c-product-cart-slider__intro {
        margin-bottom: var(--20px);
        .v3-c-product-cart-slider__intro-image {
            margin-bottom: var(--15px);

        }
        .v3-c-product-cart-slider__intro-logo {
            margin: 0 auto var(--10px);
            &.pureadapt {
                width: var(--120px);
            }
            &.pureunplugged {
                width: var(--120px);
            }
            &.barepop {
                width: var(--170px);
            }
        }
        .v3-c-product-cart-slider__intro-lead {
            text-align: center;
            color: #191919;
            font-size: var(--14px);
            font-weight: 400;
            line-height: var(--24px);
        }
    }
    .v3-c-product-cart-slider__item-list {
        .swiper-container {
            width: 100%;
            height: var(--298px);
            position:relative;
            overflow:hidden;
            margin-bottom: var(--18px);
        }
        
        .v3-c-product-cart-slider__item-thumb {
            width: var(--298px);
            height: var(--298px);
            object-fit:cover;
            object-position:center center;
            margin: 0 auto var(--18px);
        }
        .v3-c-product-cart-slider__item-detail-list {
            .item-detail {
                display: none;
            }
            .item-detail.is-active {
                display: block;
            }
            .v3-c-product-cart-slider__item-heading {
                text-align: center;
                font-family: var(--font-source-sans-pro);
                font-size: var(--22px);
                font-weight: 600;
                line-height: var(--28px);
                margin-bottom: var(--15px);
            }
            .v3-c-product-cart-slider__item-description {
                text-align: center;
                font-size: var(--16px);
                font-weight: 400;
                line-height: var(--28px);
                margin-bottom: var(--19px);
            }
            .v3-c-product-cart-slider__item-tag {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: var(--15px);
                margin-bottom: var(--10px);
                span {
                    border: solid 1px #191919;
                    padding: var(--4px) var(--20px);
                    font-size: var(--12px);
                    font-weight: 400;
                    line-height: 1;
                }
            }
            .v3-c-product-cart-slider__item-price {
                text-align: center;
                font-family: var(--font-source-sans-pro);
                font-size: var(--28px);
                font-weight: 600;
                line-height: var(--36px);
                margin-bottom: var(--15px);
            }
            .v3-c-product-cart-slider__item-cta {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: var(--10px);
                .v3-c-product-cart-slider__item-cta-btn {
                    &.--w {
                        background: #fff;
                        color: #000;
                    }
                }
            }
        }
        .--sold-out {
            .v3-c-product-cart-slider__item-thumb {
                opacity: .2;
                position: relative;
            }
            &::after {
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 8;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 12rem;
                height: 3.8rem;
                font-size: 2.2rem;
                font-weight: 400;
                color: #fff;
                content: "SOLD OUT";
                background-color: #8a8a8a;
                transform: translate(-50%, -50%);
                font-family: "Source Sans Pro", "Noto Sans JP", sans-serif;
                font-weight: 600;
                letter-spacing: .02em;
            }
        }

        .swiper-controls {
            position: absolute;
            top: 0;
            right: 0;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            gap: var(--7px);
            z-index: 8;
            @media (max-width: 1200px) {
                gap: var(--15px);
            }
            @media (max-width: 1000px) {
                gap: var(--20px);
            }
            @media (max-width: 768px) {
                gap: var(--7px);
            }
        }

        .swiper-controls .swiper-pagination-bullets,
        .swiper-controls .swiper-pagination {
            position: static !important;
            top: auto !important;
            right: auto !important;
            left: auto !important;
            transform: none !important;
        }
        .swiper-pagination {
            position: static !important;
            order: 1;
            display: flex;
            flex-direction: column;
            gap: var(--8px);
            justify-content: flex-start;
            align-items: flex-start;
            margin-bottom: var(--40px);
            .swiper-pagination-bullet {
                margin: 0;
                background: #191919;
                width: var(--8px);
                height: var(--8px);
            }
        }
        .swiper-button-next {
            position: static !important;
            order: 3;
            width: var(--32px);
            height: var(--32px);
            background: url(https://gigaplus.makeshop.jp/mysmoothskin/v3/assets/images/common/icon-next.svg);
            background-size: var(--32px);
            rotate: 90deg;
            &::after {
                content: "";
            }
        }
        .swiper-button-prev {
            position: static !important;
            order: 2;
            width: var(--32px);
            height: var(--32px);
            background: url(https://gigaplus.makeshop.jp/mysmoothskin/v3/assets/images/common/icon-next.svg);
            background-size: var(--32px);
            rotate: -90deg;
            margin-bottom: var(--15px);
            @media (max-width: 767px) {
                margin-bottom: var(--20px);
            }
            &::after {
                content: "";
            }
        }
    }
    /* オプショングループ全体 */
    .v3-c-product-cart-slider__controls {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: flex-start;
        gap: var(--20px);
    }
    /* ラベル部分 */
    .option-group__label {
        display: block;
        font-size: var(--16px);
        font-weight: 600;
        color: #191919;
        margin-bottom: var(--8px);
    }
    /* ボタンを内包するコンテナ */
    .option-group__buttons {
        display: flex;
        flex-wrap: wrap;
        gap: var(--10px);
    }
    /* 選択ボタン */
    .option-btn {
        padding: var(--8px) var(--17px);
        font-size: var(--14px);
        line-height: var(--20px);
        border: 1px solid #191919;
        border-radius: var(--50px);
        background-color: #ffffff;
        color: #191919;
        cursor: pointer;
    &.is-active {
        background-color: #191919;
        color: #ffffff;
        border-color: #191919;
        }  
    }

    /* 数量入力 */
    .quantity-input {
        width: var(--60px);
        text-align: center;
        padding: var(--10px) var(--10px) var(--8px);
        font-size: var(--18px);
        text-align: center;
        border: 1px solid #191919;
        border-radius: var(--4px);
    }

    /* 保証文言 */
    .warranty-note {
        flex-basis: 100%;
        text-align: center;
        font-size: var(--18px);
        font-weight: 600;
        color: #3e9f26;
        margin-bottom: var(--30px);
        margin-top: 8px;
    }
    /* カートに入れるボタン */
    .addCart {
        display: block;
        width: 100%;
        padding: 14px 0;
        margin-top: 16px;
        font-size: var(--22px);
        font-weight: 600;
        text-align: center;
        line-height: var(--33px);
        background-color: #191919;
        color: #ffffff;
        border: none;
        border-radius: var(--40px);
        cursor: pointer;
        margin-bottom: var(--15px);
    }
    /*  送料無料文言  */
    .free-shipping {
        margin: 0 auto;
        width: fit-content;
        text-align: center;
        font-size: var(--16px);
        font-weight: 600;
        color: #191919;
        padding-bottom: var(--2px);
        border-bottom: solid 2px #191919;
    }
    /* Googds */
    &.--goods {
        padding-bottom: var(--60px);
        .v3-c-product-cart-slider-goods__heading {
            color: #191919;
            font-family: var(--font-source-sans-pro);
            font-size: var(--28px);
            font-weight: 600;
            margin-bottom: var(--20px);
        }
        .v3-c-product-cart-slider__item-list {
            .v3-c-product-cart-slider__item-detail-list {
                .v3-c-product-cart-slider__item-heading {
                    font-size: var(--20px);
                }
            }
        }
    }
}

/* ----------------------------------------
Large Compornent (section)
----------------------------------------- */
/* faq */
.v3-c-faq {
    background: #fff;
    padding: var(--65px) 0 0;
  
    .c-sec-title {
      margin-bottom: var(--14px);
    }
  
    ul.v3-c-faq__list {
      background-color: #000;
      color: #fff;
      list-style: none;
      margin: 0;
      padding: 0;
  
      li.v3-c-faq__item {
        padding: 0;
  
        .v3-c-faq__question {
          display: flex;
          align-items: flex-start;
          padding: var(--15px);
  
          .v3-c-faq__question-icon {
            width: var(--21px);
            margin-right: var(--10px);
            flex-shrink: 0;
          }
  
          .v3-c-faq__question-text {
            font-size: var(--14px);
            font-weight: 700;
            line-height: 1.4;
          }
        }
  
        .v3-c-faq__answer {
          display: flex;
          align-items: flex-start;
          padding: var(--15px) var(--15px) var(--25px);
          background: #242424;
  
          .v3-c-faq__answer-icon {
            width: var(--23px);
            margin-right: var(--10px);
            flex-shrink: 0;
          }
  
          .v3-c-faq__answer-text {
            font-size: var(--12px);
            line-height: 1.6;
          }
        }
      }
    }
}

/* news */
.v3-c-news {
    background: #fff;
    padding-top: var(--20px);
    padding-bottom: var(--20px);
    position: relative;
    @media (max-width: 767px) {
        padding-top: 0;
    }
    .v3-c-news-swiper {
        padding-bottom: var(--18px);
        .v3-c-news-slider__list {
            display: flex;
            .v3-c-news-slider__item {
                .v3-c-news-slider__link {
                    display: flex;
                    justify-content: flex-start;
                    align-self: flex-start;
                    gap: var(--10px);
                    @media (max-width: 767px) {
                        gap: var(--10px);
                    }
                    .v3-c-news-slider__img {
                        border-radius: 50%;
                        width: var(--40px);
                        height: var(--40px);
                    }
                    .v3-c-news-slider__info {
                        .v3-c-news-slider__info-title {
                            font-size: var(--12px);
                            margin-bottom: var(--8px);
                            line-height: var(--20px);
                        }
                        .v3-c-news-slider__info-date {
                            font-size: var(--12px);
                            color: #aaa;
                            line-height: var(--24px);
                        }
                    }
                }
            }
        }
        .swiper-pagination {
            width: fit-content;
            left: var(--50px);
            bottom: 0;
        }
        .swiper-pagination-bullet {
            width: var(--6px);
            height: var(--6px);
            background-color: #ccc;
            margin: 0 var(--4px) !important;
            opacity: 1;
        }
        .swiper-pagination-bullet-active {
            background-color: #000;
        }
    }
    .c-btn {
        font-size: var(--12px);
        position: absolute;
        right: var(--20px);
        bottom: var(--20px);
        z-index: 8;
    }
}

/* instagram */
section.v3-c-instagram {
    background: #fff;
    padding: var(--60px) 0;
    .v3-c-instagram__inner {
        padding: 0 var(--20px);
    }
    .v3-c-instagram__heading {
        margin-bottom: var(--20px);
        display: flex;
        justify-content: center;
        align-items: center;
        gap: var(--13px);
        .icon-instagram-wrapper {
            width: var(--47px);
            height: var(--47px);
            border-radius: 50%;
            border: 1px #707070 solid;
            display: flex;
            justify-content: center;
            align-items: center;
            .icon-instagram {
                width: var(--22px);
                height: var(--22px);
            }
        }
        h2 {
            font-size: var(--18px);
            font-weight: 600;
            line-height: var(--23px);
            font-family: "Source Sans Pro","Noto Sans JP",sans-serif;
            span {
                color: #868686;
                font-size: var(--12px);
                font-weight: 400;
                line-height: var(--17px);
            }
        }
    }
    .v3-c-instagram__follow-btn {
        background: #2948EF;
        color: #fff;
        width: var(--272px);
        height: var(--40px);
        display: flex;
        justify-content: center;
        align-items: center;
        gap: var(--6px);
        border-radius: var(--4px);
        font-family: var(--font-source-sans-pro);
        font-size: var(--16px);
        font-weight: 600;
        line-height: var(--20px);
        margin: 0 auto var(--20px);
        .icon-heart {
            width: var(--10px);
            height: var(--10px);
        }
    }
    .v3-c-instagram__slider {
        width: calc(var(--272px) + var(--20px));
        padding: 0 var(--8px);
        margin: 0 auto;
        position: relative;
        .swiper {
            position: relative;
            overflow: hidden;
            .swiper-wrapper {
                display: flex;
                align-items: center;
            }
            .swiper-slide {
                flex: 0 0 auto;
                overflow: hidden;
                border-radius: 8px;
                img {
                    display: block;
                    width: 100%;
                    height: auto;
                }
            }
        }
        .swiper-button-prev,
        .swiper-button-next {
            width: var(--32px);
            z-index: 8;
            &::after {
                display: none;
            }
        }
        .swiper-button-prev {
            left: -0.6vw;
            img {
                rotate: 180deg;
            }
        }
        .swiper-button-next {
            right:  -0.6vw;
        }
    }
}

/* magazine */
.v3-c-magazine{
    background: #fff;
    padding-bottom: var(--30px);
    ul.c-list-magazine {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: var(--20px);
        margin: 0 auto;
        li {
            width: var(--158px);
            margin: 0;
            a {
                ._frame {
                    &::before {
                        display: none;
                    }
                    ._img {

                    }
                    ._num {
                        display: none;
                    }
                }
                ._txt {
                    margin-top: var(--20px);
                    ._title {
                        color: #000;
                        font-size: var(--14px);
                        font-weight: 400;
                        line-height: var(--24px);
                        margin-bottom: var(--10px);
                        line-height: 1.5em;
                        max-height: calc(1.5em * 4);
                        overflow: hidden;
                        white-space: normal;
                        word-break: break-all;
                    }
                    .u-list-info {
                        color: #888;
                        font-size: var(--12px)    
                    }
                }
            }
        }
    }
    .btn-more-box {
        padding: 0 var(--20px) !important;
    }
}

/* guarantee */
.v3-c-guarantee {
    padding: var(--15px) var(--10px);
    background: #E5DBCF;
    .v3-c-guarantee__inner {
        border: solid 1px #fff;
        padding: var(--10px);
    }
    .v3-c-guarantee__content {
        background: #fff;
        padding: var(--20px) var(--18px);
    }
    .v3-c-guarantee__title {
        font-size: var(--20px);
        font-weight: 400;
        text-align: center;
        margin-bottom: var(--3px);
        color: #191919;
    }

    .v3-c-guarantee__icon {
        text-align: center;
        margin-bottom: var(--10px);
        &-image {
            display: inline-block;
            max-width: 100%;
            height: auto;
        }
    }

    .v3-c-guarantee__box {
        background-color: #F8F6E8;
        padding: var(--13px) var(--15px) var(--16px);
        .v3-c-guarantee__badge {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: var(--7px);
            margin-bottom: var(--2px);

            .v3-c-guarantee__badge-image {
                display: block;
                width: var(--80px);
                height: auto;
            }
            .v3-c-guarantee__badge-text {
                color: #AC956D;
                font-size: var(--16px);
                font-weight: 500;
                line-height: var(--28px);
            }
        }
        .v3-c-guarantee__text {
            font-size: var(--12px);
            font-weight: 400;
            line-height: var(--20px);
            margin-bottom: var(--10px);
        }
        .v3-c-guarantee__note {
            font-size: var(--10px);
            font-weight: 400;
            line-height: var(--20px);
        }
    }
}

/* 過去の製品情報 */
#shopbrand.all_items #past {
    padding-bottom: var(--49px);
    .c-list-shopbrand li {
        margin-bottom: 0;
    }
}