@media only screen and (max-width:500px) {
    .wrapper {
        height: calc(7600 / 750 * 100vw);
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/bg1.jpg) 0 0 / 100% calc(3693 / 750 * 100vw) no-repeat, url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/bg2.jpg) 0 calc(3692 / 750 * 100vw) / 100% calc(3908 / 750 * 100vw) no-repeat
    }

    .wrapper::after {
        content: "";
        display: block;
        width: calc(750 / 750 * 100vw);
        height: calc(7600 / 750 * 100vw);
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/wrapper.png) 0 0 / 100% 100% no-repeat;
        pointer-events: none;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .wrapper.on {
        position: relative
    }

    .kv {
        height: calc(1190 / 750 * 100vw)
    }

    .s1 {
        height: calc(1244 / 750 * 100vw)
    }

    .s2 {
        height: calc(1268 / 750 * 100vw)
    }

    .s3 {
        height: calc(1250 / 750 * 100vw)
    }

    .s4 {
        height: calc(1214 / 750 * 100vw)
    }

    .s5 {
        height: calc(1299 / 750 * 100vw)
    }

    .side {
        width: calc(750 / 750 * 100vw);
        height: calc(109 / 750 * 100vw);
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/side.png) 0 0 / 100% 100% no-repeat;
        bottom: 0;
        top: initial;
        left: 50%;
        margin-top: 0;
        margin-left: calc(-375 / 750 * 100vw)
    }

    .side.on {
        position: absolute
    }

    .side a {
        width: calc(69 / 750 * 100vw);
        height: calc(76 / 750 * 100vw);
        background-image: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/side1.png);
        background-size: calc(0 / 750 * 100vw) calc(71 / 750 * 100vw);
        background-position: 0 bottom;
        top: calc(28 / 750 * 100vw);
        left: calc(71 / 750 * 100vw)
    }

    .side a.act {
        background-image: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/side2.png)
    }

    .side a {
        width: calc(69 / 750 * 100vw);
        height: calc(76 / 750 * 100vw);
        position: absolute;
        display: block;
        background-image: url("../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/side1.png");
        background-repeat: no-repeat;
        background-size: calc(900 / 750 * 100vw) calc(109 / 750 * 100vw);
        background-position-y: center
    }

    .side a[data-id="0"] {
        background-position-x: 0
    }

    .side a[data-id="1"] {
        top: calc(28 / 750 * 100vw);
        left: calc(51 / 750 * 100vw);
        background-position: calc(-63 / 750 * 100vw) calc(-28 / 750 * 100vw);
    }

    .side a[data-id="2"] {
        top: calc(28 / 750 * 100vw);
        left: calc(143 / 750 * 100vw);
        background-position: calc(-169 / 750 * 100vw) calc(-28 / 750 * 100vw);
    }

    .side a[data-id="3"] {
        top: calc(28 / 750 * 100vw);
        left: calc(235 / 750 * 100vw);
        background-position: calc(-275 / 750 * 100vw) calc(-28 / 750 * 100vw);
    }

    .side a[data-id="4"] {
        top: calc(28 / 750 * 100vw);
        left: calc(327 / 750 * 100vw);
        background-position: calc(-381 / 750 * 100vw) calc(-28 / 750 * 100vw);
    }

    .side a[data-id="5"] {
        top: calc(28 / 750 * 100vw);
        left: calc(419 / 750 * 100vw);
        background-position: calc(-487 / 750 * 100vw) calc(-28 / 750 * 100vw);
    }

    .side a[data-id="6"] {
           width: calc(69 / 750 * 100vw);
        height: calc(76 / 750 * 100vw);
         top: calc(25 / 750 * 100vw);
         left: calc(540 / 750 * 100vw);
         background-position: calc(-593 / 750 * 100vw) calc(-28 / 750 * 100vw);
         transform: scale(1.25);
         transform-origin: center
    }

    .side a[data-id="7"] {
           width: calc(69 / 750 * 100vw);
        height: calc(76 / 750 * 100vw);
         top: calc(25 / 750 * 100vw);
         left: calc(625 / 750 * 100vw);
        background-position: calc(-668 / 750 * 100vw) calc(-28 / 750 * 100vw);
        transform: scale(1.25);
        transform-origin: center
    }

    .side a.act {
        background-image: url("../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/side2.png");
        background-size: calc(900 / 750 * 100vw) calc(109 / 750 * 100vw)
    }

    .side a[data-id="1"].act {
        background-position-y: calc(-32 / 750 * 100vw);
        background-position-x: calc(-76 / 750 * 100vw)
    }

    .side a[data-id="2"].act {
        background-position-y: calc(-32 / 750 * 100vw);
        background-position-x: calc(-209 / 750 * 100vw)
    }

    .side a[data-id="3"].act {
        background-position-y: calc(-32 / 750 * 100vw);
        background-position-x: calc(-342 / 750 * 100vw)
    }

    .side a[data-id="4"].act {
        background-position-y: calc(-32 / 750 * 100vw);
        background-position-x: calc(-469 / 750 * 100vw)
    }

    .side a[data-id="5"].act {
        background-position-y: calc(-32 / 750 * 100vw);
        background-position-x: calc(-596 / 750 * 100vw)
    }

    .side a[data-id="6"].act {
        background-position-y: calc(-32 / 750 * 100vw);
        background-position-x: calc(-727 / 750 * 100vw);
         transform: scale(1);
    }

    .side a[data-id="7"].act {
        background-position-y: calc(-32 / 750 * 100vw);
        background-position-x: calc(-825 / 750 * 100vw);
        transform: scale(1);
    }

    .btn_top {
        width: calc(113 / 750 * 100vw);
        height: calc(112 / 750 * 100vw);
        bottom: calc(18 / 750 * 100vw);
        right: 0
    }

    .kv .logo {
        width: calc(325 / 750 * 100vw);
        height: calc(76 / 750 * 100vw);
        top: calc(120 / 640 * 100vw)
    }

    .TW .kv .logo {
        width: calc(325 / 750 * 100vw);
        height: calc(54 / 750 * 100vw)
    }

    .slogan {
        width: calc(750 / 750 * 100vw);
        height: calc(240 / 750 * 100vw);
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/slogan/en.png) center 0 / auto 100% no-repeat;
        top: calc(561 / 750 * 100vw)
    }

  

    .vi .slogan {
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/slogan/vi.png) center 0 / auto 100% no-repeat
    }

    .slogan a {
        width: calc(114 / 750 * 100vw);
        height: calc(114 / 750 * 100vw);
        top: calc(256 / 750 * 100vw);
        margin-left: calc(-57 / 750 * 100vw)
    }

    .newdownload-wrap {
        top: calc(952 / 750 * 100vw) !important
    }

    .newdownload-wrap .dow_page_kv {
        width: calc(640 / 750 * 100vw);
        max-width: 100%;
    }

    .android-device .newdownload-wrap {
        flex-wrap: wrap;
    }

    .android-device .newdownload-wrap .dow_page_kv {
        flex: 0 0 calc(640 / 750 * 100vw);
        width: calc(640 / 750 * 100vw);
        object-fit: contain;
    }

    .tit1 {
        width: calc(750 / 750 * 100vw);
        height: calc(52 / 750 * 100vw);
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/tit1/en.png) center 0 / auto 100% no-repeat;
        margin: calc(30 / 750 * 100vw) auto 0;
        top: calc(740 / 750 * 100vw);
        left: initial
    }

    .title_page1_2 {
        position: absolute;
        top: calc(640 / 750 * 100vw - 5px);
        left: 50%;
        width: calc(650 / 750 * 100vw);
        height: auto;
        transform: translateX(-50%);
        z-index: 2;
    }


    .vi .tit1 {
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/tit1/vi.png) center 0 / auto 100% no-repeat
    }

    .s1 .play-btn {
        width: calc(160 / 750 * 100vw);
        height: calc(161 / 750 * 100vw);
        top: calc(465 / 750 * 100vw);
        margin-left: calc(-57 / 750 * 100vw)
    }

    .s1 .textarea {
        width: calc(640 / 750 * 100vw);
        height: auto;
        top: calc(830 / 750 * 100vw);
        left: 50%;
        margin-left: calc(-320 / 750 * 100vw)
    }

    .s1 .textarea .timhieubtn {
        width: calc(400 / 750 * 100vw);
    }

    .s1 .textarea p {
        font-size: calc(20 / 750 * 100vw);
        line-height: calc(34 / 750 * 100vw);
        color: #e1d3ae;
        margin-bottom: calc(25 / 750 * 100vw)
    }

    .s1 .textarea .text-main {
        padding-left: calc(24 / 750 * 100vw);
        text-indent: calc(-24 / 750 * 100vw);
        margin-top: calc(25 / 750 * 100vw)
    }

    .s1 .textarea .text-sub {
        padding-left: calc(24 / 750 * 100vw);
        margin-bottom: calc(25 / 750 * 100vw)
    }

    .tit2 {
        height: calc(62 / 750 * 100vw);
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/tit2/en.png) center 0 / auto 100% no-repeat;
        margin: 0 auto 0
    }

    .vi .tit2 {
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/tit2/vi.png) center 0 / auto 100% no-repeat
    }

    .s2 .s2_trainghiem {
        content: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/ui/page6.png);
        width: calc(700 / 750 * 100vw);
    }

    .s2_box {
        width: calc(750 / 750 * 100vw);
        height: calc(1110 / 750 * 100vw);
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s2_box.png) 0 0 / 100% 100% no-repeat
    }

    .s2 .content {
        height: calc(701 / 750 * 100vw);
        width: 100%
    }

    .s2 .imgBox {
        width: calc(580 / 750 * 100vw);
        height: calc(257 / 750 * 100vw);
        top: 12%
    }

    .s2 .imgBox .title {
        width: calc(352 / 750 * 100vw);
        height: calc(114 / 750 * 100vw);
        top: calc(-58 / 750 * 100vw);
        left: calc(-89 / 750 * 100vw);
        padding: 0 calc(30 /750 * 100vw)
    }

    .imgBox .title p {
        font-size: calc(24 / 750 * 100vw);
        line-height: calc(28 / 750 * 100vw);
        color: #fff;
        font-weight: bold;
        text-align: center
    }

    .de .imgBox .title p,
    .HK .imgBox .title p,
    .TW .imgBox .title p {
        font-size: calc(20 / 750 * 100vw);
        line-height: calc(24 / 750 * 100vw)
    }

    .ar .imgBox .title p,
    .ur .imgBox .title p {
        font-size: calc(20 / 750 * 100vw);
        line-height: calc(24 / 750 * 100vw)
    }

    .s2 .imgBox img:nth-of-type(1) {
        display: none
    }

    .s2 .imgBox img:nth-of-type(2) {
        display: block
    }

    .s2 .textarea {
        width: calc(650 / 750 * 100vw);
        height: calc(220 / 750 *100vw);
        max-height: calc(220 / 750 *100vw);
        position: absolute;
        top: 37%;
        left: 50%;
        transform: translateX(-50%);
        padding: calc(5 / 750 * 100vw) calc(60 / 750 * 100vw)
    }

    .s2 .textarea p {
        font-size: calc(22 / 750 * 100vw);
        line-height: calc(28 / 750 * 100vw);
        color: #322313;
        font-weight: bold;
        margin-bottom: calc(20 / 750 * 100vw);
        padding-left: calc(24 / 750 * 100vw);
        text-indent: calc(-24 / 750 * 100vw)
    }

    .ar .s2 .textarea p {
        padding-right: calc(22 / 750 * 100vw)
    }

    .s2 .textarea::-webkit-scrollbar {
        width: calc(3 / 750 * 100vw);
        height: calc(50 / 750 * 100vw)
    }

    .s2 .textarea::-webkit-scrollbar-track {
        background: #0f0a05;
        border-radius: calc(10 / 750 * 100vw)
    }

    .s2 .textarea::-webkit-scrollbar-thumb {
        background: #ffcf01;
        border-radius: calc(10 / 750 * 100vw)
    }

    .s2 .tab_list {
        position: absolute;
        top: calc(676 / 750 * 100vw);
        left: 50%;
        right: auto;
        z-index: 3;
        width: calc(680 / 750 * 100vw);
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: calc(8 / 750 * 100vw);
        transform: translateX(-50%)
    }

    .s2 .tab_list a {
        width: calc(266 / 750 * 100vw);
        height: calc(75 / 750 * 100vw);
        margin-top: 0;
        padding-left: calc(56 / 750 * 100vw);
        padding-right: calc(56 / 750 * 100vw);
        padding-top: calc(2 /750 *100vw);
        display: flex;
        align-items: center;
        justify-content: center;
        background: url("../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/s2_tab.png") 0 0 / 100% 100% no-repeat
    }

    .ru .s2 .tab_list a {
        height: calc(95 / 750 * 100vw);
        margin-top: calc(-13 / 750 * 100vw)
    }

    .s2 .tab_list a.active {
        background: url("../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/s2_tab_active.png") 0 0 / 100% 100% no-repeat
    }

    .s2 .tab_list a:nth-child(7) {
        margin-left: auto;
        margin-right: auto
    }

    .s2 .tab_list a p {
        font-size: calc(18 / 750 * 100vw);
        line-height: calc(20 / 750 * 100vw);
        color: #000;
        font-weight: bold;
        text-align: center
    }

    .uz .s2 .tab_list a p,
    .de .s2 .tab_list a p,
    .es .s2 .tab_list a p,
    .tr .s2 .tab_list a p {
        font-size: calc(18 / 750 * 100vw);
        line-height: calc(20 / 750 * 100vw)
    }

    .ur .s2 .tab_list a p,
    .ar .s2 .tab_list a p {
        font-size: calc(16 / 750 * 100vw);
        line-height: calc(20 / 750 * 100vw)
    }

    .ru .s2 .tab_list a p {
        font-size: calc(16 / 750 * 100vw);
        line-height: calc(18 / 750 * 100vw)
    }

    .tit3 {
        height: calc(110 / 750 * 100vw);
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/tit3/en.png) center 0 / auto 100% no-repeat;
        margin: calc(30 / 750 * 100vw) auto calc(20 / 750 * 100vw)
    }


    .vi .tit3 {
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/tit3/vi.png) center 0 / auto 100% no-repeat
    }

    .s3 .map {
        width: calc(629 / 750 * 100vw);
        height: calc(320 / 750 * 100vw);
        margin: calc(80 / 750 * 100vw) auto 0
    }

    .s3 .map-frame {
        display: none
    }

    .s3 .s3_swiper {
        width: calc(697 / 750 * 100vw);
        height: calc(320 / 750 * 100vw);
        margin: 0 auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .s3 .swiper-slide img:nth-of-type(1) {
        display: none
    }

    .s3 .swiper-slide img:nth-of-type(2) {
        display: block
    }

    .s3 .map-title {
        width: calc(452 / 750 * 100vw);
        height: calc(71 / 750 * 100vw);
        bottom: inherit;
        top: calc(-72 / 750 * 100vw);
        right: 50%;
        transform: translateX(50%);
        font-size: calc(24 / 750 * 100vw);
        line-height: calc(28 / 750 * 100vw);
        color: #fff5c5;
        text-align: center;
        padding: 0 calc(105 / 750 * 100vw) 0 calc(80 / 750 * 100vw)
    }

    .s3_prev {
        width: calc(88 / 750 * 100vw);
        height: calc(63 / 750 * 100vw);
        left: calc(-60 / 750 * 100vw)
    }

    .s3_next {
        width: calc(88 / 750 * 100vw);
        height: calc(63 / 750 * 100vw);
        right: calc(-60 / 750 * 100vw)
    }

    .s3 .s3_pagination {
        position: absolute;
        left: 50%;
        bottom: calc(-565 / 750 * 100vw);
        z-index: 10;
        width: calc(750 / 750 * 100vw);
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        row-gap: calc(82 / 750 * 100vw);
        column-gap: 0;
        overflow: visible;
        transform: translateX(-50%);
        touch-action: auto
    }

    .s3 .s3_pagination .swiper-pagination-bullet {
        width: calc(270 / 750 * 100vw);
        height: calc(134 / 750 * 100vw);
        flex: 0 0 calc(270 / 750 * 100vw);
        margin: 0;
        margin-left: 0;
        opacity: 1;
        border: 0;
        border-radius: 0;
        background-position: 0 0;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        cursor: pointer
    }

    .s3 .s3_pagination .swiper-pagination-bullet::after {
        height: calc(270 * 228 / 921 / 750 * 100vw);
    }

    .s3 .s3_pagination .s3_page1 {
        background: url("../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s3-page1.png") 0 0 / 100% 100% no-repeat
    }

    .s3 .s3_pagination .s3_page2 {
        background: url("../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s3-page2.png") 0 0 / 100% 100% no-repeat
    }

    .s3 .s3_pagination .s3_page3 {
        background: url("../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s3-page3.png") 0 0 / 100% 100% no-repeat
    }

    .s3 .s3_pagination .s3_page4 {
        background: url("../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s3-page4.png") 0 0 / 100% 100% no-repeat
    }

    .s3 .s3_pagination .s3_page5 {
        background: url("../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s3-page5.png") 0 0 / 100% 100% no-repeat
    }

    .s3 .s3_pagination .s3_page6 {
        background: url("../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s3-page6.png") 0 0 / 100% 100% no-repeat
    }

    .s3 .s3_pagination .s3_page1.swiper-pagination-bullet-active {
        background: url("../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s3-page1-active.png") 0 0 / 100% 100% no-repeat
    }

    .s3 .s3_pagination .s3_page2.swiper-pagination-bullet-active {
        background: url("../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s3-page2-active.png") 0 0 / 100% 100% no-repeat
    }

    .s3 .s3_pagination .s3_page3.swiper-pagination-bullet-active {
        background: url("../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s3-page3-active.png") 0 0 / 100% 100% no-repeat
    }

    .s3 .s3_pagination .s3_page4.swiper-pagination-bullet-active {
        background: url("../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s3-page4-active.png") 0 0 / 100% 100% no-repeat
    }

    .s3 .s3_pagination .s3_page5.swiper-pagination-bullet-active {
        background: url("../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s3-page5-active.png") 0 0 / 100% 100% no-repeat
    }

    .s3 .s3_pagination .s3_page6.swiper-pagination-bullet-active {
        background: url("../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s3-page6-active.png") 0 0 / 100% 100% no-repeat
    }

    .s3 .s3_pagination::-webkit-scrollbar {
        height: calc(10 / 750 * 100vw)
    }

    .s3 .s3_pagination::-webkit-scrollbar-track {
        background: #000;
        border-radius: calc(10 / 750 * 100vw)
    }

    .s3 .s3_pagination::-webkit-scrollbar-thumb {
        background: #f5ce5b;
        border-radius: calc(6 / 750 * 100vw);
        border: calc(2 / 750 * 100vw) solid transparent;
        border-left: 0;
        border-right: 0;
        background-clip: content-box
    }

    .s3 .s3_fraction {
        display: block;
        position: absolute;
        left: 50%;
        bottom: calc(-207 / 750 * 100vw);
        width: calc(120 / 750 * 100vw);
        height: calc(36 / 750 * 100vw);
        transform: translateX(-50%);
        z-index: 10
    }

    .s3 .s3_fraction_layer {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: calc(24 / 750 * 100vw);
        font-weight: 700;
        line-height: 1;
        text-align: center;
        pointer-events: none
    }

    .s3 .s3_fraction_stroke {
        z-index: 1;
        color: transparent;
        -webkit-text-stroke: calc(4 / 750 * 100vw) #000;
        text-stroke: calc(4 / 750 * 100vw) #000
    }

    .s3 .s3_fraction_fill {
        z-index: 2;
        color: #fff
    }

    .s3 .s3_fraction_fill .s3_fraction_current {
        color: #ffb13b
    }

    .s3 .s3_fraction_fill .s3_fraction_total {
        color: #fff
    }

    .s3_box {
        width: calc(726 / 750 * 100vw);
        height: calc(714 / 750 * 100vw);
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s3_box.html) 0 0 / 100% 100% no-repeat;
        margin: 0 auto
    }

    .s3_play {
        width: calc(134 / 750 * 100vw);
        height: calc(134 / 750 * 100vw);
        top: calc(136 / 750 * 100vw);
        margin-left: calc(-67 / 750 * 100vw)
    }

    .text {
        width: calc(580 / 750 * 100vw);
        height: calc(180 / 750 * 100vw);
        top: calc(400 / 750 * 100vw);
        margin-left: calc(-290 / 750 * 100vw);
        font-size: calc(22 / 750 * 100vw);
        line-height: calc(30 / 750 * 100vw)
    }

    .text b {
        font-size: calc(32 / 750 * 100vw);
        margin-bottom: calc(10 / 750 * 100vw)
    }

    .text::-webkit-scrollbar {
        width: calc(2 / 750 * 100vw)
    }

    .s4_box {
        width: calc(750 / 750 * 100vw);
        height: calc(1098 / 750 * 100vw);
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s4test.html) 0 0 / 100% 100% no-repeat;
        left: calc(0/ 750 * 100vw);
        top: calc(77/ 750 * 100vw)
    }

    .vi .s4_box {
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s4box/vi.png) 0 0 / 100% 100% no-repeat
    }

    .s4_box::after {
        display: block;
        content: "";
        position: absolute;
        left: 0;
        bottom: calc(-36 / 750 * 100vw);
        width: calc(750 / 750 * 100vw);
        height: calc(1392 / 750 * 100vw);
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s4after.png) 0 0 / 100% 100% no-repeat
    }

    .s5-box {
        width: calc(750 / 750 * 100vw);
        height: calc(1330 / 750 * 100vw);
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s5box/en.png) 0 0 / 100% 100% no-repeat;
        margin: 0 auto
    }
    .vi .s5-box {
        background: url(../../images/event/PUBG-MOBILE-NARUTO-SHIPPUDEN/m/s5box/vi.png) 0 0 / 100% 100% no-repeat
    }

    .pop_close {
        cursor: initial;
        top: calc(-39 / 750 * 100vw);
        right: calc(0 / 750 * 100vw);
        width: calc(39 / 750 * 100vw);
        height: calc(39 / 750 * 100vw)
    }

    .pop_video {
        width: calc(750 / 750 * 100vw);
        height: calc(422 / 750 * 100vw);
        top: 48%;
        margin-left: calc(-375 / 750 * 100vw);
        margin-top: calc(-211 / 750 * 100vw)
    }

    .pop_video .pop_close {
        top: calc(430 / 750 * 100vw);
        right: 50%;
        margin-right: calc(-14.5 / 750 * 100vw)
    }
}