.lostark-event .middle .section-event .info h3,.lostark-event .middle .section-event .info p{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}.lostark-event .nav__wrapper ul{width:100%;margin-bottom:25px;box-sizing:border-box}.lostark-event .nav__wrapper ul a{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:70px;padding:20px 15px;box-sizing:border-box;border-bottom:1px solid #30313b;font-size:18px;color:#fff}.lostark-event .nav__wrapper ul a.nav__item--active{background-color:#37258c;border:0;color:#fff}.lostark-event .nav__wrapper ul a[disabled]{opacity:.5}.lostark-event .nav__wrapper ul a>span{display:block;margin-bottom:3px;font-size:16px;color:#777}.lostark-event .nav__wrapper .link{-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-bottom:25px}.lostark-event .nav__wrapper .link .button--risha{position:relative;width:210px;height:46px;margin:10px auto;background:url(../181212_preseason/images/m/bt_risha.png?b19117c89838c8df63e14fa90daa498f) no-repeat 0 0;background-size:100% auto;font-size:0}.lostark-event .nav__wrapper .link .button--trailer{position:relative;width:210px;height:45px;margin:10px auto;background:url(../181107_challenge/images/m/bt_trailer.png?65ce36183a4e2683dcbf49a204013c3f) no-repeat 0 0;background-size:100% auto;font-size:0}.lostark-event .nav__wrapper .link .button--goldriver{position:relative;width:210px;height:45px;margin:10px auto;background:url(../181107_challenge/images/m/bt_goldriver.png?1e78e89d1cb1383d8674dcba08203c77) no-repeat 0 0;background-size:100% auto;font-size:0}#modal-movie .lui-modal__window{padding:50px 0}#modal-movie .lui-modal__body{width:100%;background-color:transparent}#modal-movie .lui-modal__close{overflow:hidden;position:fixed;right:10px;top:10px;width:29px;height:29px;font-size:0}#modal-movie .lui-modal__close:after,#modal-movie .lui-modal__close:before{content:"";transform:rotate(45deg);position:absolute;background:#fff}#modal-movie .lui-modal__close:before{left:0;top:14px;width:100%;height:1px}#modal-movie .lui-modal__close:after{left:14px;top:0;width:1px;height:100%}#modal-movie .lui-modal__content{max-width:1200px;padding:0 15px;margin:0 auto}#modal-movie .movie{position:relative;width:100%;padding-bottom:56.25%}#modal-movie .movie iframe{position:absolute;left:0;top:0;width:100%;height:100%}.lostark-event{position:relative;width:100%;min-width:320px;margin:0 auto;background-color:#0d161d;color:#fff}.lostark-event .footer{background-color:#141d24}.lostark-event .header{position:sticky;position:-webkit-sticky;left:0;top:0;z-index:50;width:100%;height:55px;background-color:#111}.lostark-event .header h1{text-align:center}.lostark-event .header h1 a{display:inline-block;width:125px;height:32px;margin-top:13px;background:url(images/m/logo.png?c66b5b3fdce8a235a509db9a1e07bf34) no-repeat 0 0;background-size:100% auto;vertical-align:top;font-size:0}.lostark-event .header h2{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}.lostark-event .header .button--header-expand-nav{position:absolute;left:17px;top:17px;padding:5px;font-size:0}.lostark-event .header .button--header-expand-nav:after{display:inline-block;content:"";width:20px;height:13px;background:url(images/m/bt_header_menu.png?737542dcb956b89ca4598bbb78b5977d) no-repeat 0 0;background-size:100% auto;vertical-align:top;font-size:0}.lostark-event .header .nav{transition:.3s;visibility:hidden;position:fixed;left:0;top:0;z-index:-1;opacity:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);color:#fff}.lostark-event .header .nav__wrapper{transition:.3s;transform:translate3d(-295px,0,0);overflow-y:auto;-webkit-overflow-scrolling:touch;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;width:245px;height:100%;background-color:#23242d}.lostark-event .header .nav__wrapper::-webkit-scrollbar{display:none}.lostark-event .header .nav--active{visibility:visible;z-index:10;opacity:1}.lostark-event .header .nav--active .nav__wrapper{transform:translateZ(0)}.lostark-event .header .nav__close button{overflow:hidden;position:absolute;top:20px;right:10px;width:15px;height:15px;font-size:0}.lostark-event .header .nav__close button:after,.lostark-event .header .nav__close button:before{content:"";transform:rotate(45deg);position:absolute;background:#959394}.lostark-event .header .nav__close button:before{left:0;top:7px;width:100%;height:1px}.lostark-event .header .nav__close button:after{left:7px;top:0;width:1px;height:100%}.lostark-event .header .nav__logo{height:55px;padding:0 15px;background-color:#30313b;box-sizing:border-box;line-height:55px}.lostark-event .header .nav__logo a{display:inline-block;font-size:13px;color:#aaa9a9}.lostark-event .header .nav__logo a:before{display:inline-block;content:"";width:23px;height:24px;margin:0 10px 0 0;background:url(images/m/logo_s.png?53b07046af45aa844726ed268696acdd) no-repeat 0 0;background-size:100% auto;vertical-align:-7px}.lostark-event .header .nav__sns{-ms-flex-negative:0;flex-shrink:0;margin-top:auto;margin-bottom:25px;text-align:center}.lostark-event .header .nav__sns .button{width:49px;height:49px;margin:0 5px;background:url(images/m/bt_sns.png?801a122bd65a3fa8fb9a7d4a098892df) no-repeat 0 0;background-size:147px 49px;font-size:0}.lostark-event .header .nav__sns .button--facebook{background-position:0 0}.lostark-event .header .nav__sns .button--twitter{background-position:-49px 0}.lostark-event .header .nav__sns .button--kakaotalk{background-position:-98px 0}.lostark-event .middle{position:relative;width:100%;min-width:320px;max-width:720px;margin:0 auto}.lostark-event .middle .button--today{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:absolute;right:10px;top:10px;z-index:15;padding:5px;line-height:1;font-size:12px;color:#532c8c}.lostark-event .middle .button--today:before{display:block;content:"";width:8px;height:8px;margin-right:5px;box-sizing:border-box;border:1px solid #532c8c}.lostark-event .middle main{position:relative;width:100%}.lostark-event .middle .hidden,.lostark-event .middle .text{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}.lostark-event .middle .tip{padding:9.5% 0}.lostark-event .middle .tip>img{display:block;width:100%}.lostark-event .middle .section-event{overflow:visible;position:relative;z-index:10;padding-top:149.3%;background:#c7cbe3 url(images/m/bg_event1.jpg?2e7bfc341d657fc0ac67a7d9db102bc6) no-repeat 50% 0;background-size:100% auto}.lostark-event .middle .section-event .event-period{position:absolute;top:38.697%;left:0;width:100%;background-size:100% auto}.lostark-event .middle .section-event .event-period img{display:block;width:100%}.lostark-event .middle .section-event .button--event-attention{position:absolute;top:48.186%;left:35.4166%;width:29.166%;height:4.93%;font-size:0}.lostark-event .middle .section-event2{position:relative;padding-top:354.44%;background:url(images/m/bg_event2.jpg?06154d6b3fb5a97ac0ef331aeb017d14) no-repeat 50% 0;background-size:100% auto}.lostark-event .middle .section-event3{position:relative;padding-top:413.33%;background:#c7cbe3 url(images/m/bg_event3.jpg?2bfbc91bf4e4146143361614e997c50d) no-repeat 50% 0;background-size:100% auto}#modal-attention .lui-modal__window{padding:15px 0}#modal-attention .lui-modal__body{position:relative;width:100vw;max-width:630px}#modal-attention .lui-modal__title{border-bottom:0;height:auto;padding:30px 25px 0;line-height:1.5;font-size:19px;font-weight:700;color:#7731f0}#modal-attention .lui-modal__close{position:absolute;display:inline-block;width:29px;height:29px;font-size:0;right:20px;top:25px}#modal-attention .lui-modal__close:after,#modal-attention .lui-modal__close:before{transition:.2s;content:"";position:absolute;top:50%;left:50%;width:26px;height:1px;background-color:#888}#modal-attention .lui-modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}#modal-attention .lui-modal__close:after{transform:translate(-50%,-50%) rotate(135deg)}#modal-attention .lui-modal__content{padding:5px 20px 40px}#modal-attention .lui-modal__content>ul>li{position:relative;margin:10px 0 0;padding-left:20px;font-size:14px;color:#222}#modal-attention .lui-modal__content>ul>li:before{display:inline-block;content:"";position:absolute;left:6px;top:8px;width:3px;height:3px;background-color:#222;border-radius:50%}#modal-attention .lui-modal__content>ul>li small{color:#888;font-size:14px}#modal-attention .lui-modal__content>ul>li li{position:relative;margin:4px 0 0;padding-left:10px;font-size:14px;color:#999}#modal-attention .lui-modal__content>ul>li li:before{display:inline-block;content:"";position:absolute;left:0;top:9px;width:4px;height:1px;background-color:#999}#modal-attention .lui-modal__content>ul em{font-weight:700;font-style:normal}@media only screen and (orientation:landscape){.lostark-event .middle .section-event .box.character .count{font-size:calc(8px + 2vw)}.lostark-event .middle .section-event .box.character .count em{font-size:calc(25px + 2vw)}}