.page-reel2602 {

    @media screen and (min-width:520px) {
        width: 100vw;
        /* height: 100vh; */

        .page-reel2602__pc-wrapper {
            width: 520px;
            /* height: 100vh; */
            /* overflow-y: scroll; */
            margin: auto;
            /* scrollbar-width: none; */
        }
    }


    .title-image-container::after {
        display: block;
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40%;
        background: linear-gradient(to top,
                rgba(248, 227, 158, 1) 0%,
                /* 下：完全不透明 */
                rgba(248, 227, 158, 0.8) 20%,
                rgba(248, 227, 158, 0.4) 60%,
                rgba(248, 227, 158, 0) 100%
                /* 上：完全透明 */
            );
        pointer-events: none;
        z-index: 1;
    }


    .title-image {
        vertical-align: bottom;
        display: block;
        line-height: 0;
        object-fit: cover;
        height: 490px;
        height: calc(100vw * 490 / 375);

        @media screen and (min-width:520px) {
            height: auto;
        }
    }

    .reel-section-title {
        padding: 0 0 40px 0;
        color: #fff;
        text-align: center;
        background-color: #F8E39E;
        margin: 0 0 0 0;
    }

    .title-small {
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .title-large {
        font-family: figtree;
        font-weight: bold;
        font-size: 55px;
        letter-spacing: 4px;
    }

    .title-video-container {
        position: relative;
        background-color: #F8E39E;
        margin: 0 0 90px 0;
    }

    .title-video-container::after {
        display: block;
        content: "";
        position: absolute;
        bottom: -150px;
        left: 0;
        width: 100%;
        height: 30%;
        background: linear-gradient(to bottom,
                rgba(248, 227, 158, 1) 50%,
                /* 下：完全不透明 */
                rgba(248, 227, 158, 0.5) 70%,
                rgba(248, 227, 158, 0.2) 80%,
                rgba(248, 227, 158, 0) 100%
                /* 上：完全透明 */
            );
        pointer-events: none;
        z-index: 0;
    }

    .video-swiper {
        width: 100%;
        margin-bottom: 50px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        color: #888888;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
        width: 10px;
        height: 10px;
        content: "";
        border-right: 2px solid #888888;
        border-bottom: 2px solid #888888;
        transform: translate(-20%, 0%) rotate(-45deg);
    }

    .swiper-button-prev::after {
        transform: translate(20%, 0%) rotate(135deg);
    }

    .title-video {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .insta-btn-txt {
        font-family: "Zen Kaku Gothic New";
        font-size: 20px;
    }

    .insta-btn-container {
        display: block;
        position: relative;
        z-index: 2;
    }

    .insta-btn {
        margin: auto;
        width: fit-content;
        display: flex;
        align-items: center;
        background: #242424;
        color: #fff;
        padding: 10px;
        border-radius: 5px;
        text-decoration: none;
        font-weight: bold;
        gap: 2px;
    }

    .insta-btn:hover {
        color: #fff;
    }

    .icon-image {
        width: 20px;
        height: 20px;
        margin: 0 8px 0 8px;
    }


    /* セクション（イエロー） */
    .section-item {
        margin: 0 10px 50px 10px;
    }

    .section-item-container {
        position: relative;
        margin-bottom: 20px;
    }

    .item-title {
        position: relative;
        transform: rotate(-10deg);
        z-index: 1;
    }

    .item-title-small {
        display: block;
        width: fit-content;
        background: #FFD014;
        color: #fff;
        padding: 5px 10px;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 5px;
    }

    .item-title-large {
        position: absolute;
        top: 40px;
        display: inline-block;
        font-family: figtree;
        background: #FFD014;
        color: #fff;
        padding: 5px 10px;
        font-weight: bold;
        font-size: 30px;
        letter-spacing: 3px;
    }

    .fade-in-left {
        opacity: 0;
        transform: translateX(-40px);
        transition: all 1.0s ease;
    }

    .fade-in-left.show {
        opacity: 1;
        transform: translateX(0);
    }

    .section-item-image {
        margin-top: 20px;
    }

    .item__name {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .item__price {
        font-size: 18px;
        font-weight: bold;
    }

    .item__price-tax {
        font-size: 12px;
        margin-left: 5px;
    }

    .item-detail {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 30px;
    }

    .item-detail-btn {
        font-family: "Zen Kaku Gothic New";
        font-size: 14px;
        width: fit-content;
        display: flex;
        align-items: center;
        background: #FFD014;
        color: #fff;
        padding: 6px 13px;
        border-radius: 30px;
        text-decoration: none;
        font-weight: bold;
        gap: 2px;
        box-shadow: 3px 4px 0px #0000003b;
    }

    .icon-image-item-detail {
        width: 8px;
        height: 8px;
        margin-left: 5px;
    }

    .item-point {
        border: 2px solid #FFD014;
        border-radius: 5px;
        padding: 30px 0;
        background-image:
            linear-gradient(to right, rgba(255, 208, 20, 0.2) 1px, transparent 1px),
            linear-gradient(to bottom, rgba(255, 208, 20, 0.2) 1px, transparent 1px);
        background-size: 10px 10px;
    }

    .item-point-label {
        text-align: center;
        font-family: figtree;
        font-weight: bold;
        font-size: 15px;
        letter-spacing: 1px;
    }

    .item-point-title {
        position: relative;
        text-align: center;
        font-family: "Zen Kaku Gothic New";
        font-size: 20px;
        font-weight: bold;
        margin: auto;
        margin-bottom: 15px;
        width: fit-content;
    }


    .item-point-title span {
        content: "";
        position: absolute;
        top: -10px;
        right: -20px;
        width: 25px;
        height: 25px;
    }

    .item-point-txt {
        width: fit-content;
        margin: auto;
        font-size: 15px;
    }

    .item-point-swiper {
        margin-bottom: 20px;
        transition-timing-function: linear;
        pointer-events: none;
    }

    /* カラー展開 */
    .bgclr__brown {
        background: #d0944e;
    }

    .bdclr__brown {
        border: 2px solid #D0944E;
        background-image:
            linear-gradient(to right, rgba(208, 148, 78, 0.2) 1px, transparent 1px),
            linear-gradient(to bottom, rgba(208, 148, 78, 0.2) 1px, transparent 1px);
    }

    .bgclr__green {
        background: #ACB851;
    }

    .bdclr__green {
        border: 2px solid #ACB851;
        background-image:
            linear-gradient(to right, rgba(172, 184, 81, 0.2) 1px, transparent 1px),
            linear-gradient(to bottom, rgba(172, 184, 81, 0.2) 1px, transparent 1px);
    }

    .bgclr__pink {
        background: #F7BDD9;
    }

    .bdclr__pink {
        border: 2px solid #F7BDD9;
        background-image:
            linear-gradient(to right, rgba(247, 189, 217, 0.2) 1px, transparent 1px),
            linear-gradient(to bottom, rgba(247, 189, 217, 0.2) 1px, transparent 1px);
    }

    .bgclr__blue {
        background: #73C0DB;
    }

    .bdclr__blue {
        border: 2px solid #73C0DB;
        background-image:
            linear-gradient(to right, rgba(115, 192, 219, 0.2) 1px, transparent 1px),
            linear-gradient(to bottom, rgba(115, 192, 219, 0.2) 1px, transparent 1px);
    }


    .bgclr__orange {
        background: #F99469;
    }

    .bdclr__orange {
        border: 2px solid #F99469;
        background-image:
            linear-gradient(to right, rgba(249, 148, 105, 0.2) 1px, transparent 1px),
            linear-gradient(to bottom, rgba(249, 148, 105, 0.2) 1px, transparent 1px);
    }












}