.lostark-event .info,.lostark-event .tip,.lostark-event .title,legend{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}blockquote,dd,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0;font-size:100%}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}a{background-color:transparent;text-decoration:none;color:inherit}a[disabled]{cursor:default}button{margin:0;padding:0;background-color:transparent;border:0;cursor:pointer;outline:0}button[disabled]{cursor:default}img{border:0;vertical-align:top}fieldset,form,legend{margin:0;padding:0}fieldset{border:0}button,input,option,select,textarea{font:inherit;font-size:100%;color:inherit;line-height:inherit;vertical-align:top}input[type=text].input--error{border-color:#ff8a8a!important}input[type=number],input[type=password],input[type=text],textarea{resize:none;outline:0}input[type=number]::-ms-clear,input[type=password]::-ms-clear,input[type=text]::-ms-clear,textarea::-ms-clear{display:none}input[type=number]::-webkit-inner-spin-button,input[type=password]::-webkit-inner-spin-button,input[type=text]::-webkit-inner-spin-button,textarea::-webkit-inner-spin-button{display:none}input[type=number]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:#b8b8b8}input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#b8b8b8}input[type=number]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#b8b8b8}.lostark-event{position:relative;width:100%;min-width:320px;margin:0 auto;color:#fff}.lostark-event .footer{background-color:#141d24}.lostark-event .middle{position:relative;width:100%;min-width:320px;max-width:720px;margin:0 auto}.lostark-event .middle .button--today{display:none}.lostark-event .middle .button{display:block;position:absolute;font-size:0;outline:0}.lostark-event .middle main{position:relative;width:100%}.lostark-event .middle section{position:relative}.lostark-event .middle #update-index .background{position:fixed;top:0;left:0;width:100vw;height:100vh}.lostark-event .middle #update-index .background video{object-fit:cover;width:100vw;height:100vh;position:fixed;top:0;left:0}.lostark-event .middle #update-index .background:after{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.15);content:""}.lostark-event .middle #update-index .index{position:relative;height:calc(var(--vh, 1vh)*100 - 55px)}.lostark-event .middle #update-index .index h2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85.97222%;height:40.83333vw;font-size:0;background:url(images/m/main_tit.png?715c5a647670761c8509731c3752cb07) no-repeat 0 0/100% auto}@media screen and (min-width:720px){.lostark-event .middle #update-index .index h2{height:294px}}.lostark-event .middle #update-index .index .scroll{position:absolute;bottom:11.11111vw;left:50%;transform:translateX(-50%);width:3.88889%;height:22.63889vw;background:url(images/m/scroll.png?a2369ce5e14b7a3c6c80fb04f85e3e0b) no-repeat 0 0/100% auto;animation:bounce 2.5s ease-in-out infinite}@media screen and (min-width:720px){.lostark-event .middle #update-index .index .scroll{bottom:80px;height:163px}}.lostark-event .middle #update-index .menu{position:relative;font-size:0;text-align:center}.lostark-event .middle #update-index .menu .month{display:block;width:25.83333%;height:8.05556vw;background-repeat:no-repeat;background-size:100% auto;margin:8.75vw auto 4.16667vw;font-size:0}@media screen and (min-width:720px){.lostark-event .middle #update-index .menu .month{margin:63px auto 30px;height:58px}}.lostark-event .middle #update-index .menu .month.june{background-image:url(images/m/month_06.png?ef1d96f236fc6e4cabca6e7c73c26810)}.lostark-event .middle #update-index .menu .month.july{background-image:url(images/m/month_07.png?ccf52c9333513356847362888fa893e7)}.lostark-event .middle #update-index .menu .month.aug{background-image:url(images/m/month_08.png?d5a7e0924161e9bc679e7d9bfedd43b7)}.lostark-event .middle #update-index .menu .month.sept{background-image:url(images/m/month_09.png?252f77bc8f8d38b6bc83aaf461af74ca)}.lostark-event .middle #update-index .box{width:91.80556%;margin:0 auto 13.88889vw}@media screen and (min-width:720px){.lostark-event .middle #update-index .box{margin:0 auto 100px}}.lostark-event .middle #update-index .box a,.lostark-event .middle #update-index .box span{position:relative;width:100%;display:block;margin-top:4.16667vw;font-size:0;box-shadow:4px 4px 28px rgba(0,0,0,.3)}.lostark-event .middle #update-index .box a:first-child,.lostark-event .middle #update-index .box span:first-child{margin-top:0}@media screen and (min-width:720px){.lostark-event .middle #update-index .box a,.lostark-event .middle #update-index .box span{margin-top:30px}}.lostark-event .middle #update-index .box a.new:after,.lostark-event .middle #update-index .box span.new:after{position:absolute;top:0;left:0;width:11.25%;height:11.25vw;background:url(images/m/ico_new.png?a750322d9976c205a5a53e2b87da9681) no-repeat 50% 0/100% auto;content:""}@media screen and (min-width:720px){.lostark-event .middle #update-index .box a.new:after,.lostark-event .middle #update-index .box span.new:after{height:81px}}.lostark-event .middle #update-index .box:nth-child(2) a:first-child,.lostark-event .middle #update-index .box:nth-child(2) span:first-child{background:url(images/m/update_june1.png?d206eba6dbf55a7e945eea13b621fe0a) no-repeat 50% 0/100% auto}.lostark-event .middle #update-index .box:nth-child(2) a:nth-child(2),.lostark-event .middle #update-index .box:nth-child(2) span:nth-child(2){background:url(images/m/update_june2.png?0bc75c446a02a7337823f9271ac546fc) no-repeat 50% 0/100% auto}.lostark-event .middle #update-index .box:nth-child(2) a:nth-child(3),.lostark-event .middle #update-index .box:nth-child(2) span:nth-child(3){background:url(images/m/update_june3.png?16b7c5444316cc6734afd8165535552a) no-repeat 50% 0/100% auto}.lostark-event .middle #update-index .box:nth-child(2) a:nth-child(4),.lostark-event .middle #update-index .box:nth-child(2) span:nth-child(4){background:url(images/m/update_june4.png?82b8cf3a66ee822dd2f4ddba6e3f35ad) no-repeat 50% 0/100% auto}.lostark-event .middle #update-index .box:nth-child(2) a:nth-child(5),.lostark-event .middle #update-index .box:nth-child(2) span:nth-child(5){background:url(images/m/update_june5.png?d50a2e29be869c67aae9e351b154e779) no-repeat 50% 0/100% auto}.lostark-event .middle #update-index .box:nth-child(2) a:first-child,.lostark-event .middle #update-index .box:nth-child(2) span:first-child{padding-bottom:86.53555%}.lostark-event .middle #update-index .box:nth-child(2) a:nth-child(2),.lostark-event .middle #update-index .box:nth-child(2) a:nth-child(3),.lostark-event .middle #update-index .box:nth-child(2) span:nth-child(2),.lostark-event .middle #update-index .box:nth-child(2) span:nth-child(3){padding-bottom:52.34493%}.lostark-event .middle #update-index .box:nth-child(2) a:nth-child(4),.lostark-event .middle #update-index .box:nth-child(2) a:nth-child(5),.lostark-event .middle #update-index .box:nth-child(2) span:nth-child(4),.lostark-event .middle #update-index .box:nth-child(2) span:nth-child(5){padding-bottom:41.75492%}.lostark-event .middle #update-index .box.june a:first-child,.lostark-event .middle #update-index .box.june span:first-child{background:url(images/m/update_june1.png?d206eba6dbf55a7e945eea13b621fe0a) no-repeat 50% 0/100% auto}.lostark-event .middle #update-index .box.june a:nth-child(2),.lostark-event .middle #update-index .box.june span:nth-child(2){background:url(images/m/update_june2.png?0bc75c446a02a7337823f9271ac546fc) no-repeat 50% 0/100% auto}.lostark-event .middle #update-index .box.june a:nth-child(3),.lostark-event .middle #update-index .box.june span:nth-child(3){background:url(images/m/update_june3.png?16b7c5444316cc6734afd8165535552a) no-repeat 50% 0/100% auto}.lostark-event .middle #update-index .box.june a:nth-child(4),.lostark-event .middle #update-index .box.june span:nth-child(4){background:url(images/m/update_june4.png?82b8cf3a66ee822dd2f4ddba6e3f35ad) no-repeat 50% 0/100% auto}.lostark-event .middle #update-index .box.june a:nth-child(5),.lostark-event .middle #update-index .box.june span:nth-child(5){background:url(images/m/update_june5.png?d50a2e29be869c67aae9e351b154e779) no-repeat 50% 0/100% auto}.lostark-event .middle #update-index .box.june a:first-child,.lostark-event .middle #update-index .box.june span:first-child{padding-bottom:86.53555%}.lostark-event .middle #update-index .box.june a:nth-child(2),.lostark-event .middle #update-index .box.june a:nth-child(3),.lostark-event .middle #update-index .box.june span:nth-child(2),.lostark-event .middle #update-index .box.june span:nth-child(3){padding-bottom:52.34493%}.lostark-event .middle #update-index .box.june a:nth-child(4),.lostark-event .middle #update-index .box.june a:nth-child(5),.lostark-event .middle #update-index .box.june span:nth-child(4),.lostark-event .middle #update-index .box.june span:nth-child(5){padding-bottom:41.75492%}.lostark-event .middle #update-index .box.july a:first-child,.lostark-event .middle #update-index .box.july span:first-child{background:url(images/m/update_july1.png?e170086ebb28181a185920d2bd85c91a) no-repeat 50% 0/100% auto}.lostark-event .middle #update-index .box.july a:nth-child(2),.lostark-event .middle #update-index .box.july span:nth-child(2){background:url(images/m/update_july2.png?d767db11cb56f05851e55736a6afb707) no-repeat 50% 0/100% auto}.lostark-event .middle #update-index .box.july a:first-child,.lostark-event .middle #update-index .box.july span:first-child{padding-bottom:86.53555%}.lostark-event .middle #update-index .box.july a:nth-child(2),.lostark-event .middle #update-index .box.july span:nth-child(2){padding-bottom:52.34493%}.lostark-event .middle #update-index .box.aug a:first-child,.lostark-event .middle #update-index .box.aug span:first-child{background:url(images/m/update_aug1.png?5ab99343b075a120ee05be946b467668) no-repeat 50% 0/100% auto;padding-bottom:65.50681%}.lostark-event .middle #update-index .box.aug a:nth-child(2),.lostark-event .middle #update-index .box.aug span:nth-child(2){background:url(images/m/update_aug2.png?6fbafbcc3bae21d12bfb63a0a9b82171) no-repeat 50% 0/100% auto;padding-bottom:65.50681%}.lostark-event .middle #update-index .box.aug a:nth-child(3),.lostark-event .middle #update-index .box.aug span:nth-child(3){background:url(images/m/update_aug3.png?33f2efe6d35f73cdb81aa4cbf26b89a5) no-repeat 50% 0/100% auto;padding-bottom:65.50681%}.lostark-event .middle #update-index .box.sept a:first-child,.lostark-event .middle #update-index .box.sept span:first-child{background:url(images/m/update_sept1.png?1e62e5adf0d0e61abb2893596bc8b5ca) no-repeat 50% 0/100% auto}.lostark-event .middle #update-index .box.sept a:nth-child(2),.lostark-event .middle #update-index .box.sept span:nth-child(2){background:url(images/m/update_sept2.png?e833b39ff1997cd2bbb75f1140519915) no-repeat 50% 0/100% auto}.lostark-event .middle #update-index .box.sept a:nth-child(3),.lostark-event .middle #update-index .box.sept span:nth-child(3){background:url(images/m/update_sept3.png?37cc9198b6df768f5191e5457fbc3f06) no-repeat 50% 0/100% auto}.lostark-event .middle #update-index .box.sept a:nth-child(4),.lostark-event .middle #update-index .box.sept span:nth-child(4){background:url(images/m/update_sept4.png?1e2e5e413297c4531f1ee20a73ee0b9c) no-repeat 50% 0/100% auto}.lostark-event .middle #update-index .box.sept a:nth-child(5),.lostark-event .middle #update-index .box.sept span:nth-child(5){background:url(images/m/update_sept5.png?a47eec6d1d17dff1f914cc2c758a0421) no-repeat 50% 0/100% auto}.lostark-event .middle #update-index .box.sept a:first-child,.lostark-event .middle #update-index .box.sept a:nth-child(2),.lostark-event .middle #update-index .box.sept span:first-child,.lostark-event .middle #update-index .box.sept span:nth-child(2){padding-bottom:86.53555%}.lostark-event .middle #update-index .box.sept a:nth-child(3),.lostark-event .middle #update-index .box.sept span:nth-child(3){padding-bottom:52.34493%}.lostark-event .middle #update-index .box.sept a:nth-child(4),.lostark-event .middle #update-index .box.sept a:nth-child(5),.lostark-event .middle #update-index .box.sept span:nth-child(4),.lostark-event .middle #update-index .box.sept span:nth-child(5){padding-bottom:41.75492%}@keyframes bounce{0%{transform:translate3d(0,-5px,0)}50%{transform:translate3d(0,10px,0)}to{transform:translate3d(0,-5px,0)}}