/****************************************************
override
 *****************************************************/
 @media screen and (max-width: 767.98px) {
    .globalNavigationBar {
        position: relative;
        background-color: #000;
    }
}

/****************************************************
utility
 *****************************************************/
.hoverItem {transition: filter .2s ease-out;}
.hoverItem:hover {filter: brightness(1.2); }

/****************************************************
page
 *****************************************************/
body {
    background: #000;
}
.allContainer {
    position: relative;
    color: #d9d9d9;
}

.allContainer img {vertical-align: top;}

/**
headArea
 **/

.headArea {
    position: relative;
    width: 100%;
    padding-top: 100%;
    text-align: center;
}

.headArea__inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 28%;

}

.headArea__logo img {
    width: calc(276px / 2);
}

.headArea__event {
    position: absolute;
    top: 3.7vw;
    right: 0;
    width: calc(364 / 720 * 100%);
}

.headArea__preReservation {
    position: absolute;
    top: 5vw;
    left: 5%;
    width: calc(140 / 720 * 100%);
}


/**
bodyArea
 **/

.bodyArea {
    width: 100%;
}

.bodyArea__inner {padding-bottom: 8%; }

.notice_dl:last-child,
.notice_dl:last-child ul,
.notice_dl:last-child dd:last-child {
    margin-bottom: 0;
}
.notice_dl dt {
    display: flex;
    gap: 5px;
}
.notice_dl dt::before {
    content: "■";
}
.notice_dl dd {
    line-height: 1.2;
}
.list-dash {
    list-style-type: none;
    padding-left: 0;
}
.list-dash li {
    display: flex;
    gap: 5px;
}
.list-dash li::before {
    content: "-"
}

.venue__item_upper h2,
.venue__item_upper p {
    text-indent: -9999em;
    font-size: 0;
}
.broadcast {
}
.broadcast_content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.actor_list dl {
    display: none;
}
.novelty__text {
    text-indent: -9999em;
}

@media screen and (max-width: 767px) {
    .allContainer {
        background: url(https://static.ncsoft.jp/bns2/event/2307offline/bg_m.webp) top center/contain no-repeat;
    }
    .headArea {
        aspect-ratio: 720 / 956;
    }
    .headArea__inner {
        padding-top: 64vw;
    }
    .headArea__logo {
        display: none;
    }
    .content_inner {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .venue {
        display: flex;
        flex-direction: column;
        aspect-ratio: 720 / 1518;
        background: url(https://static.ncsoft.jp/bns2/event/2307offline/venue_m_end_tokyo.webp) center center/cover no-repeat;
    }
    .venue__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 51.7vw;
        aspect-ratio: 374 / 384;
    }
    .venue__item--osaka,
    .venue__item--tokyo {
        margin-left: auto;
        margin-right: 8vw;
    }
    .venue__item--osaka {
        margin-top: 9.5vw;
    }
    .venue__item--nagoya {
        margin-top: 20.45vw;
        margin-left: 8vw;
    }
    .venue__item--tokyo {
        margin-top: 18.3vw;
    }
    .venue__item_upper {
        align-self: stretch;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: 1;
    }
    .venue__item_lower {
        align-self: stretch;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 17vw;
        margin-bottom: 0;
    }
    .venue__item_lower dt {
        margin-top: 1.7vw;
        text-align: center;
        pointer-events: none;
        height: 3.3vw;
        aspect-ratio: 96 / 24;
    }
    .venue__item_lower dt img {
        width: 100%;
        height: auto;
    }
    .venue__item_lower dd {
        text-align: center;
        margin-top: 1vw;
        margin-bottom: 0;
    }
    .btn_app,
    .btn_access {
        width: 44vw;
    }
    .btn_app img,
    .btn_access img {
        width: 100%;
    }
    .btn_app {
        margin-top: auto;
        margin-bottom: 2.5vw;
    }
    .btn_access {
        display: block;
    }

    .hdg {
        display: none;
    }

    .broadcast {
        margin-top: 13.74vw;
    }
    .broadcast iframe {
        width: 90vw;
        height: 51vw;
    }

    .actor {
        margin-top: 13.74vw;
        aspect-ratio: 720 / 1184;
        background: url(https://static.ncsoft.jp/bns2/event/2307offline/actor_m.webp) center center/contain no-repeat;
    }
    .novelty {
        aspect-ratio: 720 / 822;
        background: url(https://static.ncsoft.jp/bns2/event/2307offline/novelty_m.webp) center center/contain no-repeat;
    }
    .about {
        padding-top: 13vw;
        background: url(https://static.ncsoft.jp/bns2/event/2307offline/about_m.webp) top center/contain no-repeat;
    }
    .notice {
        padding-top: 13vw;
        margin-top: 10vw;
        margin-bottom: 20vw;
        background: url(https://static.ncsoft.jp/bns2/event/2307offline/notice_m.webp) top center/contain no-repeat;
    }
}




/****************************************************
PC VIEW
 *****************************************************/

@media screen and (min-width: 768px) {
    html {
        overflow-x: auto;
    }

    body {
        min-width: 1236px;
        overflow-x: hidden;
    }
    .allContainer {
        background-image:
            url(https://static.ncsoft.jp/bns2/event/2307offline/bg_20230810.webp),
            url(https://static.ncsoft.jp/bns2/event/2307offline/bg_low.webp)
        ;
        background-position: center 0, center bottom;
        background-repeat: no-repeat;
    }
    .globalNavigationBar {
        min-width: 1220px;
    }

    .box {min-width: 1220px; }
    .box__inner {width: 1220px; margin-left: auto; margin-right: auto; }

    .headArea {
        height: 700px;
        padding-top: 104px;
    }
    .headArea__logo img {
        width: auto;
        height: 152px;
    }
    .headArea__inner {
        width: auto;
        height: auto;
        padding-top: 0;
        position: static;
        left: auto;
        top: auto;
    }

    .headArea__h1 {
        margin-top: 10px;
    }

    .headArea__event {
        width: 280px;
        top: 72px;
    }

    .headArea__preReservation {
        display: none;
    }

    .bodyArea__inner {
        padding-bottom: 48px;
    }

    .content_inner {
        max-width: 824px;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
    }
    .venue {
        display: flex;
        justify-content: center;
        width: 1206px;
        height: 568px;
        margin-left: auto;
        margin-right: auto;
        gap: 44px;
        background: url(https://static.ncsoft.jp/bns2/event/2307offline/venue_end_tokyo.webp);
    }
    .venue__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 349px;
    }
    .venue__item_upper {
        align-self: stretch;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: 1;
    }
    .venue__item_lower {
        align-self: stretch;
        height: 122px;
        margin-bottom: 0;
    }
    .venue__item_lower dt {
        margin-top: 15px;
        text-align: center;
        pointer-events: none;
    }
    .venue__item_lower dd {
        text-align: center;
        margin-top: 8px;
        margin-bottom: 0;
    }
    .btn_app {
        margin-top: auto;
        margin-bottom: 20px;
    }
    .btn_access {

    }
    .broadcast {
        margin-top: 58px;
    }
    .actor {
        margin-top: 58px;
    }
    .actor_list {
        height: 982px;
        background: url(https://static.ncsoft.jp/bns2/event/2307offline/actor_list.webp) top center no-repeat;
    }
    .novelty {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 82px;
    }
    .novelty__hdg {
        position: relative;
    }
    .novelty__chara {
        position: absolute;
        top: -123px;
        left: 50%;
        margin-left: -177px;
        width: 1266px;
        height: 1411px;
        background: url(https://static.ncsoft.jp/bns2/event/2307offline/novelty_chara.webp) center center no-repeat;
        pointer-events: none;
    }
    .novelty__grow {
        position: absolute;
        top: -304px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: -12px;
        width: 1783px;
        height: 1703px;
        background: url(https://static.ncsoft.jp/bns2/event/2307offline/novelty_grow.webp) center center no-repeat;
        pointer-events: none;
    }
    .novelty__grow--1 {
        mix-blend-mode: screen;
    }
    .novelty__grow--2 {
        mix-blend-mode: overlay;
    }
    .novelty__text {
        position: relative;
        width: 510px;
        height: 182px;
        margin-top: 66px;
        background: url(https://static.ncsoft.jp/bns2/event/2307offline/novelty_text.webp) center center no-repeat;
    }
    .novelty__pic {
        position: relative;
        width: 438px;
        height: 377px;
        margin-top: 20px;
        background: url(https://static.ncsoft.jp/bns2/event/2307offline/novelty_pic.webp) center center no-repeat;
        filter: drop-shadow(0 0 30px #fff);
    }
    .about {
        margin-top: 125px;
        position: relative;
    }
    .notice {
        margin-top: 86px;
        margin-bottom: 40px;
    }
    .btnArea img {width: auto; }

}


/****************************************************
fancybox
 *****************************************************/
.fancybox-slide--html {
    padding: 0;
}
.fancybox-close-small {
    top: -50px;
    right: 0px;
    width: 38px;
    height: 38px;
    background: url(https://static.ncsoft.jp/bns2/event/2307offline/ico_close_cross.svg) center center no-repeat;

}
.fancybox-close-small svg {
    display: none;
}

@media screen and (max-width: 767px) {
    .fancybox-slide {
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (min-width: 768px) {
    .fancybox-slide {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}


/****************************************************
footer
 *****************************************************/
.footer{display:flex;justify-content:center;align-items:flex-end;position:absolute;bottom:0;z-index:1;width:100%;height:152px;padding-bottom:10px;background:url("https://t-statics.plaync.com/teaser/jp/img/footer_bg.png") repeat-x 50% 0 rgba(0,0,0,0); pointer-events: none; }
.footer_content{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.footer_content__copy{margin-top:14px;font-size:1.1rem;opacity:.2;color:#fff; font-size: 10px; text-align: center; padding-left: 1em; padding-right: 1em;  }