@charset "UTF-8";

/* #region base */
@media (min-width: 1441px) {
	html {
		font-size: 1px;
	}
}
@media (min-width: 1201px) and (max-width: 1440px) {
	html {
		font-size: calc(100 / 1440 * 1vw);
	}
}
@media (max-width: 1200px) {
	html {
		font-size: calc(1200 / 1440 * 1px);
	}
}
html > * {
	font-size: 16px;
}
/* #endregion */

/* #region common */
.wrap {
	color:#000;
	width: 100%;
	margin: -7px 0;
	min-width: 1200px;
	font-family: YakuHanJP, "Zen Kaku Gothic New", sans-serif;
    letter-spacing: -0.025em;
	padding-bottom: 0.3rem;
	font-feature-settings: "palt";
	overflow: hidden;
    & * {
        box-sizing: border-box;
    }
}
.wrap img {
	vertical-align: bottom;
}
.main {
    background: #ffbd32 url(../img/pc/default/bg_contents_list.jpg) 50% 0 / 1000rem auto;
}
.inner {
    position: relative;
	width: 1200rem;
    padding-top: 1px;
	margin: 0 auto;
}
/* #endregion */

/* #region mv-about */
.mv {
    position: relative;
    height: 712rem;
    padding-block: 1px;
    background: #fff;
}
.mv::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 712rem;
    background: url(../img/pc/product/tokyo_station/mv_men.webp) no-repeat calc(50% - 25rem) 289rem / 2010rem auto;
    pointer-events: none;
}
.mv_ttl {
    width: 582.5rem;
    margin-top: 49rem;
    margin-left: 98rem;
    & > img {
        width: 100%;
        height:auto;
    }
}
.mv_chara_1 {
    position: absolute;
    top: 67rem;
    left: -63rem;
    width: 102rem;
    height: auto;
}
.mv_chara_2 {
    position: absolute;
    top: 435rem;
    left: -67rem;
    width: 184rem;
    height: auto;
}
.mv_chara_3 {
    position: absolute;
    top: -61rem;
    left: 1151rem;
    width: 261rem;
    height: auto;
}
.about {
    position: relative;
    z-index:3;
    padding: 1px;
    background:#e70012;
    &::before {
        content: "";
        display: block;
        width: 100%;
        height: 13rem;
        background: url(../img/pc/product/tokyo_station/about_nami_up.webp) repeat-x calc(50% - 44rem) 100% / 91rem auto;
        position: absolute;
        top: -12rem;
        left: 0;
    }
    &::after {
        content: "";
        display: block;
        width: 100%;
        height: 13rem;
        background: url(../img/pc/product/tokyo_station/about_nami_down.webp) repeat-x calc(50% - 44rem) 0 / 91rem auto;
        position: absolute;
        bottom: -12rem;
        left: 0;
    }
}
.about_chara {
    position: absolute;
    top: -676rem;
    left: 723rem;
    width: 416rem;
    height: auto;
}
.about_box {
    position: relative;
    width: 1200rem;
    height: 278rem;
    padding: 56rem 0rem;
    border-radius: 40rem;
    background: #fff;
    margin-inline: auto;
    margin-block: 72rem;
}
.about_chara_1 {
    position: absolute;
    top: 95rem;
    left: 24rem;
    width: 131rem;
    height: auto;
}
.about_chara_2 {
    position: absolute;
    top: 115rem;
    right: 17rem;
    width: 172.5rem;
    height: auto;
}
.about_box_txt {
    vertical-align: baseline;
    text-align: center;
    font-size: 28rem;
    font-weight: 900;
    line-height: calc(48 / 28 * 1em);
}
.about_box_txt_logo_street {
    display: inline-block;
    overflow: hidden;
    color: transparent;
    width: 433rem;
    height: 50rem;
    background: url(../img/pc/product/tokyo_station/logo_street.webp) no-repeat 50% 0 / contain;
    margin-right: 10rem;
}
.about_box_txt_logo_land {
    display: inline-block;
    overflow: hidden;
    color: transparent;
    width: 369rem;
    height: 54rem;
    background: url(../img/pc/product/tokyo_station/logo_land.webp) no-repeat 50% 0 / contain;
    margin-left: 10rem;
}
/* #endregion */

/* #region anchor */
.anchor {
    position: relative;
    z-index: 1;
    padding-block: 1px;
    padding-bottom: 113rem;
}
.anchor_ttl_set {
    position: relative;
    text-align: center;
    margin-top: 118rem;
    &::before {
        content:"";
        position: absolute;
        top: -4rem;
        left: calc(50% - 586rem);
        width: 103rem;
        height: 97rem;
        background: url(../img/pc/product/tokyo_station/anchor_ttl_deco_1.webp) no-repeat 50% 50% / contain;
    }
    &::after {
        content:"";
        position: absolute;
        top: -4rem;
        right: calc(50% - 586rem);
        width: 103rem;
        height: 97rem;
        background: url(../img/pc/product/tokyo_station/anchor_ttl_deco_2.webp) no-repeat 50% 50% / contain;
    }
    & .anchor_ttl {
        width:907rem;
        height:auto;
    }
}
.anchor_list {
    display: flex;
    justify-content: center;
    gap: 28rem;
    margin-top: 56rem;
    & > li.theme_street {
        --theme-color: #f9f4e0;
    }
    & > li.theme_booth {
        --theme-color: #fff8ad;
    }
    & > li.theme_land {
        --theme-color: #ffdbe2;
    }
    & > li {
        & > a {
            position: relative;
            display: block;
            text-align: center;
            width: 380rem;
            height: 273rem;
            border-radius:40rem;
            padding: 22rem 0;
            border:4rem solid #000;
            box-shadow: 0px 16rem 0px 0px rgba(0, 0, 0, 0.4);
            background: var(--theme-color);
            text-decoration: none;
            opacity: 1!important;
            @media(hover: hover){
                transition: transform 0.2s, box-shadow 0.2s;;
                &:hover {
                    transform: translateY(16rem);
                    box-shadow: 0px 0rem 0px 0px rgba(0, 0, 0, 0.4);
                }
            }
            &::after {
                content: "";
                position: absolute;
                bottom: 17rem;
                left: 0;
                right: 0;
                display: block;
                margin-inline: auto;
                width: 22rem;
                height: 14rem;
                background: #e70012;
                clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
            }
            .anchor_date {
                position:absolute;
                top: -22rem;
                left:0;
                right:0;
                display: block;
                text-align: center;
                & .anchor_date_inner {
                    display: inline-block;
                    color: #fff;
                    background: #000;
                    border-radius: 9999px;
                    font-size: 22rem;
                    font-weight: 700;
                    line-height: calc(32 / 24 * 1em);
                    padding: 6rem 24rem;
                    font-feature-settings: "palt";
                }
            }
            .anchor_item_set {
                & > dt {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height:100rem;
                    font-size:32rem;
                    font-weight: 900;
                    line-height: calc(36/32*1em);
                }
                & > dd {
                    font-size: 22rem;
                    font-weight: 900;
                    line-height: calc(32/22*1em);
                    & .anchor_item_txt_small {
                        font-size:18rem;
                        line-height: calc(32/18*1em);
                    }
                }
            }
            .theme_booth_ended {
                width: 80rem;
                height: 80rem;
                border-radius: 50%;
                background: #e70012;
                position: absolute;
                top: -28rem;
                right: -25rem;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 22rem;
                font-weight: 900;
                color: #ffe100;
                &::before {
                    content: "";
                    display: block;
                    margin: auto;
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    width: 70rem;
                    height: 70rem;
                    border-radius: 50%;
                    border: 1px solid #fff;
                }
            }
            .anchor_item_logo_street {
                display: inline-block;
                overflow: hidden;
                color: transparent;
                width: 317rem;
                height: 39rem;
                background: url(../img/pc/product/tokyo_station/logo_street.webp) no-repeat 50% 50% / contain;
            }
            .anchor_item_logo_babystar {
                display: inline-block;
                overflow: hidden;
                color: transparent;
                width: 156rem;
                height: 39rem;
                background: url(../img/pc/product/tokyo_station/logo_babystar.webp) no-repeat 50% 50% / contain;
            }
            .anchor_item_logo_land {
                display: inline-block;
                overflow: hidden;
                color: transparent;
                width: 287rem;
                height: 47rem;
                background: url(../img/pc/product/tokyo_station/logo_land.webp) no-repeat 50% 50% / contain;
            }
        }
    }
}
/* #endregion */

/* #region street */
.street {
    scroll-margin-top: 60rem;
    position: relative;
    padding-bottom: 120rem;
}
.street_bg {
    position: relative;
}
.street_ttl_area {
    position: relative;
    height: 404rem;
    &::before {
        content:"";
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        height: 250rem;
        background: url(../img/pc/product/tokyo_station/bg_men_top.webp) repeat-x 50% 0 / 1400rem auto;
    }
    &::after {
        content:"";
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        height: 584rem;
        background: url(../img/pc/product/tokyo_station/street_bg_top.webp) no-repeat 50% 182rem / 1620rem auto;
    }
    & .inner {
        z-index:1;
    }
    & .street_ttl {
        width: 584rem;
        height: auto;
        margin-top: 131rem;
        margin-inline: auto;
        display: block;
        padding-left: 8rem;
        box-sizing: content-box;
    }
    & .street_ttl_deco_1 {
        position: absolute;
        left: calc(50% - 532rem);
        top: 77rem;
        width: 231rem;
        height: auto;
    }
    & .street_ttl_deco_2 {
        position: absolute;
        right: calc(50% - 534rem);
        top: 88rem;
        width: 230rem;
        height: auto;
    }
}
.street_detail_area {
    position: relative;
    margin-top: -1000rem;
    padding-bottom: 236rem;
    padding-top: 1px;
    &::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 455rem;
        background: url(../img/pc/product/tokyo_station/bg_men_bottom.webp) repeat-x left 50% bottom 150rem / 1400rem auto;
        clip-path: polygon(0% 0%, 100% 0%, 100% 300rem, 0% 300rem);
    }
    &::after {
        content:"";
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        height: 584rem;
        background: url(../img/pc/product/tokyo_station/street_bg_bottom.webp) no-repeat 50% 100% / 1620rem auto;
    }
    & .inner {
        z-index:1;
    }
    & .street_detail_set {
        width: 936rem;
        margin-inline: auto;
        margin-top: 68rem;
        & + .street_detail_set {
            margin-top: 74rem;
        }
        & > dt {
            padding: 20rem 40rem;
            font-size: 22rem;
            font-weight: 900;
            line-height: calc(32 / 22 * 1em);
            color: #fff;
            background: #000;
            border-radius: 9999px;
        }
        & > dd {
            margin-top: 24rem;
            .street_detail_set_item {
                display:flex;
                gap: 16rem;
                & > dt {
                    width: 135rem;
                    & .street_detail_set_item_dt {
                        text-align: center;
                        width: 100%;
                        background:#fff;
                        border-radius: 9999px;
                        display:flex;
                        justify-content: center;
                        align-items: center;
                        font-size: 20rem;
                        font-weight: 900;
                        line-height: calc(32/20*1em);
                    }
                }
                & > dd {
                    flex:1;
                    font-size: 20rem;
                    font-weight: 900;
                    line-height: calc(28/20*1em);
                    & .street_detail_set_item_cap {
                        font-size: 78%;
                        &.street_detail_set_item_cap_m {
                            display: inline-block;
                            margin-top: -13rem;
                        }
                    }
                    & .street_detail_set_item_shop_list {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 0rem 36rem;
                        & > li {
                            width: 280rem;
                        }
                    }
                    & .stecker_list {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 21.6rem;
                        margin-top: 22rem;
                        margin-bottom: 13rem;
                        & .sticker_x {
                            width: 107rem;
                            height:auto;
                            filter: drop-shadow(2rem 2rem 3rem rgba(0, 0, 0, 0.4));
                        }
                    }
                }
                & + .street_detail_set_item {
                    margin-top: 16rem;
                }
            }
        }
    }
}
.street_set {
    position: relative;
    background: #f9f4e0;
    padding-bottom: 1010rem;
    padding-top: 1px;
    & .street_ttl_end {
        margin-top: -25rem;
        & .street_ttl_end_txt_1 {
            position: relative;
            text-align:center;
            font-size: 36rem;
            font-weight: 900;
            padding-left: 10rem;
            &::before,
            &::after {
                content: "";
                position: absolute;
                top: 7rem;
                width:114rem;
                height:45rem;
            }
            &::before {
                left: calc(50% - 413rem);
                background:url(../img/pc/product/tokyo_station/street_ttl_end_star_left.svg) no-repeat 50% 50% / contain;
            }
            &::after {
                right: calc(50% - 413rem);
                background:url(../img/pc/product/tokyo_station/street_ttl_end_star_right.svg) no-repeat 50% 50% / contain;
            }
        }
        & .street_ttl_end_txt_2 {
            width:850rem;
            height:83rem;
            background: url(../img/pc/product/tokyo_station/street_ttl_end_bg.svg) no-repeat 50% 0 / contain;
            margin-top:10rem;
            margin-inline: auto;
            text-align:center;
            color:#fff;
            font-size:36rem;
            font-weight: 900;
            & .street_ttl_end_txt_2_str {
                font-size: calc(48/36*100%);
                color: #ffe100;
            }
        }
    }
}
.street_kv {
    position: relative;
    z-index: 1;
    height: 720rem;
    padding-top: 1px;
    margin-top: 72rem;
    background: url(../img/pc/product/tokyo_station/street_kv.webp) no-repeat 50% 0 / 1440rem auto;
    & .street_kv_inner {
        width: 1200rem;
        margin-inline: auto;
        display:flex;
        justify-content: end;
    }
    & .street_kv_content {
        position: relative;
        color: #fff;
        text-align: center;
        vertical-align: baseline;
        margin-top: 167rem;
        box-sizing: content-box;
        & .street_kv_set {
            & > dt {
                font-size: 40rem;
                font-weight: 900;
                line-height: 1;
                & .street_kv_ttl_logo {
                    display: inline-block;
                    overflow: hidden;
                    width: 403rem;
                    height: 47rem;
                    margin-right: 2rem;
                    color:transparent;
                    background: url(../img/pc/product/tokyo_station/street_kv_ttl_logo.webp) no-repeat 50% 0 / contain;
                }
            }
            & > dd {
                font-size: 22rem;
                font-weight: 900;
                line-height: calc(40 / 22 * 1em);
                margin-top: 28rem;
            }
        }
        & .street_kv_link {
            text-align: center;
            font-size: 16rem;
            font-weight: 900;
            line-height: calc(40 / 16 * 1em);
            margin-top: 17rem;
            color: #fff;
            & a {
                color: inherit;
                position: relative;
                text-decoration: none;
                padding-bottom: 5rem;
                opacity: 1!important;
                background: linear-gradient(currentColor 0 0) left bottom / 100% 1px no-repeat;
                &::after {
                    content: "";
                    display: inline-block;
                    width: 0.6em;
                    height: 0.8em;
                    margin-left: 0.4em;
                    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
                    background: #fff;
                }
                @media(hover: hover){
                    transition: background-size 0.2s ease;
                    &::after {
                        transition: transform 0.2s;
                    }
                    &:hover {
                        background-position: right bottom;
                        background-size: 0 1px;
                        transition: background-size 0.2s ease;
                        &::after {
                            transform: translateX(50%);
                        }
                    }
                }
            }
        }
    }
}
.street_colab {
    position: relative;
    z-index: 3;
    width: 1200rem;
    padding-bottom: 60rem;
    margin-top: -132rem;
    padding-top:1px;
    border-radius: 40rem;
    margin-inline: auto;
    background: #e70012;
    & .street_colab_ttl_set {
        position: relative;
        text-align: center;
        margin-top: 54rem;
        & .street_colab_ttl_deco {
            width:771rem;
            height:auto;
        }
        & .street_colab_ttl {
            width: 612rem;
            height: auto;
            margin-top: 25rem;
            margin-right: 15rem;
        }
        & .street_colab_txt {
            color: #fff;
            text-align: center;
            margin-top: 19rem;
            font-size: 24rem;
            font-weight: 900;
            line-height: calc(40 / 24 * 1em);
        }
    }
}
.street_colab_bg_deco {
    width: 313rem;
    height:auto;
    position:absolute;
}
.street_colab_bg_deco_1 {
    top: 956rem;
    left: calc(50% + -790rem);
}
.street_colab_bg_deco_2 {
    top: 744rem;
    right: calc(50% + -900rem);
    width: 274rem;
}
.street_colab_bg_deco_3 {
    top: 1553rem;
    right: calc(50% + -666rem);
    z-index: 1;
}
.street_colab_bg_deco_4 {
    top: 1700rem;
    left: calc(50% + -828rem);
    z-index: 1;
    scale: 0.88;
}
.street_colab_bg_deco_5 {
    top: 2145rem;
    right: calc(50% + -858rem);
    z-index: 1;
}
.street_colab_bg_deco_6 {
    top: 2340rem;
    left: calc(50% + -925rem);
    z-index: 1;
}

.street_colab_chara_1 {
    position: absolute;
    z-index: 4;
    top: 857rem;
    right: calc(50% + 420rem);
    width: 116rem;
    height: auto;
}
.street_colab_chara_2 {
    position: absolute;
    z-index: 4;
    top: 1561rem;
    right: calc(50% - 584rem);
    width: 180rem;
    height: auto;
}
.street_colab_chara_3 {
    position: absolute;
    z-index: 4;
    top: 2171rem;
    right: calc(50% + 446rem);
    width: 128rem;
    height: auto;
}
.street_colab_chara_4 {
    position: absolute;
    z-index: 4;
    top: 2718rem;
    left: calc(50% + 384rem);
    width: 179rem;
    height: auto;
}
.street_colab_pkg_1 {
    position: absolute;
    z-index: 4;
    top: 2784rem;
    left: calc(50% + 250rem);
    width: 115rem;
    height: auto;
}

.street_colab_swiper_wrap {
    width: calc(660rem * 3);
    margin-left: -396rem;
    margin-top: 41rem;
    position: relative;
    & .swiper {
        padding-top: 20rem;
        margin-top: -20rem;
    }
    & .street_slide_x {
        width: 660rem;
        height: auto;
        scale: 0.725;
        transition: scale 0.4s, transform-origin 0.4s;
        filter: drop-shadow(6rem 6rem 12rem rgba(0, 0, 0, 0.4));
        .swiper-slide-active & {
            scale:1;
        }
        .swiper-slide-prev & {
            transform-origin: 70% 50%;
        }
        .swiper-slide-next & {
            transform-origin: 30% 50%;
        }
    }
    & .swiper_button_prev {
        position: absolute;
        z-index: 5;
        top: 183rem;
        left: calc(50% - 364rem);
        width: 72rem;
        height: 72rem;
        border-radius: 50%;
        background: #000;
        display: flex;
        justify-content: center;
        align-items: center;
        &::before {
            content: "";
            display: block;
            width: 16rem;
            height: 26rem;
            margin-left: -8rem;
            background: #fff;
            clip-path: polygon(100% 0%, 0% 50%, 100% 100%);
        }
        @media(hover: hover){
            cursor: pointer;
            transition: scale 0.2s;
            &:hover {
                scale:1.2;
            }
        }
    }
    & .swiper_button_next {
        position: absolute;
        z-index: 5;
        top: 182rem;
        right: calc(50% - 376rem);
        width: 72rem;
        height: 72rem;
        border-radius: 50%;
        background: #000;
        display: flex;
        justify-content: center;
        align-items: center;
        &::before {
            content: "";
            display: block;
            width: 16rem;
            height: 26rem;
            margin-left: 9rem;
            background: #fff;
            clip-path:polygon(0% 0%, 100% 50%, 0% 100%);
        }
        @media(hover: hover){
            cursor: pointer;
            transition: scale 0.2s;
            &:hover {
                scale:1.2;
            }
        }
    }
    & .swiper_pagination {
        position: relative;
        display: flex;
        justify-content: center;
        gap: 0;
        width: 770rem;
        margin-inline: auto;
        margin-top: 32rem;
        &::before {
            content:"";
            position:absolute;
            top: 13rem;
            left: 0rem;
            width: 100%;
            border-top:2rem solid #fff;
        }
        & .swiper_pagination_bullet {
            position: relative;
            & .star {
                display: block;
                margin-inline: auto;
                width: 18rem;
                height: auto;
                position: absolute;
                top: 5rem;
                left: 0;
                right: 0;
                & .cls-1 {
                    fill: #fff;
                    fill-rule: evenodd;
                }
            }
            &.swiper_pagination_bullet_active {
                & .star {
                    scale: 1.4;
                    & .cls-1 {
                        fill: #ffe100;
                    }
                }
                & .swiper_pagination_bullet_txt {
                    color:#ffe100;
                }
            }
            & .swiper_pagination_bullet_txt {
                width: 130rem;
                text-align: center;
                font-size: 16rem;
                line-height: calc(20/16*1em);
                font-weight: 900;
                color:#fff;
                padding-top: 35rem;
            }
            @media(hover: hover){
                cursor: pointer;
                transition: opacity 0.2s;
                &:hover {
                    opacity: 0.8;
                }
            }
        }
    }
    &::before {
        content:"";
        position:absolute;
        z-index:10;
        left:0;
        top:0;
        height: 100%;
        width:330rem;
        background: linear-gradient(90deg,rgba(249, 244, 224, 1) 0%, rgba(249, 244, 224, 1) 33%, rgba(249, 244, 224, 0) 100%);
    }
    &::after {
        content:"";
        position:absolute;
        z-index:10;
        right:0;
        top:0;
        height:100%;
        width: 330rem;
        background: linear-gradient(-90deg,rgba(249, 244, 224, 1) 0%, rgba(249, 244, 224, 1) 33%, rgba(249, 244, 224, 0) 100%);

    }
}
/* #endregion */

/* #region booth */
.booth {
    scroll-margin-top: 60rem;
    position: relative;
    padding-bottom: 120rem;
    & .booth_box {
        text-align:center;
        position:relative;
        overflow: hidden;
        border-radius: 40rem;
        & .booth_ttl {
            width: 738rem;
            height: auto;
        }
        & .booth_ttl_deco_1 {
            position: absolute;
            z-index: 2;
            top: 54rem;
            left: calc(50% - 543rem);
            width: 121rem;
            height: auto;
        }
        & .booth_ttl_deco_2 {
            position: absolute;
            z-index: 2;
            top: 54rem;
            right: calc(50% - 543rem);
            width: 121rem;
            height: auto;
        }
    & .booth_ttl_end {
        margin-top: 45rem;
        & .booth_ttl_end_txt_1 {
            position: relative;
            text-align:center;
            font-size: 36rem;
            font-weight: 900;
            padding-left: 10rem;
            &::before,
            &::after {
                content: "";
                position: absolute;
                top: 7rem;
                width:114rem;
                height:45rem;
            }
        }
        & .booth_ttl_end_txt_2 {
            width:850rem;
            height:83rem;
            padding-bottom: 8rem;
            background: url(../img/pc/product/tokyo_station/booth_ttl_end_bg.svg) no-repeat 50% 0 / contain;
            margin-top:10rem;
            margin-inline: auto;
            text-align:center;
            color:#fff;
            font-size:36rem;
            font-weight: 900;
            display:flex;
            justify-content: center;
            align-items: center;
            & .booth_ttl_end_txt_2_str {
                font-size: calc(48/36*100%);
                color: #ffe100;
            }
        }
    }
        & .booth_img_wrap {
            margin-top: 62rem;
            text-align: center;
            & .booth_img {
                width: 1039rem;
                height:auto;
            }
        }
        & .booth_chara_wrap {
            overflow:hidden;
            position:absolute;
            bottom:0;
            left:0;
            width:100%;
            height: 400rem;
            & .booth_chara_1 {
                position: absolute;
                z-index: 2;
                top: 136rem;
                left: calc(50% - 580rem);
                width: 207rem;
                height: auto;
            }
            & .booth_chara_2 {
                position: absolute;
                z-index: 2;
                top: 0rem;
                right: calc(50% - 571rem);
                width: 185rem;
                height: auto;
            }
        }
    }
    & .booth_box_kv {
        position: relative;
        padding: 84rem 80rem;
        padding-bottom: 192rem;
        background: #fff url(../img/pc/product/tokyo_station/booth_bg.webp) no-repeat 50% calc(100% - 53rem) / 100% auto;
    }
    & .booth_box_kotae {
        position: relative;
        z-index: 1;
        padding-top: 27rem;
        margin-top: -72rem;
        background:#e70012;
        & .booth_box_kotae_ttl_wrap {
            position: relative;
            color: #fff;
            font-size: 45rem;
            line-height: 1;
            letter-spacing: -0.08em;
            font-weight: 900;
            padding-left: 180rem;
            & .booth_box_kotae_ttl {
                width: 479rem;
                height:auto;
            }
            & .booth_box_kotae_ttl_fukidashi {
                position: absolute;
                top: -27rem;
                left: calc(50% - 360rem);
                width: 194rem;
                height: 76rem;
                padding-bottom: 5rem;
                color: #000;
                font-size: 20rem;
                letter-spacing: -0.05em;
                line-height: calc(24 / 20 * 1em);
                font-weight: 700;
                display: flex;
                justify-content: center;
                align-items: center;
                background: url(../img/pc/product/tokyo_station/booth_box_kotae_ttl_fukidashi.webp) no-repeat 50% 50% / contain;
            }
        }
        & .booth_box_kotae_list {
            margin-top: 40rem;
            display: flex;
            justify-content: center;
            gap: 30rem;
            padding-left: 8rem;
            & > li {
                position: relative;
                width: 501rem;
                height: 350rem;
                background: #000;
                border-radius: 18rem 18rem 0 0;
                & .booth_box_kotae_item_ttl {
                    color:#fff;
                    text-align: center;
                    font-size: 24rem;
                    line-height: calc(32/24*1em);
                    font-weight: 900;
                    padding-top: 8rem;
                }
                & .booth_box_kotae_item_img {
                    position:relative;
                    width: 476rem;
                    height: 288rem;
                    margin-top: 10rem;
                    margin-inline: auto;
                    & .booth_box_kotae_item_img_1 {
                        position: absolute;
                        top:0;
                        left:0;
                        width: 100%;
                        height:100%;
                        background:url(../img/pc/product/tokyo_station/booth_box_kotae_1.webp) no-repeat 50% 50% / cover;
                    }
                    & .booth_box_kotae_item_img_2 {
                        position: absolute;
                        top:0;
                        left:0;
                        width: 100%;
                        height:100%;
                        background:url(../img/pc/product/tokyo_station/booth_box_kotae_2.webp) no-repeat 50% 50% / cover;
                        & .booth_box_kotae_item_img_2_answer {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            background:url(../img/pc/product/tokyo_station/booth_box_kotae_2_answer.webp) no-repeat 50% 50% / cover;
                            opacity: 0;
                            transition: opacity 0.4s;
                            & .booth_box_kotae_item_img_2_answer_list {
                                text-align: left;
                                position: absolute;
                                top: calc(100% + 46rem);
                                left: 0rem;
                                width: 100%;
                                padding-left: 80rem;
                                color:#fff;
                                font-size: 20rem;
                                line-height: calc(30/20*1em);
                                letter-spacing: -0.025em;
                                font-weight: 900;
                                & > li {
                                    padding-left: 1em;
                                    text-indent: -1em;
                                    & .booth_box_kotae_item_img_2_answer_item_initial {
                                        display: inline-block;
                                        width: 1em;
                                        text-indent: 0;
                                    }
                                }
                            }
                        }
                    }

                }
            }
        }
        & .booth_box_kotae_btn_wrap {
            position: relative;
            display: flex;
            justify-content: center;
            padding-block: 70rem 77rem;
            & .booth_box_kotae_btn {
                font-family: inherit;
                position: relative;
                width: 355rem;
                height: 73rem;
                border: none;
                border-radius: 9999px;
                overflow: hidden;
                background: #ffe103;
                border: 4rem solid #ffe103;
                color: #e70012;
                cursor: pointer;
                box-shadow: 0rem 8rem 0rem 0rem rgba(0, 0, 0, 0.4);
                transition: transform 0.4s;
                & .booth_box_kotae_btn_inner {
                    position:relative;
                    font-size: 28rem;
                    letter-spacing: -0.025em;
                    line-height: calc(32/28*1em);
                    font-weight: 900;
                    & .booth_box_kotae_btn_off {
                        display: block;
                    }
                    & .booth_box_kotae_btn_on {
                        display: none;
                    }
                }
                &::before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%) scale(0);
                    will-change: transform;
                    display: block;
                    background: #fff;
                    border-radius: 50%;
                    width: 100%;
                    padding-bottom: 100%;
                    transition: transform 0.4s;
                }
                @media(hover: hover){
                    &:hover::before {
                        transform: translate(-50%, -50%) scale(1);
                    }
                }
                &::after {
                    content: "";
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: 23rem;
                    display: block;
                    margin-block: auto;
                    width: 15rem;
                    height: 20rem;
                    background: #e70012;
                    clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
                }
            }
        }
    }
    &.is_answer_show {
        & .booth_box_kotae {
            & .booth_box_kotae_item_img_2_answer {
                opacity:1!important;
            }
            & .booth_box_kotae_btn {
                transform: translateX(-140rem);
                & .booth_box_kotae_btn_off {
                    display: none!important;
                }
                & .booth_box_kotae_btn_on {
                    display: block!important;
                }
            }
        }
    }
}
/* #endregion */

/* #region land */
.land {
    scroll-margin-top: 60rem;
    position: relative;
    padding-bottom: 120rem;
}
.land_bg {
    position: relative;
}
.land_ttl_area {
    position: relative;
    height: 404rem;
    &::before {
        content: "";
        position: absolute;
        bottom: -77rem;
        left: 0;
        width: 100%;
        height: 320rem;
        background: url(../img/pc/product/tokyo_station/bg_men_top.webp) repeat-x 50% 0% / 1400rem auto;
    }
    &::after {
        content:"";
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        height: 584rem;
        background: url(../img/pc/product/tokyo_station/land_bg_top.webp) no-repeat 50% 182rem / 1620rem auto;
    }
    & .inner {
        z-index:1;
    }
    & .land_ttl {
        width: 529rem;
        height: auto;
        margin-top: 133rem;
        margin-inline: auto;
        display: block;
        padding-left: 2rem;
        box-sizing: content-box;
    }
    & .land_ttl_deco_1 {
        position: absolute;
        left: calc(50% - 511rem);
        top: 98rem;
        width: 218rem;
        height: auto;
    }
    & .land_ttl_deco_2 {
        position: absolute;
        right: calc(50% - 534rem);
        top: 77rem;
        width: 231rem;
        height: auto;
    }
}
.land_detail_area {
    position: relative;
    margin-top: -242rem;
    padding-bottom: 263rem;
    padding-top: 1px;
    &::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 403rem;
        background: url(../img/pc/product/tokyo_station/bg_men_bottom.webp) repeat-x left 50% bottom 150rem / 1400rem auto;
        clip-path: polygon(0% 0%, 100% 0%, 100% 235rem, 0% 235rem);
    }
    &::after {
        content:"";
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        height: 584rem;
        background: url(../img/pc/product/tokyo_station/land_bg_bottom.webp) no-repeat 50% 0% / 1620rem auto;
    }
    & .inner {
        z-index:1;
    }
    & .land_detail_set {
        width: 936rem;
        margin-inline: auto;
        margin-top: 63rem;
        & > dt {
            padding: 20rem 40rem;
            font-size: 24rem;
            font-weight: 900;
            line-height: calc(32 / 24 * 1em);
            color: #fff;
            background: #000;
            border-radius: 9999px;
        }
        & > dd {
            margin-top: 24rem;
            .land_detail_set_item {
                display:flex;
                gap: 16rem;
                & > dt {
                    width: 135rem;
                    & .land_detail_set_item_dt {
                        text-align: center;
                        width: 100%;
                        background:#fff;
                        border-radius: 9999px;
                        display:flex;
                        justify-content: center;
                        align-items: center;
                        font-size: 20rem;
                        font-weight: 900;
                        line-height: calc(32/20*1em);
                    }
                }
                & > dd {
                    flex:1;
                    font-size: 20rem;
                    font-weight: 900;
                    line-height: calc(28/20*1em);
                    & .land_detail_set_item_cap {
                        font-size: 78%;
                    }
                    & .land_detail_set_item_shop_list {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 0rem 36rem;
                        & > li {
                            width: 280rem;
                        }
                    }
                }
                & + .land_detail_set_item {
                    margin-top: 16rem;
                }
            }
        }
    }
}
.land_set {
    position: relative;
    background: #ffdbe1;
    padding-bottom: 258rem;
}
.land_kv {
    position: relative;
    z-index: 1;
    height: 720rem;
    padding-top: 1px;
    background: url(../img/pc/product/tokyo_station/land_kv.webp) no-repeat 50% 0 / 1440rem auto;
    & .land_kv_inner {
        width: 1200rem;
        margin-inline: auto;
        display: flex;
        justify-content: end;
    }
    & .land_kv_content {
        position: relative;
        color: #fff;
        text-align: center;
        vertical-align: baseline;
        margin-top: 156rem;
        box-sizing: content-box;
        
        & .land_kv_set {
            & > dt {
                font-size: 40rem;
                font-weight: 900;
                line-height: 1;
                & .land_kv_ttl_logo {
                    display: inline-block;
                    overflow: hidden;
                    width: 373rem;
                    height: 55rem;
                    margin-right: 2rem;
                    color: transparent;
                    background: url(../img/pc/product/tokyo_station/land_kv_ttl_logo.webp) no-repeat 50% 0 / contain;
                }
            }
            & > dd {
                font-size: 22rem;
                font-weight: 900;
                line-height: calc(40 / 22 * 1em);
                margin-top: 25rem;
            }
        }
        & .land_kv_link {
            text-align: center;
            font-size: 16rem;
            font-weight: 900;
            line-height: calc(40 / 16 * 1em);
            margin-top: 17rem;
            color: #fff;
            & a {
                color: inherit;
                position: relative;
                text-decoration: none;
                padding-bottom: 5rem;
                opacity: 1!important;
                background: linear-gradient(currentColor 0 0) left bottom / 100% 1px no-repeat;
                &::after {
                    content: "";
                    display: inline-block;
                    width: 0.6em;
                    height: 0.8em;
                    margin-left: 0.4em;
                    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
                    background: #fff;
                }
                @media(hover: hover){
                    transition: background-size 0.2s ease;
                    &::after {
                        transition: transform 0.2s;
                    }
                    &:hover {
                        background-position: right bottom;
                        background-size: 0 1px;
                        transition: background-size 0.2s ease;
                        &::after {
                            transform: translateX(50%);
                        }
                    }
                }
            }
        }
    }
}
.land_shop {
    position: relative;
    z-index: 3;
    width: 1200rem;
    margin-top: -120rem;
    border-radius: 40rem;
    margin-inline: auto;
    background: #fff;
    overflow: hidden;
    & .land_shop_top_deco {
        position: relative;
        height: 34rem;
        background:#e70012;
        &::before {
            content: "";
            position: absolute;
            bottom: -12rem;
            left: 0;
            width: 100%;
            height: 13rem;
            background: url(../img/pc/product/tokyo_station/about_nami_down.webp) repeat-x calc(50% - 44rem) 100% / 91rem auto;
        }
    }
    & .land_shop_ttl_wrap {
        position: relative;
        text-align: center;
        margin-top: 54rem;
        & .land_shop_ttl {
            width: 360rem;
            height: auto;
            margin-top: 5rem;
        }
        &::before {
            content:"";
            position:absolute;
            top: 40rem;
            left: calc(50% - 510rem);
            width: 272rem;
            height: 129rem;
            background: url(../img/pc/product/tokyo_station/land_shop_ttl_deco_1.webp) no-repeat 50% 50% / contain;
        }
        &::after {
            content:"";
            position:absolute;
            top: 34rem;
            right: calc(50% - 515rem);
            width: 262rem;
            height: 129rem;
            background: url(../img/pc/product/tokyo_station/land_shop_ttl_deco_2.webp) no-repeat 50% 50% / contain;
        }

    }
    & .land_shop_about {
        margin-top: 64rem;
        display: flex;
        gap: 40rem;
        margin-inline: 80rem;
        & .land_shop_about_detail_side {
            width: 470rem;
            margin-top: 13rem;
            & .land_shop_about_detail_ttl {
                width: 453rem;
                height: auto;
            }
            & .land_shop_about_detail_set > dd {
                margin-top: 25rem;
                font-size: 20rem;
                font-weight: 900;
                line-height: calc(30/20*1em);
            }
        }
        & .land_shop_about_thumb_side {
            flex: 1;
            & .land_shop_about_thumb {
                width:532rem;
                height:auto;
            }
        }
    }
    & .land_shop_check {
        margin-top: 102rem;
        & .land_shop_check_ttl_wrap {
            position:relative;
            & .land_shop_check_ttl {
                position: relative;
                text-align: center;
                font-size: 32rem;
                font-weight: 900;
                line-height: 1;
                color: #fff;
                background: #e70012;
                margin-inline: 180rem;
                padding: 17rem;
                border-radius:9999px;
            }
            &::before {
                content: "";
                position: absolute;
                z-index: 1;
                top: -40rem;
                left: calc(50% - 521rem);
                width: 172rem;
                height: 131rem;
                background: url(../img/pc/product/tokyo_station/land_shop_check_ttl_deco_1.webp) no-repeat 50% 0 / contain;
            }
            &::after {
                content: "";
                position: absolute;
                z-index: 1;
                top: -36rem;
                right: calc(50% - 521rem);
                width: 175rem;
                height: 126rem;
                background: url(../img/pc/product/tokyo_station/land_shop_check_ttl_deco_2.webp) no-repeat 50% 0 / contain;
            }
        }
        & .land_shop_check_list {
            display: grid;
            grid-template-columns: 1fr 1fr;
            width: 1040rem;
            gap: 72rem 40rem;
            margin-inline: auto;
            margin-top: 66rem;
            & > li {
                & .land_shop_check_item {
                    width: 100%;
                    height: auto;
                }
                & .land_shop_check_item_ttl {
                    position: relative;
                    text-align: center;
                    font-size: 26rem;
                    font-weight: 900;
                    line-height: calc(32 / 26 * 1em);
                    background: #ffdbe1;
                    border-radius: 9999px;
                    margin-top: 34rem;
                    padding-block: 4rem;
                    &.font_small {
                        font-size: 24rem;
                        line-height: calc(28 / 24 * 1em);
                        & .land_shop_check_item_ttl_small {
                            font-size: calc(20/24*100%);
                        }
                    }
                    &:has(br) {
                        min-height: 78rem;
                        display:flex;
                        justify-content: center;
                        align-items: center;
                    }
                    &::before,
                    &::after {
                        content:"";
                        position: absolute;
                        top:0;
                        bottom:0;
                        display: block;
                        width: 16rem;
                        height: 16rem;
                        margin-block: auto;
                        background: url(../img/pc/product/tokyo_station/land_shop_check_item_ttl_star.svg) no-repeat 50% 50% / contain;
                    }
                    &::before{
                        left: 16rem;
                    }
                    &::after {
                        right: 16rem;
                    }
                    & .land_shop_check_item_ttl_small {
                        font-size: calc(20/26*100%);
                    }
                }
                & .land_shop_check_item_txt {
                    font-size: 20rem;
                    font-weight: 900;
                    line-height:1.5;
                    margin-top: 15rem;
                }
                & .land_shop_check_item_data {
                    display: flex;
                    gap: 18rem;
                    margin-top: 27rem;
                    & > dt {
                        border: 2rem solid #000;
                        border-radius: 8rem;
                        font-size: 20rem;
                        font-weight: 900;
                        display:flex;
                        justify-content: center;
                        align-items: center;
                        width: 132rem;
                        min-height: 48rem;
                    }
                    & > dd {
                        flex: 1;
                        align-self: center;
                        font-size: 18rem;
                        line-height: calc(24/18*1em);
                        font-weight: 900;
                    }
                    & + .land_shop_check_item_data {
                        margin-top: 15rem;
                    }
                }
            }
        }
    }
    & .shop_box_kotae {
        &::before {
            content:"";
            display:block;
            position:absolute;
            top: -20rem;
            left:0;
            width:100%;
            height:53rem;
            background: #fff url(../img/pc/product/tokyo_station/booth_bg.webp) no-repeat 50% 0 / 100% auto;
        }
        position: relative;
        z-index: 1;
        padding-top: 72rem;
        margin-top: 107rem;
        background: #e70012;
        & .shop_box_kotae_ttl_wrap {
            position: relative;
            color: #fff;
            text-align: center;
            font-size: 45rem;
            line-height: 1;
            letter-spacing: -0.08em;
            font-weight: 900;
            padding-left: 180rem;
            & .shop_box_kotae_ttl {
                width: 479rem;
                height:auto;
            }
            & .shop_box_kotae_ttl_fukidashi {
                position: absolute;
                top: -27rem;
                left: calc(50% - 360rem);
                width: 194rem;
                height: 76rem;
                padding-bottom: 5rem;
                color: #000;
                font-size: 20rem;
                letter-spacing: -0.05em;
                line-height: calc(24 / 20 * 1em);
                font-weight: 700;
                display: flex;
                justify-content: center;
                align-items: center;
                background: url(../img/pc/product/tokyo_station/shop_box_kotae_ttl_fukidashi.webp) no-repeat 50% 50% / contain;
            }
        }
        & .shop_box_kotae_list {
            margin-top: 40rem;
            display: flex;
            justify-content: center;
            gap: 30rem;
            padding-left: 8rem;
            & > li {
                position: relative;
                width: 501rem;
                height: 350rem;
                background: #000;
                border-radius: 18rem 18rem 0 0;
                & .shop_box_kotae_item_ttl {
                    color:#fff;
                    text-align: center;
                    font-size: 24rem;
                    line-height: calc(32/24*1em);
                    font-weight: 900;
                    padding-top: 8rem;
                }
                & .shop_box_kotae_item_img {
                    position:relative;
                    width: 477rem;
                    height: 288rem;
                    margin-top: 10rem;
                    margin-inline: auto;
                    & .shop_box_kotae_item_img_1 {
                        position: absolute;
                        top:0;
                        left:0;
                        width: 100%;
                        height:100%;
                        background:url(../img/pc/product/tokyo_station/shop_box_kotae_1.webp?v=1) no-repeat 50% 50% / cover;
                    }
                    & .shop_box_kotae_item_img_2 {
                        position: absolute;
                        top:0;
                        left:0;
                        width: 100%;
                        height:100%;
                        background:url(../img/pc/product/tokyo_station/shop_box_kotae_2.webp?v=1) no-repeat 50% 50% / cover;
                        & .shop_box_kotae_item_img_2_answer {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            background:url(../img/pc/product/tokyo_station/shop_box_kotae_2_answer.webp?v=1) no-repeat 50% 50% / cover;
                            opacity: 0;
                            transition: opacity 0.4s;
                            &::after  {
                                content: "";
                                position: absolute;
                                top: 230rem;
                                left: -8rem;
                                width: 28rem;
                                height: 38rem;
                                background: url(../img/pc/product/tokyo_station/shop_box_kotae_2_answer_circle.svg) no-repeat 50% 50% / contain;
                            }
                            & .shop_box_kotae_item_img_2_answer_list {
                                text-align: left;
                                position: absolute;
                                top: calc(100% + 46rem);
                                left: 0rem;
                                width: 100%;
                                padding-left: 80rem;
                                color:#fff;
                                font-size: 20rem;
                                line-height: calc(30/20*1em);
                                letter-spacing: -0.025em;
                                font-weight: 900;
                                & > li {
                                    padding-left: 1em;
                                    text-indent: -1em;
                                    & .shop_box_kotae_item_img_2_answer_item_initial {
                                        display: inline-block;
                                        width: 1em;
                                        text-indent: 0;
                                    }
                                }
                            }
                        }
                    }

                }
            }
        }
        & .shop_box_kotae_btn_wrap {
            position: relative;
            display: flex;
            justify-content: center;
            padding-block: 70rem 77rem;
            & .shop_box_kotae_btn {
                font-family: inherit;
                position: relative;
                width: 355rem;
                height: 73rem;
                border: none;
                border-radius: 9999px;
                overflow: hidden;
                background: #ffe103;
                border: 4rem solid #ffe103;
                color: #e70012;
                cursor: pointer;
                box-shadow: 0rem 8rem 0rem 0rem rgba(0, 0, 0, 0.4);
                transition: transform 0.4s;
                & .shop_box_kotae_btn_inner {
                    position:relative;
                    font-size: 28rem;
                    letter-spacing: -0.025em;
                    line-height: calc(32/28*1em);
                    font-weight: 900;
                    & .shop_box_kotae_btn_off {
                        display: block;
                    }
                    & .shop_box_kotae_btn_on {
                        display: none;
                    }
                }
                &::before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%) scale(0);
                    will-change: transform;
                    display: block;
                    background: #fff;
                    border-radius: 50%;
                    width: 100%;
                    padding-bottom: 100%;
                    transition: transform 0.4s;
                }
                @media(hover: hover){
                    &:hover::before {
                        transform: translate(-50%, -50%) scale(1);
                    }
                }
                &::after {
                    content: "";
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: 23rem;
                    display: block;
                    margin-block: auto;
                    width: 15rem;
                    height: 20rem;
                    background: #e70012;
                    clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
                }
            }
        }
    }
    &.is_answer_show {
        & .shop_box_kotae {
            & .shop_box_kotae_item_img_2_answer {
                opacity:1!important;
            }
            & .shop_box_kotae_btn {
                transform: translateX(-140rem);
                & .shop_box_kotae_btn_off {
                    display: none!important;
                }
                & .shop_box_kotae_btn_on {
                    display: block!important;
                }
            }
        }
    }

}
.land_shop_bg_deco_w {
    width: 244rem;
    height:auto;
    position:absolute;
}
.land_shop_bg_deco_p {
    width: 431rem;
    height:auto;
    position:absolute;
}
.land_shop_bg_deco_1 {
    top: 1104rem;
    right: calc(50% + -658rem);
}
.land_shop_bg_deco_2 {
    top: 1619rem;
    left: calc(50% + -880rem);
    z-index: 1;
}
.land_shop_bg_deco_3 {
    top: 602rem;
    right: calc(50% + -1056rem);
}
.land_shop_bg_deco_4 {
    top: 999rem;
    left: calc(50% + -1009rem);
    z-index: 1;
}
.land_shop_bg_deco_5 {
    top: 1528rem;
    right: calc(50% + -1064rem);
    z-index: 1;
}
.land_shop_bg_deco_6 {
    top: 2179rem;
    left: calc(50% + -795rem);
    z-index: 1;
}
.land_shop_bg_deco_7 {
    top: 2105rem;
    right: calc(50% + -684rem);
    z-index: 1;
}
.land_shop_bg_deco_8 {
    top: 2620rem;
    right: calc(50% + -982rem);
    z-index: 1;
}
.land_shop_bg_deco_9 {
    top: 2810rem;
    left: calc(50% + -705rem);
    z-index: 1;
}
.land_shop_bg_deco_10 {
    top: 3275rem;
    left: calc(50% + -1062rem);
    z-index: 1;
}
.land_shop_bg_deco_11 {
    top: 3456rem;
    right: calc(50% + -1067rem);
    z-index: 1;
}

.land_shop_chara_1 {
    position: absolute;
    z-index: 4;
    top: 3963rem;
    left: calc(50% + 357rem);
    width: 180rem;
    height: auto;
}

/* #endregion */