body,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,p,nav,input,select{margin:0;padding:0}html{font-size:62.5%}body{font-size:1.6rem;position:relative;background:#171717}html,body{height:100%}li{list-style:none}img{vertical-align:bottom}.hide{display:none}.btn a,.btn span{position:absolute;top:0;left:0;width:100%;height:100%;white-space:nowrap;overflow:hidden;text-indent:110%}a{color:#fff;-webkit-tap-highlight-color:transparent}a:visited{color:#fff}a:active{color:#fff}a.hover{color:#fff;text-decoration:none}table{width:100%}html{font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-size:1.6rem;position:relative}.container{position:relative;box-sizing:border-box;z-index:1}.content{background:#fff}.top.content{background:#171717}.pc{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif}.pc .system .main{padding-top:186px}.pc .system .main .ttl{min-width:1200px}.pc .system .main h2{position:relative;left:50%;transform:translateX(-50%);width:270px;height:0;padding-top:71px;text-align:center;margin-bottom:70px;z-index:100;background:url(https://static.nexon.co.jp/v4/official/system_ttl.png) no-repeat left top;background-size:contain}.pc .system .main h2 span{display:none}.pc .character .main{padding-top:186px}.pc .character .main .ttl{min-width:1200px}.pc .character .main h2{position:relative;left:50%;transform:translateX(-50%);width:450px;height:0;padding-top:106px;text-align:center;margin-bottom:34px;z-index:100;background:url(https://static.nexon.co.jp/v4/official/character_ttl.png) no-repeat left top;background-size:contain}.pc .character .main h2 span{display:none}.pc .character .main p.read{display:none}.tab,.sp{font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP", sans-serif}.tab .system .main,.sp .system .main{padding-top:13.33333%}.tab .system .main .ttl,.sp .system .main .ttl{position:relative;padding-top:11.46667%;min-width:100%;margin-top:11.86667%;margin-bottom:12%;z-index:100}.tab .system .main h2,.sp .system .main h2{display:inline-block;position:absolute;top:0;left:50%;width:36%;height:0;padding-top:9.46667%;transform:translateX(-50%);text-align:center;background:url(https://static.nexon.co.jp/v4/official/system_ttl.png) no-repeat left top;background-size:contain;z-index:100}.tab .system .main h2 span,.sp .system .main h2 span{display:none}.tab .character .main,.sp .character .main{padding-top:13.33333%}.tab .character .main .ttl,.sp .character .main .ttl{position:relative;padding-top:14.26667%;min-width:100%;margin-top:11.86667%;margin-bottom:7.33333%;z-index:100}.tab .character .main h2,.sp .character .main h2{display:inline-block;position:absolute;top:0;left:50%;width:60%;height:0;padding-top:14.26667%;transform:translateX(-50%);text-align:center;background:url(https://static.nexon.co.jp/v4/official/character_ttl_sp.png) no-repeat left top;background-size:contain;z-index:100}.tab .character .main h2 span,.sp .character .main h2 span{display:none}.tab .character .main p.read,.sp .character .main p.read{display:none}.tab .system .btn-pre,.tab .character .btn-pre,.sp .system .btn-pre,.sp .character .btn-pre{opacity:1}.pc .paging{display:none;position:absolute;top:0;width:100%;height:100vh;overflow:hidden;background:#171717;z-index:10000}.pc .paging>[class^=logo]{position:absolute;top:50%;left:50%;height:0;overflow:hidden}.pc .paging>[class^=logo] .inner{position:absolute;top:0;width:100%;height:100%}.pc .paging .logo-left{width:312px;padding-top:161px;margin-left:-200px;margin-top:-101px;z-index:100}.pc .paging .logo-left .inner{background:url(https://static.nexon.co.jp/v4/official/pe_logo_left.png) no-repeat center top;background-size:contain}.pc .paging .logo-right{width:277px;padding-top:293px;margin-left:-77px;margin-top:-105px;z-index:100}.pc .paging .logo-right .inner{background:url(https://static.nexon.co.jp/v4/official/pe_logo_right.png) no-repeat center top;background-size:contain}.pc .paging .bg{position:absolute;top:0;left:-550%;width:400%;height:100%;background:linear-gradient(0deg, #f30000, #b8010e);z-index:90;transform:skew(-45deg, 0deg)}.pc .page-enter .paging{display:block}.pc .page-enter .paging .bg{opacity:0}.pc .page-enter-active{transition:opacity 1.6s}.pc .page-enter-active .paging .logo-left{animation:pageTransActiveL2 0.3s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .page-enter-active .paging .logo-left .inner{animation:pageTransActiveL 0.2s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .page-enter-active .paging .logo-right{animation:pageTransActiveR2 0.3s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .page-enter-active .paging .logo-right .inner{animation:pageTransActiveR 0.2s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .page-enter-active .paging .bg{animation:pageTransActiveBG 0s 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes pageTransActiveL{0%{opacity:0}100%{opacity:1}}@keyframes pageTransActiveL2{0%{transform:translateY(0px) translateX(0px);opacity:1}100%{transform:translateY(400px) translateX(-400px);opacity:0}}@keyframes pageTransActiveR{0%{opacity:0}100%{opacity:1}}@keyframes pageTransActiveR2{0%{transform:translateY(0px) translateX(0px);opacity:1}100%{transform:translateY(-400px) translateX(400px);opacity:0}}@keyframes pageTransActiveBG{0%{transform:translateX(0px) skew(-45deg, 0deg)}35%{transform:translateX(100%) skew(-45deg, 0deg)}70%{transform:translateX(100%) skew(-45deg, 0deg)}100%{transform:translateX(200%) skew(-45deg, 0deg)}}.pc .page-enter-active .main{display:none}.pc .page-enter-to .paging{display:block}.pc .page-enter-to .paging .bg{transition:opacity .4s}.tab .paging,.sp .paging{display:none;position:absolute;top:0;width:100%;height:100vh;overflow:hidden;background:#171717;z-index:10000}.tab .paging>[class^=logo],.sp .paging>[class^=logo]{position:absolute;top:50%;left:50%;height:0;overflow:hidden}.tab .paging>[class^=logo] .inner,.sp .paging>[class^=logo] .inner{position:absolute;top:0;width:100%;height:100%}.tab .paging .logo-left,.sp .paging .logo-left{width:41.6%;padding-top:21.46667%;margin-left:-26.66667%;margin-top:-20.13333%;z-index:100}.tab .paging .logo-left .inner,.sp .paging .logo-left .inner{background:url(https://static.nexon.co.jp/v4/official/pe_logo_left.png) no-repeat center top;background-size:contain}.tab .paging .logo-right,.sp .paging .logo-right{width:36.93333%;padding-top:39.06667%;margin-left:-10.26667%;margin-top:-20.66667%;z-index:100}.tab .paging .logo-right .inner,.sp .paging .logo-right .inner{background:url(https://static.nexon.co.jp/v4/official/pe_logo_right.png) no-repeat center top;background-size:contain}.tab .paging .bg,.sp .paging .bg{position:absolute;top:0;left:-550%;width:400%;height:100%;background:linear-gradient(0deg, #f30000, #b8010e);z-index:90;transform:skew(-45deg, 0deg)}.tab .page-enter .paging,.sp .page-enter .paging{display:block}.tab .page-enter .paging .bg,.sp .page-enter .paging .bg{opacity:0}.tab .page-enter-active,.sp .page-enter-active{transition:opacity 1.6s}.tab .page-enter-active .paging .logo-left,.sp .page-enter-active .paging .logo-left{animation:pageTransActiveL2 0.3s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .page-enter-active .paging .logo-left .inner,.sp .page-enter-active .paging .logo-left .inner{animation:pageTransActiveL 0.2s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .page-enter-active .paging .logo-right,.sp .page-enter-active .paging .logo-right{animation:pageTransActiveR2 0.3s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .page-enter-active .paging .logo-right .inner,.sp .page-enter-active .paging .logo-right .inner{animation:pageTransActiveR 0.2s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .page-enter-active .paging .bg,.sp .page-enter-active .paging .bg{animation:pageTransActiveBG 0s 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes pageTransActiveL{0%{opacity:0}100%{opacity:1}}@keyframes pageTransActiveL2{0%{transform:translateY(0px) translateX(0px);opacity:1}100%{transform:translateY(400px) translateX(-400px);opacity:0}}@keyframes pageTransActiveR{0%{opacity:0}100%{opacity:1}}@keyframes pageTransActiveR2{0%{transform:translateY(0px) translateX(0px);opacity:1}100%{transform:translateY(-400px) translateX(400px);opacity:0}}@keyframes pageTransActiveBG{0%{transform:translateX(0px) skew(-45deg, 0deg)}35%{transform:translateX(100%) skew(-45deg, 0deg)}70%{transform:translateX(100%) skew(-45deg, 0deg)}100%{transform:translateX(200%) skew(-45deg, 0deg)}}.tab .page-enter-active .main,.sp .page-enter-active .main{display:none}.tab .page-enter-to .paging,.sp .page-enter-to .paging{display:block}.tab .page-enter-to .paging .bg,.sp .page-enter-to .paging .bg{transition:opacity .4s}.pc .loading{position:absolute;top:0;width:100%;height:100%;overflow:hidden;background:transparent !important;z-index:11000;opacity:1;transition:opacity .4s}.pc .loading>.logo{position:absolute;top:50%;left:50%;height:0;width:400px;padding-top:301px;margin-left:-200px;margin-top:-150px;z-index:100}.pc .loading>.logo .inner{position:absolute;top:0;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/loading_logo_red.png) no-repeat left top}.pc .loading>.logo .inner:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/loading_logo_red.png) no-repeat center top;background-size:contain;transform:translateX(-50%) translateY(-50%);opacity:0;animation:loadinglogo 1.6s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) infinite both}@keyframes loadinglogo{0%{width:100%;height:100%;opacity:.6}100%{width:125%;height:125%;opacity:0}}.pc .loading .bg-w{position:absolute;top:0;left:0%;width:100%;height:100vh;background-color:#171717;z-index:10}.pc .loading .bg-r{position:absolute;top:0;left:-500%;width:400%;height:100%;background-color:#e10000;z-index:90;transform:skew(-45deg, 0deg)}.pc .loading .bg-r.on{animation:loadingTransActiveBG 1.05s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes loadingTransActiveBG{0%{transform:translateX(0px) skew(-45deg, 0deg)}35%{transform:translateX(100%) skew(-45deg, 0deg)}70%{transform:translateX(100%) skew(-45deg, 0deg)}100%{transform:translateX(200%) skew(-45deg, 0deg)}}.tab .loading,.sp .loading{position:absolute;top:0;width:100%;height:100vh;overflow:hidden;background:transparent !important;z-index:11000;opacity:1;transition:opacity .4s}.tab .loading>.logo,.sp .loading>.logo{position:absolute;top:50%;left:50%;height:0;overflow:hidden;width:53.33333%;padding-top:40.13333%;margin-left:-26.66667%;margin-top:-24%;z-index:100}.tab .loading>.logo .inner,.sp .loading>.logo .inner{position:absolute;top:0;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/loading_logo_red.png) no-repeat left top;background-size:cover}.tab .loading>.logo .inner:after,.sp .loading>.logo .inner:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/loading_logo_red.png) no-repeat center top;background-size:contain;transform:translateX(-50%) translateY(-50%);opacity:0;animation:loadinglogo_sp 1.6s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) infinite both}@keyframes loadinglogo_sp{0%{width:100%;height:100%;opacity:.6}100%{width:125%;height:125%;opacity:0}}.tab .loading .bg-w,.sp .loading .bg-w{position:absolute;top:0;left:0%;width:100%;height:100vh;background-color:#171717;z-index:10}.tab .loading .bg-r,.sp .loading .bg-r{position:absolute;top:0;left:-550%;width:400%;height:100%;background-color:#e10000;z-index:90;transform:skew(-45deg, 0deg)}.tab .loading .bg-r.on,.sp .loading .bg-r.on{animation:loadingTransActiveBG 1.05s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes loadingTransActiveBG{0%{transform:translateX(0px) skew(-45deg, 0deg)}35%{transform:translateX(100%) skew(-45deg, 0deg)}70%{transform:translateX(100%) skew(-45deg, 0deg)}100%{transform:translateX(200%) skew(-45deg, 0deg)}}.pc .opening{display:none;position:absolute;top:0;width:100%;height:100vh;font-size:60px;overflow:hidden;background:#0d0c0d url(https://static.nexon.co.jp/v4/official/op_bg.jpg) no-repeat center top;z-index:10000}.pc .opening p{position:absolute;top:30px;left:30px;z-index:20000;color:#2a2a2a}.pc .opening .scene-01{position:relative;z-index:100}@keyframes textOut{0%{opacity:1}100%{opacity:0}}.pc .opening .scene-01>div{position:absolute;top:50%;left:50%}.pc .opening .scene-01 .op-text01{margin-top:-227px;margin-left:-506px;width:1060px;height:185px;background:url(https://static.nexon.co.jp/v4/official/op_text01_2x.png) no-repeat center top;background-size:contain;animation:textIn 0.6s 0.4s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1 both}.pc .opening .scene-01 .op-text02{margin-top:8px;margin-left:-544px;width:1063px;height:169px;background:url(https://static.nexon.co.jp/v4/official/op_text02_2x.png) no-repeat center top;background-size:contain;animation:textIn 0.6s 1.2s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1 both}@keyframes textIn{0%{transform:scale(8);opacity:0}100%{transform:scale(1);opacity:1}}.pc .opening .scene-01 .op-light01{margin-top:-214px;margin-left:-28px;width:485px;height:289px;background:url(https://static.nexon.co.jp/v4/official/op_light01.png) no-repeat center top;background-size:contain;animation:lightIn 0.8s 1.8s ease-out 1 both}.pc .opening .scene-01 .op-light02{margin-top:-188px;margin-left:-764px;width:938px;height:701px;background:url(https://static.nexon.co.jp/v4/official/op_light02.png) no-repeat center top;background-size:contain;animation:lightIn 0.8s 1.8s ease-out 1 both}@keyframes lightIn{0%{opacity:0}100%{opacity:1}}.pc .opening .scene-01 span{display:none}.pc .opening .scene-02{position:relative;z-index:90;transform-origin:-480px 0px;animation:scaleLine 0.4s 4.4s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1 both}@keyframes scaleLine{0%{transform:scale(1)}100%{transform:scale(6)}}.pc .opening .scene-02 .v-l{position:absolute;top:50%;left:50%;margin-left:-1977px;margin-top:-872px;width:480px;height:2000px;background:linear-gradient(85deg, #f30000, #b8010e);transform:rotate(-45deg);transform-origin:center top;z-index:1000;animation:vlIn 0.8s 1.8s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1 both}@keyframes vlIn{0%{height:0}100%{height:2000px}}.pc .opening .scene-02 .v-r{position:absolute;top:50%;left:50%;margin-left:-1057px;margin-top:443px;width:690px;height:2000px;background:linear-gradient(-2deg, #f30000, #b8010e);transform:rotate(-135deg);transform-origin:center top;animation:vrIn 0.4s 2.7s cubic-bezier(0.23, 1, 0.32, 1) 1 both}@keyframes vrIn{0%{height:0}100%{height:2000px}}.pc .opening .scene-03{position:relative;opacity:0;z-index:110;animation:textWIn 0.4s 4.6s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1 both}@keyframes textWIn{0%{opacity:0}100%{opacity:1}}.pc .opening .scene-03>div{position:absolute;top:50%;left:50%}.pc .opening .scene-03 .op-text01{margin-top:-227px;margin-left:-506px;width:1060px;height:185px;background-size:contain}.pc .opening .scene-03 .op-text02{margin-top:8px;margin-left:-544px;width:1063px;height:169px;background-size:contain}.pc .opening .scene-03 span{display:none}.pc .opening .bg-last{position:absolute;top:0;left:-550%;width:400%;height:100%;background-color:#171717;z-index:150;transform:skew(-45deg, 0deg);animation:openingLastBG 1.2s 6.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes openingLastBG{0%{transform:translateX(0px) skew(-45deg, 0deg)}40%{transform:translateX(100%) skew(-45deg, 0deg)}100%{transform:translateX(100%) skew(-45deg, 0deg)}}.pc .opening-start .opening{display:flex;justify-content:center;align-items:center}.sp .opening{display:none;position:absolute;top:0;width:100%;height:100vh;overflow:hidden;background:#171717 url(https://static.nexon.co.jp/v4/official/op_bg_sp.jpg) no-repeat center top;background-size:contain;z-index:10000}.sp .opening .scene-01{z-index:130}@keyframes textOutsp{0%{opacity:1}100%{opacity:0}}.sp .opening .scene-01>div{position:absolute;top:50%;left:50%}.sp .opening .scene-01 .op-text01{margin-top:-74.53333%;margin-left:-36.53333%;width:73.2%;height:0;padding-top:83.86667%;background:url(https://static.nexon.co.jp/v4/official/op_text01_sp.png) no-repeat center top;background-size:contain;animation:textInsp 0.6s 0.4s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1 both}.sp .opening .scene-01 .op-text02{margin-top:16.66667%;margin-left:-36%;width:72.13333%;height:0;padding-top:48.53333%;background:url(https://static.nexon.co.jp/v4/official/op_text02_sp.png) no-repeat center top;background-size:contain;animation:textInsp 0.6s 1.2s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1 both}@keyframes textInsp{0%{transform:scale(8);opacity:0}100%{transform:scale(1);opacity:1}}.sp .opening .scene-01 .op-light01{margin-top:-52.8%;margin-left:-50%;width:86.13333%;height:0;padding-top:74.8%;background:url(https://static.nexon.co.jp/v4/official/op_light01_sp.png) no-repeat center top;background-size:contain;animation:lightIn 0.8s 1.8s ease-out 1 both}.sp .opening .scene-01 .op-light02{margin-top:-8.13333%;margin-left:-50%;width:100%;height:0;padding-top:93.46667%;background:url(https://static.nexon.co.jp/v4/official/op_light02_sp.png) no-repeat center top;background-size:contain;animation:lightIn 0.8s 1.8s ease-out 1 both}@keyframes lightIn{0%{opacity:0}100%{opacity:1}}.sp .opening .scene-01 span{display:none}.sp .opening .scene-02{width:100%;height:100vh;z-index:120;transform-origin:50% 480px;animation:scaleLinesp 0.4s 4.2s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1 both}@keyframes scaleLinesp{0%{transform:scale(1)}100%{transform:scale(8)}}.sp .opening .scene-02 .v-l{position:absolute;top:50%;left:50%;margin-left:-196.93333%;margin-top:-102.93333%;width:32%;height:0;padding-top:266.66667%;background:linear-gradient(89deg, #f30000, #b8010e);transform:rotate(-45deg);transform-origin:center top;z-index:1000;animation:vlInsp 0.8s 2.2s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1 both}@keyframes vlInsp{0%{padding-top:0}100%{padding-top:266.66667%}}.sp .opening .scene-02 .v-r{position:absolute;top:50%;left:50%;margin-left:-62.66667%;margin-top:72.4%;width:69.06667%;height:0;padding-top:266.66667%;background:linear-gradient(-2deg, #f30000, #b8010e);transform:rotate(-135deg);transform-origin:center top;animation:vrInsp 0.4s 3.1s cubic-bezier(0.23, 1, 0.32, 1) 1 both}@keyframes vrInsp{0%{padding-top:0}100%{padding-top:266.66667%}}.sp .opening .scene-03{opacity:0;z-index:140;animation:textWInsp 0.4s 4.6s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1 both}@keyframes textWInsp{0%{opacity:0}100%{opacity:1}}.sp .opening .scene-03>div{position:absolute;top:50%;left:50%}.sp .opening .scene-03 .op-text01{margin-top:-56%;margin-left:-39.86667%;width:85.73333%;height:0;padding-top:47.86667%}.sp .opening .scene-03 .op-text02{margin-top:-.26667%;margin-left:-31.33333%;width:63.2%;height:0;padding-top:46.53333%}.sp .opening .scene-03 span{display:none}.sp .opening .bg-last{position:absolute;top:0;left:-550%;width:400%;height:100%;background-color:#171717;z-index:150;transform:skew(-45deg, 0deg);animation:openingLastBGsp 1.2s 6.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes openingLastBGsp{0%{transform:translateX(0px) skew(-45deg, 0deg)}40%{transform:translateX(100%) skew(-45deg, 0deg)}100%{transform:translateX(100%) skew(-45deg, 0deg)}}.sp .opening-start .opening{display:flex;justify-content:center;align-items:center}.tab .opening{display:none;position:absolute;top:0;width:100%;height:100vh;overflow:hidden;background:#171717 url(https://static.nexon.co.jp/v4/official/op_bg.jpg) no-repeat center top;background-size:cover;z-index:10000}.tab .opening .scene-01{z-index:130}@keyframes textOutsp{0%{opacity:1}100%{opacity:0}}.tab .opening .scene-01>div{position:absolute;top:50%;left:50%}.tab .opening .scene-01 .op-text01{margin-top:-61.73333%;margin-left:-31.2%;width:62.53333%;height:0;padding-top:71.6%;background:url(https://static.nexon.co.jp/v4/official/op_text01_sp.png) no-repeat center top;background-size:contain;animation:textInsp 0.6s 0.4s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1 both}@media (min-width: 75.0625em){.tab .opening .scene-01 .op-text01{margin-top:-530px;margin-left:-250px;width:499px;padding-top:571px}}.tab .opening .scene-01 .op-text02{margin-top:15.73333%;margin-left:-30.66667%;width:61.46667%;height:0;padding-top:41.33333%;background:url(https://static.nexon.co.jp/v4/official/op_text02_sp.png) no-repeat center top;background-size:contain;animation:textInsp 0.6s 1.2s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1 both}@media (min-width: 75.0625em){.tab .opening .scene-01 .op-text02{margin-top:108px;margin-left:-246px;width:491px;padding-top:330px}}@keyframes textInsp{0%{transform:scale(8);opacity:0}100%{transform:scale(1);opacity:1}}.tab .opening .scene-01 .op-light01{margin-top:-49.06667%;margin-left:-50%;width:86.13333%;height:0;padding-top:74.8%;background:url(https://static.nexon.co.jp/v4/official/op_light01_sp.png) no-repeat center top;background-size:contain;animation:lightIn 0.8s 1.8s ease-out 1 both}@media (min-width: 75.0625em){.tab .opening .scene-01 .op-light01{margin-top:-385px;margin-left:-350px;width:596px;padding-top:517px}}.tab .opening .scene-01 .op-light02{margin-top:-12.8%;margin-left:-50%;width:100%;height:0;padding-top:93.46667%;background:url(https://static.nexon.co.jp/v4/official/op_light02_sp.png) no-repeat center top;background-size:contain;animation:lightIn 0.8s 1.8s ease-out 1 both}@media (min-width: 75.0625em){.tab .opening .scene-01 .op-light02{margin-top:-78px;margin-left:-350px;width:700px;padding-top:655px}}@keyframes lightIn{0%{opacity:0}100%{opacity:1}}.tab .opening .scene-01 span{display:none}.tab .opening .scene-02{width:100%;height:100vh;z-index:120;transform-origin:50% 960px;animation:scaleLinesp 0.4s 4.2s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1 both}@keyframes scaleLinesp{0%{transform:scale(1)}100%{transform:scale(8)}}.tab .opening .scene-02 .v-l{position:absolute;top:50%;left:50%;margin-left:-196.93333%;margin-top:-102.93333%;width:32%;height:0;padding-top:266.66667%;background:linear-gradient(89deg, #f30000, #b8010e);transform:rotate(-45deg);transform-origin:center top;z-index:1000;animation:vlInsp 0.8s 2.2s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1 both}@keyframes vlInsp{0%{padding-top:0}100%{padding-top:266.66667%}}.tab .opening .scene-02 .v-r{position:absolute;top:50%;left:50%;margin-left:-62.66667%;margin-top:72.4%;width:69.06667%;height:0;padding-top:266.66667%;background:linear-gradient(-2deg, #f30000, #b8010e);transform:rotate(-135deg);transform-origin:center top;animation:vrInsp 0.4s 3.1s cubic-bezier(0.23, 1, 0.32, 1) 1 both}@keyframes vrInsp{0%{padding-top:0}100%{padding-top:266.66667%}}.tab .opening .bg-last{position:absolute;top:0;left:-550%;width:400%;height:100%;background-color:#171717;z-index:150;transform:skew(-45deg, 0deg);animation:openingLastBGsp 1.2s 6.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes openingLastBGsp{0%{transform:translateX(0px) skew(-45deg, 0deg)}40%{transform:translateX(100%) skew(-45deg, 0deg)}100%{transform:translateX(100%) skew(-45deg, 0deg)}}.tab .opening-start .opening{display:flex;justify-content:center;align-items:center}.pc .top header{position:fixed;top:0;display:flex;flex-flow:nowrap;width:100%;height:100px;z-index:9000}.pc .top header .logo{position:relative;top:0;width:99px !important;height:0;padding-top:74px;margin-top:68px;margin-left:60px;z-index:12000}.pc .top header .logo a{position:absolute;top:0;display:block;width:100%;height:100%}.pc .top header .logo span{display:none}.pc .top header nav{display:none;position:relative;top:0px;width:100%;height:100%;overflow:hidden;font-family:arial,sans-serif}.pc .top header nav ul{position:relative;top:0;left:50%;margin-top:165px;margin-left:-279px;z-index:9000}.pc .top header nav ul li{position:relative;font-size:20px;font-size:2.60417vw;font-family:arial}.pc .top header nav ul li a{display:block;width:100%;height:100%;color:#2a2a2a;text-decoration:none;z-index:0}.pc .top header nav ul li a div{display:none}.pc .top header .sns{opacity:0}.pc .top header .bg-nav{position:fixed;top:0;left:50%;width:6035px;height:3166px;margin-top:-1444px;margin-left:-3577px;background:#171717;background-size:contain;z-index:100}.pc .top header .nav-icon{position:fixed;top:0;margin-top:32px;right:30px;width:64px;height:64px;-webkit-transform:rotate(0deg);transform:rotate(0deg);cursor:pointer;z-index:9710;background:url(https://static.nexon.co.jp/v4/official/nav_frame.png) no-repeat center top;background-size:contain}.pc .top header .nav-icon .box{position:absolute;display:block;width:100%;height:100%}.pc .top header .nav-icon span{display:block;position:absolute;left:50%;top:0;margin-left:-18px;height:0;padding-top:6px;width:36px;background:#e6e6e6;opacity:1}.pc .top header .nav-icon span:nth-child(1){margin-top:16px;transition-duration:.275s}.pc .top header .nav-icon span:nth-child(2){margin-top:29px;transition:opacity .125s ease}.pc .top header .nav-icon span:nth-child(3){margin-top:42px;right:0;transition-duration:.275s}.pc .top header .nav-icon.open span:nth-child(1){margin-top:46.875%;-webkit-transform:rotate(135deg);transform:rotate(135deg);background:#fff}.pc .top header .nav-icon.open span:nth-child(2){margin-top:39.0625%;padding-top:4.6875%;transform:rotate(135deg);z-index:100;background:#171717}.pc .top header .nav-icon.open span:nth-child(3){margin-top:46.875%;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);background:#fff}.pc .system header,.pc .character header,.pc .common header{position:fixed;top:0;display:flex;flex-flow:nowrap;width:100%;height:100px;border:1px solid #000000;box-sizing:border-box;background:linear-gradient(180deg, #171717 0%, #383838 100%);z-index:9000}.pc .system header .logo,.pc .character header .logo,.pc .common header .logo{position:relative;top:0;width:99px !important;height:0;padding-top:74px;margin-top:16px;margin-left:60px;background:url(https://static.nexon.co.jp/v4/official/header_logo.png) no-repeat center top;z-index:12000}.pc .system header .logo a,.pc .character header .logo a,.pc .common header .logo a{position:absolute;top:0;display:block;width:100%;height:100%}.pc .system header .logo span,.pc .character header .logo span,.pc .common header .logo span{display:none}.pc .system header.preload nav ul li a,.pc .character header.preload nav ul li a,.pc .common header.preload nav ul li a{transition:0 !important}.pc .system header.preload .nav-pre a,.pc .character header.preload .nav-pre a,.pc .common header.preload .nav-pre a{transition:0 !important}.pc .system header nav,.pc .character header nav,.pc .common header nav{display:block;position:relative;top:0px;width:calc(100% - 159px);font-family:arial,sans-serif;height:100%}.pc .system header nav ul,.pc .character header nav ul,.pc .common header nav ul{position:absolute;top:0;margin-top:24px;margin-left:50px;display:flex;flex-flow:nowrap}.pc .system header nav ul li,.pc .character header nav ul li,.pc .common header nav ul li{position:relative;margin-right:38px;height:39px}.pc .system header nav ul li a,.pc .character header nav ul li a,.pc .common header nav ul li a{display:block;width:100%;height:100%;color:#2a2a2a;text-decoration:none;opacity:0;transition:opacity .6s}.pc .system header nav ul li a div,.pc .character header nav ul li a div,.pc .common header nav ul li a div{white-space:nowrap;text-indent:110%;overflow:hidden}.pc .system header nav ul li a:hover,.pc .system header nav ul li a.active,.pc .character header nav ul li a:hover,.pc .character header nav ul li a.active,.pc .common header nav ul li a:hover,.pc .common header nav ul li a.active{transition:opacity .6s;opacity:1}.pc .system header nav ul li:hover a,.pc .character header nav ul li:hover a,.pc .common header nav ul li:hover a{opacity:1}.pc .system header nav ul .nav-01,.pc .character header nav ul .nav-01,.pc .common header nav ul .nav-01{width:49px;background:url(https://static.nexon.co.jp/v4/official/sub_nav01.png) no-repeat left top;background-size:100% 200%}.pc .system header nav ul .nav-01 a,.pc .character header nav ul .nav-01 a,.pc .common header nav ul .nav-01 a{background:url(https://static.nexon.co.jp/v4/official/sub_nav01.png) no-repeat left bottom;background-size:100% 200%}.pc .system header nav ul .nav-02,.pc .character header nav ul .nav-02,.pc .common header nav ul .nav-02{width:90px;background:url(https://static.nexon.co.jp/v4/official/sub_nav02.png) no-repeat left top;background-size:100% 200%}.pc .system header nav ul .nav-02 a,.pc .character header nav ul .nav-02 a,.pc .common header nav ul .nav-02 a{background:url(https://static.nexon.co.jp/v4/official/sub_nav02.png) no-repeat left bottom;background-size:100% 200%}.pc .system header nav ul .nav-03,.pc .character header nav ul .nav-03,.pc .common header nav ul .nav-03{width:149px;background:url(https://static.nexon.co.jp/v4/official/sub_nav03.png) no-repeat left top;background-size:100% 200%}.pc .system header nav ul .nav-03 a,.pc .character header nav ul .nav-03 a,.pc .common header nav ul .nav-03 a{background:url(https://static.nexon.co.jp/v4/official/sub_nav03.png) no-repeat left bottom;background-size:100% 200%}.pc .system header nav ul .nav-04,.pc .character header nav ul .nav-04,.pc .common header nav ul .nav-04{width:68px;background:url(https://static.nexon.co.jp/v4/official/sub_nav04.png) no-repeat left top;background-size:100% 200%}.pc .system header nav ul .nav-04 a,.pc .character header nav ul .nav-04 a,.pc .common header nav ul .nav-04 a{background:url(https://static.nexon.co.jp/v4/official/sub_nav04.png) no-repeat left bottom;background-size:100% 200%}.pc .system header nav ul .nav-05,.pc .character header nav ul .nav-05,.pc .common header nav ul .nav-05{width:79px;background:url(https://static.nexon.co.jp/v4/official/sub_nav05.png) no-repeat left top;background-size:100% 200%}.pc .system header nav ul .nav-05 a,.pc .character header nav ul .nav-05 a,.pc .common header nav ul .nav-05 a{background:url(https://static.nexon.co.jp/v4/official/sub_nav05.png) no-repeat left bottom;background-size:100% 200%}.pc .system header nav ul .nav-06,.pc .character header nav ul .nav-06,.pc .common header nav ul .nav-06{width:130px;background:url(https://static.nexon.co.jp/v4/official/sub_nav06.png) no-repeat left top;background-size:100% 200%}.pc .system header nav ul .nav-06 a,.pc .character header nav ul .nav-06 a,.pc .common header nav ul .nav-06 a{background:url(https://static.nexon.co.jp/v4/official/sub_nav06.png) no-repeat left bottom;background-size:100% 200%}.pc .system header .nav-icon,.pc .system header .sns,.pc .character header .nav-icon,.pc .character header .sns,.pc .common header .nav-icon,.pc .common header .sns{display:none}.pc .system header .nav-pre,.pc .character header .nav-pre,.pc .common header .nav-pre{position:absolute;top:0;right:0;width:373px;height:118px;background:url(https://static.nexon.co.jp/v4/official/sub_btn_pre.png) no-repeat left top;background-size:100% 200%;z-index:200;opacity:1;pointer-events:visible}@media (max-width: 86em){.pc .system header .nav-pre,.pc .character header .nav-pre,.pc .common header .nav-pre{right:auto;margin-left:826px}}.pc .system header .nav-pre a,.pc .character header .nav-pre a,.pc .common header .nav-pre a{position:absolute;top:0;display:block;width:100%;height:100%;border:none;opacity:0;transition:opacity .8s;background:url(https://static.nexon.co.jp/v4/official/sub_btn_pre.png) no-repeat left bottom;background-size:100% 200%}.pc .system header .nav-pre a:hover,.pc .character header .nav-pre a:hover,.pc .common header .nav-pre a:hover{opacity:1;background-position:left bottom}.pc .system header .nav-pre a span,.pc .character header .nav-pre a span,.pc .common header .nav-pre a span{display:none}@keyframes headerIn{0%{transform:translateY(-100px)}100%{transform:translateY(0px)}}.pc .load-complete .top h1{animation:topOtherIn 1s 2.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .load-complete .top .btn-players{animation:topOtherIn 1s 2.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .load-complete .top .btn-play{animation:topOtherIn 1s 3s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .load-complete .top .store{animation:topOtherIn 1s 3.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .load-complete .top .txt-store{animation:topOtherIn 1s 3.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .load-complete .top .after h1{animation:topOtherIn 1s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .load-complete .top .after .btn-players{animation:topOtherIn 1s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .load-complete .top .after .btn-play{animation:topOtherIn 1s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .load-complete .top .after .store{animation:topOtherIn 1s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .load-complete .top .after .txt-store{animation:topOtherIn 1s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes topOtherIn{0%{opacity:0}100%{opacity:1}}.tab .top header,.sp .top header{position:fixed;top:0;display:flex;flex-flow:nowrap;width:100%;padding-top:13.33333%;overflow:hidden;z-index:9000;transition:all .3s}.tab .top header .logo,.sp .top header .logo{position:fixed;top:0;left:50%;width:13.2%;height:0;padding-top:9.86667%;margin-top:2.13333%;margin-bottom:1.33333%;margin-left:-6.53333%;z-index:12000}.tab .top header .logo a,.sp .top header .logo a{position:absolute;top:0;display:block;width:100%;height:100%}.tab .top header .logo span,.sp .top header .logo span{display:none}.tab .top header nav,.sp .top header nav{display:none;position:relative;top:0px;width:100%;height:100%;overflow:hidden;font-family:arial,sans-serif}.tab .top header nav ul li,.sp .top header nav ul li{position:relative}.tab .top header nav ul li a,.sp .top header nav ul li a{display:block;width:100%;height:100%;z-index:0}.tab .top header nav ul li a div,.sp .top header nav ul li a div{display:none}.tab .top header .sns,.sp .top header .sns{opacity:0}.tab .top header .bg-nav,.sp .top header .bg-nav{position:fixed;top:0;left:50%;width:804.66667%;height:422.13333%;margin-top:-192.53333%;margin-left:-476.93333%;background:#171717;z-index:100}.tab .top header .nav-icon,.sp .top header .nav-icon{position:fixed;top:0;margin-top:4.26667%;right:4%;width:8.53333%;height:8.53333vw;-webkit-transform:rotate(0deg);transform:rotate(0deg);cursor:pointer;z-index:9710;background:url(https://static.nexon.co.jp/v4/official/nav_frame.png) no-repeat center top;background-size:contain}.tab .top header .nav-icon .box,.sp .top header .nav-icon .box{position:absolute;display:block;width:100%;height:100%}.tab .top header .nav-icon span,.sp .top header .nav-icon span{display:block;position:absolute;left:50%;top:0;margin-left:-28.125%;height:0;padding-top:9.375%;width:56.25%;background:#e6e6e6;opacity:1}.tab .top header .nav-icon span:nth-child(1),.sp .top header .nav-icon span:nth-child(1){margin-top:25%;transition-duration:.275s}.tab .top header .nav-icon span:nth-child(2),.sp .top header .nav-icon span:nth-child(2){margin-top:45.3125%;transition:opacity .125s ease}.tab .top header .nav-icon span:nth-child(3),.sp .top header .nav-icon span:nth-child(3){margin-top:65.625%;right:0;transition-duration:.275s}.tab .top header .nav-icon.open span:nth-child(1),.sp .top header .nav-icon.open span:nth-child(1){margin-top:46.875%;-webkit-transform:rotate(135deg);transform:rotate(135deg);background:#fff}.tab .top header .nav-icon.open span:nth-child(2),.sp .top header .nav-icon.open span:nth-child(2){margin-top:39.0625%;padding-top:4.6875%;transform:rotate(135deg);z-index:100;background:#171717}.tab .top header .nav-icon.open span:nth-child(3),.sp .top header .nav-icon.open span:nth-child(3){margin-top:46.875%;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);background:#fff}.tab .system header,.tab .character header,.tab .common header,.sp .system header,.sp .character header,.sp .common header{position:fixed;top:0;display:flex;flex-flow:nowrap;width:100%;padding-top:13.33333%;border:.1rem solid #000;box-sizing:border-box;overflow:hidden;background:linear-gradient(180deg, #171717 0%, #383838 100%);z-index:9000}.tab .system header.after,.tab .character header.after,.tab .common header.after,.sp .system header.after,.sp .character header.after,.sp .common header.after{transition:all .3s}.tab .system header.after .nav-icon span:nth-child(1),.tab .character header.after .nav-icon span:nth-child(1),.tab .common header.after .nav-icon span:nth-child(1),.sp .system header.after .nav-icon span:nth-child(1),.sp .character header.after .nav-icon span:nth-child(1),.sp .common header.after .nav-icon span:nth-child(1){transition-duration:.275s}.tab .system header.after .nav-icon span:nth-child(2),.tab .character header.after .nav-icon span:nth-child(2),.tab .common header.after .nav-icon span:nth-child(2),.sp .system header.after .nav-icon span:nth-child(2),.sp .character header.after .nav-icon span:nth-child(2),.sp .common header.after .nav-icon span:nth-child(2){transition:opacity .125s ease}.tab .system header.after .nav-icon span:nth-child(3),.tab .character header.after .nav-icon span:nth-child(3),.tab .common header.after .nav-icon span:nth-child(3),.sp .system header.after .nav-icon span:nth-child(3),.sp .character header.after .nav-icon span:nth-child(3),.sp .common header.after .nav-icon span:nth-child(3){transition-duration:.275s}.tab .system header .logo,.tab .character header .logo,.tab .common header .logo,.sp .system header .logo,.sp .character header .logo,.sp .common header .logo{position:fixed;top:0;left:50%;width:13.2%;height:0;padding-top:9.86667%;margin-top:2.13333%;margin-bottom:1.33333%;margin-left:-6.53333%;background:url(https://static.nexon.co.jp/v4/official/header_logo_red.png) no-repeat center top;background-size:contain;z-index:12000}.tab .system header .logo a,.tab .character header .logo a,.tab .common header .logo a,.sp .system header .logo a,.sp .character header .logo a,.sp .common header .logo a{position:absolute;top:0;display:block;width:100%;height:100%}.tab .system header .logo span,.tab .character header .logo span,.tab .common header .logo span,.sp .system header .logo span,.sp .character header .logo span,.sp .common header .logo span{display:none}.tab .system header nav,.tab .character header nav,.tab .common header nav,.sp .system header nav,.sp .character header nav,.sp .common header nav{display:none;position:relative;top:0px;width:100%;height:100%;overflow:hidden;font-family:arial,sans-serif}.tab .system header nav ul,.tab .character header nav ul,.tab .common header nav ul,.sp .system header nav ul,.sp .character header nav ul,.sp .common header nav ul{position:absolute;top:0;margin-top:20%;margin-left:50%;z-index:9000}.tab .system header nav ul div,.tab .character header nav ul div,.tab .common header nav ul div,.sp .system header nav ul div,.sp .character header nav ul div,.sp .common header nav ul div{display:none}.tab .system header .sns,.tab .character header .sns,.tab .common header .sns,.sp .system header .sns,.sp .character header .sns,.sp .common header .sns{opacity:0}.tab .system header .nav-icon,.tab .character header .nav-icon,.tab .common header .nav-icon,.sp .system header .nav-icon,.sp .character header .nav-icon,.sp .common header .nav-icon{position:fixed;top:0;margin-top:4.26667%;right:4%;width:5.06667%;height:4.8vw;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;transition:left .5s ease-in-out;cursor:pointer;z-index:9710}.tab .system header .nav-icon .box,.tab .character header .nav-icon .box,.tab .common header .nav-icon .box,.sp .system header .nav-icon .box,.sp .character header .nav-icon .box,.sp .common header .nav-icon .box{position:absolute;display:block;width:100%;height:100%}.tab .system header .nav-icon span,.tab .character header .nav-icon span,.tab .common header .nav-icon span,.sp .system header .nav-icon span,.sp .character header .nav-icon span,.sp .common header .nav-icon span{display:block;position:absolute;height:0;padding-top:15.78947%;width:100%;background:#ffffff;opacity:1}.tab .system header .nav-icon span:nth-child(1),.tab .character header .nav-icon span:nth-child(1),.tab .common header .nav-icon span:nth-child(1),.sp .system header .nav-icon span:nth-child(1),.sp .character header .nav-icon span:nth-child(1),.sp .common header .nav-icon span:nth-child(1){top:0;left:0}.tab .system header .nav-icon span:nth-child(2),.tab .character header .nav-icon span:nth-child(2),.tab .common header .nav-icon span:nth-child(2),.sp .system header .nav-icon span:nth-child(2),.sp .character header .nav-icon span:nth-child(2),.sp .common header .nav-icon span:nth-child(2){margin-top:39.47368%}.tab .system header .nav-icon span:nth-child(3),.tab .character header .nav-icon span:nth-child(3),.tab .common header .nav-icon span:nth-child(3),.sp .system header .nav-icon span:nth-child(3),.sp .character header .nav-icon span:nth-child(3),.sp .common header .nav-icon span:nth-child(3){margin-top:78.94737%;right:0}.tab .system header .nav-icon.open span:nth-child(1),.tab .character header .nav-icon.open span:nth-child(1),.tab .common header .nav-icon.open span:nth-child(1),.sp .system header .nav-icon.open span:nth-child(1),.sp .character header .nav-icon.open span:nth-child(1),.sp .common header .nav-icon.open span:nth-child(1){margin-top:26.31579%;-webkit-transform:rotate(135deg);transform:rotate(135deg);background:#fff}.tab .system header .nav-icon.open span:nth-child(2),.tab .character header .nav-icon.open span:nth-child(2),.tab .common header .nav-icon.open span:nth-child(2),.sp .system header .nav-icon.open span:nth-child(2),.sp .character header .nav-icon.open span:nth-child(2),.sp .common header .nav-icon.open span:nth-child(2){margin-top:13.15789%;padding-top:7.89474%;transform:rotate(135deg);z-index:100;background:#181818}.tab .system header .nav-icon.open span:nth-child(3),.tab .character header .nav-icon.open span:nth-child(3),.tab .common header .nav-icon.open span:nth-child(3),.sp .system header .nav-icon.open span:nth-child(3),.sp .character header .nav-icon.open span:nth-child(3),.sp .common header .nav-icon.open span:nth-child(3){margin-top:26.31579%;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);background:#fff}@keyframes headerIn_sp{0%{transform:translateY(-100px)}100%{transform:translateY(0px)}}.tab .load-complete .top h1,.sp .load-complete .top h1{animation:topOtherIn_sp 1s 2.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .load-complete .top .btn-players,.sp .load-complete .top .btn-players{animation:topOtherIn_sp 1s 2.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .load-complete .top .btn-play,.sp .load-complete .top .btn-play{animation:topOtherIn_sp 1s 3s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .load-complete .top .store,.sp .load-complete .top .store{animation:topOtherIn_sp 1s 3.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .load-complete .top .txt-store,.sp .load-complete .top .txt-store{animation:topOtherIn_sp 1s 3.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .load-complete .top .after h1,.sp .load-complete .top .after h1{animation:topOtherIn_sp 1s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .load-complete .top .after .btn-players,.sp .load-complete .top .after .btn-players{animation:topOtherIn_sp 1s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .load-complete .top .after .btn-play,.sp .load-complete .top .after .btn-play{animation:topOtherIn_sp 1s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .load-complete .top .after .store,.sp .load-complete .top .after .store{animation:topOtherIn_sp 1s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .load-complete .top .after .txt-store,.sp .load-complete .top .after .txt-store{animation:topOtherIn_sp 1s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes topOtherIn_sp{0%{opacity:0}100%{opacity:1}}.pc .main.none,.pc footer.none{display:none}.pc header.open{position:absolute;top:0;padding-top:100vh;overflow:hidden}.pc header.open .logo{position:absolute;top:0;left:50%;margin-left:-49px;background:url(https://static.nexon.co.jp/v4/official/header_logo_red.png) no-repeat center top;background-size:contain}.pc header.open .nav-icon{position:absolute;top:0;background:none}.pc header.open nav{position:absolute;top:0px;display:block;width:100%;height:100vh}.pc header.open nav ul{margin-bottom:37px}.pc header.open nav ul li{position:relative;display:block;width:559px;height:0;padding-top:52px;opacity:0}.pc header.open nav ul li a{position:absolute;top:0;display:block;width:100%;height:100%}.pc header.open nav ul li a:before{content:"";position:absolute;top:0;left:0;margin-left:75px;width:115px;height:0;padding-top:52px;background:url(https://static.nexon.co.jp/v4/official/top_nav_deco.png) no-repeat left top;background-size:contain;opacity:0;transform:scale(1) translateX(-20px);transition:all .4s}.pc header.open nav ul li a:after{content:"";position:absolute;top:0;right:0;margin-right:75px;width:115px;height:0;padding-top:52px;background:url(https://static.nexon.co.jp/v4/official/top_nav_deco.png) no-repeat left top;background-size:contain;opacity:0;transform:scale(-1) translateX(-20px);transition:all .4s}.pc header.open nav ul li a.active:before,.pc header.open nav ul li a:hover:before{opacity:1;transform:scale(1) translateX(0px)}.pc header.open nav ul li a.active:after,.pc header.open nav ul li a:hover:after{opacity:1;transform:scale(-1) translateX(0px)}.pc header.open nav ul .nav-01{animation:nvFade 0.6s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc header.open nav ul .nav-01 a{background:url(https://static.nexon.co.jp/v4/official/top_nav01.png) no-repeat left top;background-size:200% 100%}.pc header.open nav ul .nav-01 a.active,.pc header.open nav ul .nav-01 a:hover{background-position:right top}.pc header.open nav ul .nav-01 a:before{margin-left:75px}.pc header.open nav ul .nav-01 a:after{margin-right:75px}.pc header.open nav ul .nav-02{animation:nvFade 0.6s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc header.open nav ul .nav-02 a{background:url(https://static.nexon.co.jp/v4/official/top_nav02.png) no-repeat left top;background-size:200% 100%}.pc header.open nav ul .nav-02 a.active,.pc header.open nav ul .nav-02 a:hover{background-position:right top}.pc header.open nav ul .nav-02 a:before{margin-left:40px}.pc header.open nav ul .nav-02 a:after{margin-right:40px}.pc header.open nav ul .nav-03{animation:nvFade 0.6s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc header.open nav ul .nav-03 a{background:url(https://static.nexon.co.jp/v4/official/top_nav03.png) no-repeat left top;background-size:200% 100%}.pc header.open nav ul .nav-03 a.active,.pc header.open nav ul .nav-03 a:hover{background-position:right top}.pc header.open nav ul .nav-03 a:before{margin-left:0px}.pc header.open nav ul .nav-03 a:after{margin-right:0px}.pc header.open nav ul .nav-04{animation:nvFade 0.6s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc header.open nav ul .nav-04 a{background:url(https://static.nexon.co.jp/v4/official/top_nav04.png) no-repeat left top;background-size:200% 100%}.pc header.open nav ul .nav-04 a.active,.pc header.open nav ul .nav-04 a:hover{background-position:right top}.pc header.open nav ul .nav-04 a:before{margin-left:60px}.pc header.open nav ul .nav-04 a:after{margin-right:60px}.pc header.open nav ul .nav-05{animation:nvFade 0.6s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc header.open nav ul .nav-05 a{background:url(https://static.nexon.co.jp/v4/official/top_nav05.png) no-repeat left top;background-size:200% 100%}.pc header.open nav ul .nav-05 a.active,.pc header.open nav ul .nav-05 a:hover{background-position:right top}.pc header.open nav ul .nav-05 a:before{margin-left:50px}.pc header.open nav ul .nav-05 a:after{margin-right:50px}.pc header.open nav ul .nav-06{animation:nvFade 0.6s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc header.open nav ul .nav-06 a{background:url(https://static.nexon.co.jp/v4/official/top_nav06.png) no-repeat left top;background-size:200% 100%}.pc header.open nav ul .nav-06 a.active,.pc header.open nav ul .nav-06 a:hover{background-position:right top}.pc header.open nav ul .nav-06 a:before{margin-left:10px}.pc header.open nav ul .nav-06 a:after{margin-right:10px}@keyframes nvFade{0%{opacity:0}100%{opacity:1}}.pc header.open nav .sns{display:flex;flex-flow:wrap;justify-content:center;position:relative;top:0;left:0;width:100%;margin-bottom:54px;animation:nvFade 1s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both;z-index:3000}.pc header.open nav .sns p{position:relative;width:100%;height:0;padding-top:82px;margin-bottom:29px;overflow:hidden;text-indent:110%;white-space:nowrap;background:url(https://static.nexon.co.jp/v4/official/top_nav_share.png) no-repeat center top;background-size:contain}.pc header.open nav .sns>div{position:relative;width:60px;height:0;padding-top:60px;margin-right:38px}.pc header.open nav .sns>div a{position:absolute;top:0;display:block;width:100%;height:100%;overflow:hidden;text-indent:110%;white-space:nowrap}.pc header.open nav .sns .btn-tw a{background:url(https://static.nexon.co.jp/v4/official/header_btn_tw_sp.png) no-repeat center top;background-size:contain}.pc header.open nav .sns .btn-fb a{background:url(https://static.nexon.co.jp/v4/official/header_btn_fb_sp.png) no-repeat center top;background-size:contain}.pc header.open nav .sns .btn-line{margin-right:0}.pc header.open nav .sns .btn-line a{background:url(https://static.nexon.co.jp/v4/official/header_btn_line_sp.png) no-repeat center top;background-size:contain}.pc header.open nav .bg-nav{transform:translateX(200px) translateY(0px);animation:bgnav_sp 0.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes bgnav_sp{0%{transform:translateX(200px) translateY(0px)}100%{transform:translateX(0px) translateY(0px)}}.pc header.open nav .nav-pre{position:relative;top:0;left:50%;margin-left:-285px;width:570px;height:126px;background:url(https://static.nexon.co.jp/v4/official/top_btn_pre.png) no-repeat left top;background-size:100% 200%;z-index:200;animation:nvFade 1s 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc header.open nav .nav-pre a{position:absolute;top:0;display:block;width:100%;height:100%;border:none;opacity:0;transition:opacity .8s;background:url(https://static.nexon.co.jp/v4/official/top_btn_pre.png) no-repeat left bottom;background-size:100% 200%}.pc header.open nav .nav-pre a:hover{opacity:1;background-position:left bottom}.pc header.open nav .nav-pre a span{display:none}.tab .main.none,.tab footer.none,.sp .main.none,.sp footer.none{display:none}.tab .top header.open .logo,.sp .top header.open .logo{position:absolute;top:0;left:50%;margin-top:5.06667%;margin-left:-6.53333%;background:url(https://static.nexon.co.jp/v4/official/header_logo_red.png) no-repeat center top;background-size:contain}.tab header.open,.sp header.open{position:fixed;top:0;padding-top:100vh;overflow:hidden}.tab header.open .nav-icon,.sp header.open .nav-icon{position:absolute;top:0;background:none}.tab header.open nav,.sp header.open nav{position:absolute;top:0px;display:block;width:100%;height:100vh}.tab header.open nav ul,.sp header.open nav ul{position:relative;top:0;left:50%;width:89.46667%;margin-top:22%;margin-left:-44.66667%;margin-bottom:7.6%;z-index:9000}.tab header.open nav ul li,.sp header.open nav ul li{position:relative;display:block;width:100%;height:0;padding-top:9.538%;opacity:0}.tab header.open nav ul li a,.sp header.open nav ul li a{position:absolute;top:0;display:block;width:100%;height:100%}.tab header.open nav ul li a:before,.sp header.open nav ul li a:before{content:"";position:absolute;top:0;left:0;margin-left:11.17735%;width:20.41729%;height:0;padding-top:9.538%;background:url(https://static.nexon.co.jp/v4/official/top_nav_deco.png) no-repeat left top;background-size:contain;opacity:0;transform:scale(1) translateX(-20px);transition:all .4s}.tab header.open nav ul li a:after,.sp header.open nav ul li a:after{content:"";position:absolute;top:0;right:0;margin-right:11.17735%;width:20.41729%;height:0;padding-top:9.23994%;background:url(https://static.nexon.co.jp/v4/official/top_nav_deco.png) no-repeat left top;background-size:contain;opacity:0;transform:scale(-1) translateX(-20px);transition:all .4s}.tab header.open nav ul li a.active:before,.sp header.open nav ul li a.active:before{opacity:1;transform:scale(1) translateX(0px)}.tab header.open nav ul li a.active:after,.sp header.open nav ul li a.active:after{opacity:1;transform:scale(-1) translateX(0px)}.tab header.open nav ul .nav-01,.sp header.open nav ul .nav-01{animation:nvFade 0.6s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab header.open nav ul .nav-01 a,.sp header.open nav ul .nav-01 a{background:url(https://static.nexon.co.jp/v4/official/top_nav01.png) no-repeat left top;background-size:200% 100%}.tab header.open nav ul .nav-01 a.active,.sp header.open nav ul .nav-01 a.active{background-position:right top}.tab header.open nav ul .nav-01 a:before,.sp header.open nav ul .nav-01 a:before{margin-left:13.04348%}.tab header.open nav ul .nav-01 a:after,.sp header.open nav ul .nav-01 a:after{margin-right:13.04348%}.tab header.open nav ul .nav-02,.sp header.open nav ul .nav-02{animation:nvFade 0.6s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab header.open nav ul .nav-02 a,.sp header.open nav ul .nav-02 a{background:url(https://static.nexon.co.jp/v4/official/top_nav02.png) no-repeat left top;background-size:200% 100%}.tab header.open nav ul .nav-02 a.active,.sp header.open nav ul .nav-02 a.active{background-position:right top}.tab header.open nav ul .nav-02 a:before,.sp header.open nav ul .nav-02 a:before{margin-left:6.95652%}.tab header.open nav ul .nav-02 a:after,.sp header.open nav ul .nav-02 a:after{margin-right:6.95652%}.tab header.open nav ul .nav-03,.sp header.open nav ul .nav-03{animation:nvFade 0.6s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab header.open nav ul .nav-03 a,.sp header.open nav ul .nav-03 a{background:url(https://static.nexon.co.jp/v4/official/top_nav03.png) no-repeat left top;background-size:200% 100%}.tab header.open nav ul .nav-03 a.active,.sp header.open nav ul .nav-03 a.active{background-position:right top}.tab header.open nav ul .nav-03 a:before,.sp header.open nav ul .nav-03 a:before{margin-left:0px}.tab header.open nav ul .nav-03 a:after,.sp header.open nav ul .nav-03 a:after{margin-right:0px}.tab header.open nav ul .nav-04,.sp header.open nav ul .nav-04{animation:nvFade 0.6s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab header.open nav ul .nav-04 a,.sp header.open nav ul .nav-04 a{background:url(https://static.nexon.co.jp/v4/official/top_nav04.png) no-repeat left top;background-size:200% 100%}.tab header.open nav ul .nav-04 a.active,.sp header.open nav ul .nav-04 a.active{background-position:right top}.tab header.open nav ul .nav-04 a:before,.sp header.open nav ul .nav-04 a:before{margin-left:10.43478%}.tab header.open nav ul .nav-04 a:after,.sp header.open nav ul .nav-04 a:after{margin-right:10.43478%}.tab header.open nav ul .nav-05,.sp header.open nav ul .nav-05{animation:nvFade 0.6s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab header.open nav ul .nav-05 a,.sp header.open nav ul .nav-05 a{background:url(https://static.nexon.co.jp/v4/official/top_nav05.png) no-repeat left top;background-size:200% 100%}.tab header.open nav ul .nav-05 a.active,.sp header.open nav ul .nav-05 a.active{background-position:right top}.tab header.open nav ul .nav-05 a:before,.sp header.open nav ul .nav-05 a:before{margin-left:8.69565%}.tab header.open nav ul .nav-05 a:after,.sp header.open nav ul .nav-05 a:after{margin-right:8.69565%}.tab header.open nav ul .nav-06,.sp header.open nav ul .nav-06{animation:nvFade 0.6s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab header.open nav ul .nav-06 a,.sp header.open nav ul .nav-06 a{background:url(https://static.nexon.co.jp/v4/official/top_nav06.png) no-repeat left top;background-size:200% 100%}.tab header.open nav ul .nav-06 a.active,.sp header.open nav ul .nav-06 a.active{background-position:right top}.tab header.open nav ul .nav-06 a:before,.sp header.open nav ul .nav-06 a:before{margin-left:1.73913%}.tab header.open nav ul .nav-06 a:after,.sp header.open nav ul .nav-06 a:after{margin-right:1.73913%}@keyframes nvFade{0%{opacity:0}100%{opacity:1}}.tab header.open nav .sns,.sp header.open nav .sns{display:flex;flex-flow:wrap;justify-content:center;position:relative;top:0;left:0;width:100%;margin-bottom:24.66667%;animation:nvFade 1s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both;z-index:3000}.tab header.open nav .sns p,.sp header.open nav .sns p{position:relative;width:100%;height:0;padding-top:13.06667%;margin-bottom:4.8%;overflow:hidden;text-indent:110%;white-space:nowrap;background:url(https://static.nexon.co.jp/v4/official/top_nav_share_sp.png) no-repeat center top;background-size:contain}.tab header.open nav .sns>div,.sp header.open nav .sns>div{position:relative;width:12%;height:0;padding-top:12%;margin-right:7.86667%}.tab header.open nav .sns>div a,.sp header.open nav .sns>div a{position:absolute;top:0;display:block;width:100%;height:100%;overflow:hidden;text-indent:110%;white-space:nowrap}.tab header.open nav .sns .btn-tw a,.sp header.open nav .sns .btn-tw a{background:url(https://static.nexon.co.jp/v4/official/header_btn_tw_sp.png) no-repeat center top;background-size:contain}.tab header.open nav .sns .btn-fb a,.sp header.open nav .sns .btn-fb a{background:url(https://static.nexon.co.jp/v4/official/header_btn_fb_sp.png) no-repeat center top;background-size:contain}.tab header.open nav .sns .btn-line,.sp header.open nav .sns .btn-line{margin-right:0}.tab header.open nav .sns .btn-line a,.sp header.open nav .sns .btn-line a{background:url(https://static.nexon.co.jp/v4/official/header_btn_line_sp.png) no-repeat center top;background-size:contain}@keyframes bgnav_sp{0%{transform:translateX(200px) translateY(0px)}100%{transform:translateX(0px) translateY(0px)}}.tab header.open nav .nav-pre,.sp header.open nav .nav-pre{position:relative;top:0;left:50%;margin-left:-45.06667%;width:90.13333%;height:0;padding-top:18.93333%;background:url(https://static.nexon.co.jp/v4/official/top_btn_pre.png) no-repeat left top;background-size:100% 200%;z-index:200;animation:nvFade 1s 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab header.open nav .nav-pre a,.sp header.open nav .nav-pre a{position:absolute;top:0;display:block;width:100%;height:100%;border:none;opacity:0;transition:opacity .8s;background:url(https://static.nexon.co.jp/v4/official/top_btn_pre.png) no-repeat left bottom;background-size:100% 200%}.tab header.open nav .nav-pre a span,.sp header.open nav .nav-pre a span{display:none}.tab header.open{padding-top:130vh}.tab header.open .nav{height:100%}.tab header.open .nav .sns{margin-bottom:8%}.pc nav.subnav{position:relative;width:1200px;height:0;padding-top:66px;margin:0 auto;z-index:1000}.pc nav.subnav ul{position:absolute;top:0;display:flex;flex-flow:nowrap;justify-content:center;width:100%;height:100%}.pc nav.subnav ul.preload li a{transition:0 !important}.pc nav.subnav ul li{position:relative;width:240px;height:0;padding-top:66px;font-size:22px}.pc nav.subnav ul li a{display:flex;justify-content:center;align-items:center;position:absolute;top:0;width:100%;height:100%;outline:none;text-decoration:none;box-sizing:border-box;cursor:pointer;transition:opacity .6s;opacity:0}.pc nav.subnav ul li a:hover,.pc nav.subnav ul li a.active{opacity:1}.pc nav.subnav ul li a span{display:none}.pc .system nav.subnav ul .menu-01{background:url(https://static.nexon.co.jp/v4/official/system_subnav01.png) no-repeat left top}.pc .system nav.subnav ul .menu-01 a{background:url(https://static.nexon.co.jp/v4/official/system_subnav01.png) no-repeat left bottom}.pc .system nav.subnav ul .menu-02{background:url(https://static.nexon.co.jp/v4/official/system_subnav02.png) no-repeat left top}.pc .system nav.subnav ul .menu-02 a{background:url(https://static.nexon.co.jp/v4/official/system_subnav02.png) no-repeat left bottom}.pc .system nav.subnav ul .menu-03{background:url(https://static.nexon.co.jp/v4/official/system_subnav03.png) no-repeat left top}.pc .system nav.subnav ul .menu-03 a{background:url(https://static.nexon.co.jp/v4/official/system_subnav03.png) no-repeat left bottom}.pc .system nav.subnav ul .menu-04{background:url(https://static.nexon.co.jp/v4/official/system_subnav04.png) no-repeat left top}.pc .system nav.subnav ul .menu-04 a{background:url(https://static.nexon.co.jp/v4/official/system_subnav04.png) no-repeat left bottom}.pc .system nav.subnav ul .menu-05{background:url(https://static.nexon.co.jp/v4/official/system_subnav05.png) no-repeat left top}.pc .system nav.subnav ul .menu-05 a{background:url(https://static.nexon.co.jp/v4/official/system_subnav05.png) no-repeat left bottom}.pc .character nav.subnav ul .menu-01{background:url(https://static.nexon.co.jp/v4/official/character_subnav01.png) no-repeat left top}.pc .character nav.subnav ul .menu-01 a{background:url(https://static.nexon.co.jp/v4/official/character_subnav01.png) no-repeat left bottom}.pc .character nav.subnav ul .menu-02{background:url(https://static.nexon.co.jp/v4/official/character_subnav02.png) no-repeat left top}.pc .character nav.subnav ul .menu-02 a{background:url(https://static.nexon.co.jp/v4/official/character_subnav02.png) no-repeat left bottom}.pc .character nav.subnav ul .menu-03{background:url(https://static.nexon.co.jp/v4/official/character_subnav03.png) no-repeat left top}.pc .character nav.subnav ul .menu-03 a{background:url(https://static.nexon.co.jp/v4/official/character_subnav03.png) no-repeat left bottom}.pc .character nav.subnav ul .menu-03 a.hover{opacity:1}.pc .character nav.subnav ul .menu-04{background:url(https://static.nexon.co.jp/v4/official/character_subnav04.png) no-repeat left top}.pc .character nav.subnav ul .menu-04 a{background:url(https://static.nexon.co.jp/v4/official/character_subnav04.png) no-repeat left bottom}.pc .character nav.subnav ul .menu-05{background:url(https://static.nexon.co.jp/v4/official/character_subnav05.png) no-repeat left top}.pc .character nav.subnav ul .menu-05 a{background:url(https://static.nexon.co.jp/v4/official/character_subnav05.png) no-repeat left bottom}.pc .character nav.subnav ul .menu-06{background:url(https://static.nexon.co.jp/v4/official/character_subnav06.png) no-repeat left top}.pc .character nav.subnav ul .menu-06 a{background:url(https://static.nexon.co.jp/v4/official/character_subnav06.png) no-repeat left bottom}.tab nav.subnav,.sp nav.subnav{position:relative;width:100%;height:0;padding-top:18.93333%;z-index:1000}.tab nav.subnav ul,.sp nav.subnav ul{position:absolute;top:0;display:flex;flex-flow:wrap;justify-content:left;width:92%;padding-left:4%}.tab nav.subnav ul.preload li a,.sp nav.subnav ul.preload li a{transition:0 !important}.tab nav.subnav ul li,.sp nav.subnav ul li{position:relative;width:33.33333%;height:0;padding-top:9.56522%;margin-bottom:1.30435%;font-size:22px;font-size:2.86458vw}.tab nav.subnav ul li a,.sp nav.subnav ul li a{display:flex;justify-content:center;align-items:center;position:absolute;top:0;width:100%;height:100%;outline:none;text-decoration:none;box-sizing:border-box;cursor:pointer;opacity:0}.tab nav.subnav ul li a.active,.sp nav.subnav ul li a.active{opacity:1}.tab nav.subnav ul li a span,.sp nav.subnav ul li a span{display:none}.tab nav.subnav ul .menu-04,.tab nav.subnav ul .menu-05,.tab nav.subnav ul .menu-06,.sp nav.subnav ul .menu-04,.sp nav.subnav ul .menu-05,.sp nav.subnav ul .menu-06{margin-bottom:0}.tab .system nav.subnav ul .menu-01,.sp .system nav.subnav ul .menu-01{background:url(https://static.nexon.co.jp/v4/official/system_subnav01.png) no-repeat left top;background-size:100% 200%}.tab .system nav.subnav ul .menu-01 a,.sp .system nav.subnav ul .menu-01 a{background:url(https://static.nexon.co.jp/v4/official/system_subnav01.png) no-repeat left bottom;background-size:100% 200%}.tab .system nav.subnav ul .menu-02,.sp .system nav.subnav ul .menu-02{background:url(https://static.nexon.co.jp/v4/official/system_subnav02.png) no-repeat left top;background-size:100% 200%}.tab .system nav.subnav ul .menu-02 a,.sp .system nav.subnav ul .menu-02 a{background:url(https://static.nexon.co.jp/v4/official/system_subnav02.png) no-repeat left bottom;background-size:100% 200%}.tab .system nav.subnav ul .menu-03,.sp .system nav.subnav ul .menu-03{background:url(https://static.nexon.co.jp/v4/official/system_subnav03.png) no-repeat left top;background-size:100% 200%}.tab .system nav.subnav ul .menu-03 a,.sp .system nav.subnav ul .menu-03 a{background:url(https://static.nexon.co.jp/v4/official/system_subnav03.png) no-repeat left bottom;background-size:100% 200%}.tab .system nav.subnav ul .menu-04,.sp .system nav.subnav ul .menu-04{background:url(https://static.nexon.co.jp/v4/official/system_subnav04.png) no-repeat left top;background-size:100% 200%}.tab .system nav.subnav ul .menu-04 a,.sp .system nav.subnav ul .menu-04 a{background:url(https://static.nexon.co.jp/v4/official/system_subnav04.png) no-repeat left bottom;background-size:100% 200%}.tab .system nav.subnav ul .menu-05,.sp .system nav.subnav ul .menu-05{background:url(https://static.nexon.co.jp/v4/official/system_subnav05.png) no-repeat left top;background-size:100% 200%}.tab .system nav.subnav ul .menu-05 a,.sp .system nav.subnav ul .menu-05 a{background:url(https://static.nexon.co.jp/v4/official/system_subnav05.png) no-repeat left bottom;background-size:100% 200%}.tab .character nav.subnav ul .menu-01,.sp .character nav.subnav ul .menu-01{background:url(https://static.nexon.co.jp/v4/official/character_subnav01.png) no-repeat left top;background-size:100% 200%}.tab .character nav.subnav ul .menu-01 a,.sp .character nav.subnav ul .menu-01 a{background:url(https://static.nexon.co.jp/v4/official/character_subnav01.png) no-repeat left bottom;background-size:100% 200%}.tab .character nav.subnav ul .menu-02,.sp .character nav.subnav ul .menu-02{background:url(https://static.nexon.co.jp/v4/official/character_subnav02.png) no-repeat left top;background-size:100% 200%}.tab .character nav.subnav ul .menu-02 a,.sp .character nav.subnav ul .menu-02 a{background:url(https://static.nexon.co.jp/v4/official/character_subnav02.png) no-repeat left bottom;background-size:100% 200%}.tab .character nav.subnav ul .menu-03,.sp .character nav.subnav ul .menu-03{background:url(https://static.nexon.co.jp/v4/official/character_subnav03.png) no-repeat left top;background-size:100% 200%}.tab .character nav.subnav ul .menu-03 a,.sp .character nav.subnav ul .menu-03 a{background:url(https://static.nexon.co.jp/v4/official/character_subnav03.png) no-repeat left bottom;background-size:100% 200%}.tab .character nav.subnav ul .menu-04,.sp .character nav.subnav ul .menu-04{background:url(https://static.nexon.co.jp/v4/official/character_subnav04.png) no-repeat left top;background-size:100% 200%}.tab .character nav.subnav ul .menu-04 a,.sp .character nav.subnav ul .menu-04 a{background:url(https://static.nexon.co.jp/v4/official/character_subnav04.png) no-repeat left bottom;background-size:100% 200%}.tab .character nav.subnav ul .menu-05,.sp .character nav.subnav ul .menu-05{background:url(https://static.nexon.co.jp/v4/official/character_subnav05.png) no-repeat left top;background-size:100% 200%}.tab .character nav.subnav ul .menu-05 a,.sp .character nav.subnav ul .menu-05 a{background:url(https://static.nexon.co.jp/v4/official/character_subnav05.png) no-repeat left bottom;background-size:100% 200%}.tab .character nav.subnav ul .menu-06,.sp .character nav.subnav ul .menu-06{background:url(https://static.nexon.co.jp/v4/official/character_subnav06.png) no-repeat left top;background-size:100% 200%}.tab .character nav.subnav ul .menu-06 a,.sp .character nav.subnav ul .menu-06 a{background:url(https://static.nexon.co.jp/v4/official/character_subnav06.png) no-repeat left bottom;background-size:100% 200%}.pc footer{position:relative;width:100%;min-width:1200px;margin:0 auto;z-index:8000;border-top:#373737 1px solid;background:#171717}@media (min-width: 75.0625em){.pc footer{width:100%;margin:0}}.pc footer .inner{position:relative;padding-bottom:60px;width:100%}.pc footer .inner aside{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.pc footer .inner aside .regist-sns{position:relative;margin-top:7px;margin-bottom:32px;display:flex;flex-wrap:nowrap;justify-content:space-between;width:613px}.pc footer .inner aside .regist-sns>div{height:60px}.pc footer .inner aside .regist-sns>div a{position:relative;display:block;width:100%;height:100%}.pc footer .inner aside .regist-sns>div a span{display:none}.pc footer .inner aside .regist-sns .btn-app{width:164px}.pc footer .inner aside .regist-sns .btn-app a{background:url(https://static.nexon.co.jp/v4/common/footer_store_app_dl.png) no-repeat left top;background-size:contain}.pc footer .inner aside .regist-sns .btn-gp{width:203px}.pc footer .inner aside .regist-sns .btn-gp a{background:url(https://static.nexon.co.jp/v4/official/top_btn_gp.png) no-repeat left top;background-size:contain}.pc footer .inner aside .regist-sns .btn-pc{width:206px}.pc footer .inner aside .regist-sns .btn-pc a{background:url(https://static.nexon.co.jp/v4/official/top_btn_pc.png) no-repeat left top;background-size:contain}.pc footer .inner aside .store{display:flex;flex-flow:nowrap;width:760px;padding-bottom:20px}.pc footer .inner aside .store>div{position:relative;margin-right:19px;padding-top:70px;overflow:hidden}.pc footer .inner aside .store>div:last-child{margin-right:0px}.pc footer .inner aside .store>div a{position:absolute;top:0;height:0;display:block;width:100%;height:100%;border:none;white-space:nowrap;overflow:hidden;text-indent:110%;overflow:hidden}.pc footer .inner aside .store .btn-app{width:190px}.pc footer .inner aside .store .btn-app a{background:url(https://static.nexon.co.jp/v4/common/footer_store_app.png) no-repeat;background-size:contain}.pc footer .inner aside .store .btn-gp{width:237px}.pc footer .inner aside .store .btn-gp a{background:url(https://static.nexon.co.jp/v4/common/footer_store_gp.png) no-repeat;background-size:contain}.pc footer .inner aside .store .btn-pc{width:240px}.pc footer .inner aside .store .btn-pc a{background:url(https://static.nexon.co.jp/v4/common/footer_store_pc.png) no-repeat;background-size:contain}.pc footer .inner aside .sns{display:flex;flex-flow:nowrap;min-width:330px;height:46px;padding-bottom:20px}.pc footer .inner aside .sns p{margin-top:4px;margin-right:34px;font-family:Arial, Helvetica, sans-serif;font-size:24px;color:#e6e6e6}.pc footer .inner aside .sns>div{position:relative;height:0;margin-right:28px;overflow:hidden}.pc footer .inner aside .sns>div:last-child{margin-right:0px}.pc footer .inner aside .sns>div a{position:absolute;top:0;height:0;display:block;width:100%;height:100%;border:none;white-space:nowrap;overflow:hidden;text-indent:110%;overflow:hidden}.pc footer .inner aside .sns .btn-tw{top:5px;width:39px;max-width:39px;padding-top:30px}.pc footer .inner aside .sns .btn-tw a{background:url(https://static.nexon.co.jp/v4/common/footer_sns_tw.png) no-repeat;background-size:contain}.pc footer .inner aside .sns .btn-yt{top:4px;width:47px;max-width:47px;padding-top:32px}.pc footer .inner aside .sns .btn-yt a{background:url(https://static.nexon.co.jp/v4/common/footer_sns_yt.png) no-repeat;background-size:contain}.pc footer .inner aside .sns .btn-line{width:43px;max-width:43px;padding-top:42px}.pc footer .inner aside .sns .btn-line a{background:url(https://static.nexon.co.jp/v4/common/footer_sns_line.png) no-repeat;background-size:contain}.pc footer .inner .btn-top{position:relative;top:-40px;margin:0px auto 0px;width:82px;height:82px;background:url(https://static.nexon.co.jp/v4/common/footer_btntop.png) no-repeat left top;background-size:100% 200%}.pc footer .inner .btn-top a{display:block;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/common/footer_btntop.png) no-repeat left bottom;background-size:100% 200%;opacity:0;transition:opacity 0.6s}.pc footer .inner .btn-top a:hover{opacity:1}.pc footer .inner .btn-top a span{display:none}.pc footer .inner .btn-top a.hover span{transform:translateY(-4px)}.pc footer .inner .product{display:flex;flex-wrap:nowrap;align-items:center;width:460px;margin:0 auto 30px}.pc footer .inner .product figure{margin-right:30px}.pc footer .inner .product ul{font-size:18px;line-height:155.55556%}.pc footer .inner .product ul li{color:#e6e6e6}.pc footer .inner .link{text-align:center;margin-bottom:24px}.pc footer .inner .link ul{overflow:hidden}.pc footer .inner .link ul li{display:inline;padding-right:9px;padding-left:6px;border-right:1px solid #e6e6e6;font-size:18px;line-height:30px}.pc footer .inner .link ul li a{color:#e6e6e6}.pc footer .inner .link ul li a:hover{text-decoration:none}.pc footer .inner .link ul li:first-child{padding-left:0}.pc footer .inner .link ul li:first-child+li+li{border-right:none}.pc footer .inner .link ul li:last-child{display:block;border-right:none}.pc footer .inner .copy{font-family:Arial, Helvetica, sans-serif;font-size:18px;line-height:155.55556%;text-align:center;color:#e6e6e6}.pc footer .inner .txt-copy{margin-bottom:38px;font-family:Arial, Helvetica, sans-serif;font-size:18px;text-align:center;color:#e6e6e6}.pc footer .inner .footer-logo{position:relative;left:50%;margin-left:-141px;width:283px;height:0;padding-top:50px;background:url(https://static.nexon.co.jp/v4/common/footer_logo_pc.png) no-repeat left top;background-size:contain}.pc footer .inner .footer-logo span{display:none}.tab footer,.sp footer{position:relative;width:100%;padding-bottom:12%;z-index:8000;border-top:#373737 1px solid;background:#171717}.tab footer .inner,.sp footer .inner{position:relative;width:100%}.tab footer .inner aside,.sp footer .inner aside{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.tab footer .inner aside .regist-sns,.sp footer .inner aside .regist-sns{position:relative;top:0;margin-bottom:4.8%;display:flex;flex-wrap:wrap;width:59.6%}.tab footer .inner aside .regist-sns>div,.sp footer .inner aside .regist-sns>div{position:relative;height:0}.tab footer .inner aside .regist-sns>div a,.sp footer .inner aside .regist-sns>div a{position:absolute;top:0;display:block;width:100%;height:100%}.tab footer .inner aside .regist-sns>div a span,.sp footer .inner aside .regist-sns>div a span{display:none}.tab footer .inner aside .regist-sns .btn-app,.sp footer .inner aside .regist-sns .btn-app{margin-right:4.47427%;width:42.72931%;padding-top:15.65996%}.tab footer .inner aside .regist-sns .btn-app a,.sp footer .inner aside .regist-sns .btn-app a{background:url(https://static.nexon.co.jp/v4/common/footer_store_app_dl.png) no-repeat left top;background-size:contain}.tab footer .inner aside .regist-sns .btn-gp,.sp footer .inner aside .regist-sns .btn-gp{width:52.79642%;padding-top:15.65996%}.tab footer .inner aside .regist-sns .btn-gp a,.sp footer .inner aside .regist-sns .btn-gp a{background:url(https://static.nexon.co.jp/v4/common/footer_pre_gp.png) no-repeat left top;background-size:contain}.tab footer .inner aside .regist-sns .btn-pc,.sp footer .inner aside .regist-sns .btn-pc{display:none}.tab footer .inner aside .sns,.sp footer .inner aside .sns{display:flex;flex-flow:nowrap;justify-content:center;height:6.13333%;min-width:44%;padding-bottom:4.93333%}.tab footer .inner aside .sns p,.sp footer .inner aside .sns p{margin-right:10.30303%;font-family:Arial, Helvetica, sans-serif;color:#e6e6e6;font-size:24px;font-size:3.125vw}.tab footer .inner aside .sns>div,.sp footer .inner aside .sns>div{position:relative;height:0;margin-right:8.48485%;overflow:hidden}.tab footer .inner aside .sns>div:last-child,.sp footer .inner aside .sns>div:last-child{margin-right:0px}.tab footer .inner aside .sns>div a,.sp footer .inner aside .sns>div a{position:absolute;top:0;height:0;display:block;width:100%;height:100%;border:none;white-space:nowrap;overflow:hidden;text-indent:110%;overflow:hidden}.tab footer .inner aside .sns .btn-tw,.sp footer .inner aside .sns .btn-tw{width:11.81818%;padding-top:9.09091%}.tab footer .inner aside .sns .btn-tw a,.sp footer .inner aside .sns .btn-tw a{background:url(https://static.nexon.co.jp/v4/common/footer_sns_tw.png) no-repeat;background-size:contain}.tab footer .inner aside .sns .btn-yt,.sp footer .inner aside .sns .btn-yt{width:14.24242%;padding-top:9.69697%}.tab footer .inner aside .sns .btn-yt a,.sp footer .inner aside .sns .btn-yt a{background:url(https://static.nexon.co.jp/v4/common/footer_sns_yt.png) no-repeat;background-size:contain}.tab footer .inner aside .sns .btn-line,.sp footer .inner aside .sns .btn-line{width:13.0303%;padding-top:12.72727%}.tab footer .inner aside .sns .btn-line a,.sp footer .inner aside .sns .btn-line a{background:url(https://static.nexon.co.jp/v4/common/footer_sns_line.png) no-repeat;background-size:contain}.tab footer .inner .btn-top,.sp footer .inner .btn-top{position:relative;transform:translateY(-5.33333vw);margin:0 auto 1.86667%;width:11.46667%;height:0;padding-top:11.46667%;background:url(https://static.nexon.co.jp/v4/common/footer_btntop.png) no-repeat left top;background-size:100% 200%}.tab footer .inner .btn-top a,.sp footer .inner .btn-top a{position:absolute;top:0;display:block;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/common/footer_btntop.png) no-repeat left bottom;background-size:100% 200%;opacity:0;transition:opacity 0.6s}.tab footer .inner .btn-top a.hover,.sp footer .inner .btn-top a.hover{opacity:1}.tab footer .inner .btn-top a span,.sp footer .inner .btn-top a span{display:none}.tab footer .inner .product,.sp footer .inner .product{position:relative;left:50%;margin-left:-30.66667%;display:flex;flex-wrap:nowrap;align-items:center;width:69.33333%;margin-bottom:5.33333%}.tab footer .inner .product figure,.sp footer .inner .product figure{position:relative;margin-right:5.76923%;width:19.23077%;height:0;padding-top:19.23077%}.tab footer .inner .product figure img,.sp footer .inner .product figure img{position:absolute;top:0;width:100%}.tab footer .inner .product ul li,.sp footer .inner .product ul li{font-size:18px;font-size:2.34375vw;line-height:155.55556%;color:#e6e6e6;white-space:nowrap}.tab footer .inner .link,.sp footer .inner .link{text-align:center;margin-bottom:4.66667%}.tab footer .inner .link ul,.sp footer .inner .link ul{overflow:hidden}.tab footer .inner .link ul li,.sp footer .inner .link ul li{display:inline;padding-right:1.86667%;padding-left:.8%;border-right:1px solid #e6e5e5;font-size:18px;font-size:2.34375vw;line-height:166.66667%}.tab footer .inner .link ul li a,.sp footer .inner .link ul li a{color:#e6e6e6}.tab footer .inner .link ul li:first-child,.sp footer .inner .link ul li:first-child{padding-left:0}.tab footer .inner .link ul li:first-child+li+li,.sp footer .inner .link ul li:first-child+li+li{border-right:none}.tab footer .inner .link ul li:last-child,.sp footer .inner .link ul li:last-child{display:block;border-right:none}.tab footer .inner .copy,.sp footer .inner .copy{font-family:Arial, Helvetica, sans-serif;font-size:18px;font-size:2.34375vw;line-height:155.55556%;text-align:center;color:#e6e6e6}.tab footer .inner .txt-copy,.sp footer .inner .txt-copy{font-family:Arial, Helvetica, sans-serif;font-size:18px;font-size:2.34375vw;line-height:155.55556%;margin-bottom:5.6%;color:#e6e6e6}.tab footer .inner .footer-logo,.sp footer .inner .footer-logo{position:relative;left:50%;margin-left:-21.86667%;width:43.73333%;height:0;padding-top:6.4%;background:url(https://static.nexon.co.jp/v4/common/footer_logo_sp.png) no-repeat left top;background-size:contain}.tab footer .inner .footer-logo span,.sp footer .inner .footer-logo span{display:none}.main,header,footer{display:none}.load-complete.opening-start .main,.load-complete.opening-start header,.load-complete.opening-start footer{display:none}.load-complete .main,.load-complete footer{display:block}.load-complete header{display:flex}.load-complete .loading{display:none}.load-complete .page-enter-active .main,.load-complete .page-enter-active header,.load-complete .page-enter-active footer{display:none}.pc .character .main{padding-bottom:130px}.pc .character .main .bg-area{position:absolute;top:0;width:100%;height:100%;min-width:1200px;overflow:hidden;z-index:10}.pc .character .main .bg-area .bg{position:relative;left:50%;margin-left:-960px;width:1920px;height:100%}.pc .character .main strong{font-weight:600;color:#e10000}.pc .character .main article{position:relative;width:1200px;margin:0 auto 0;color:#2a2a2a;z-index:100}.pc .character .main .section-01{width:1200px;padding-top:221px}.pc .character .main .section-01 .block-01{position:relative;left:0px;width:388px;height:476px;margin-left:106px}.pc .character .main .section-01 .block-01 h3{width:100%;height:137px;margin-bottom:20px}.pc .character .main .section-01 .block-01 h3 span{display:none}.pc .character .main .section-01 .block-01 p{position:relative;text-align:center;font-size:22px;line-height:35px;opacity:0;animation:charaReadFade 0.8s 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes charaReadFade{0%{opacity:0}100%{opacity:1}}.pc .character .main .section-01 .block-01 .deco+p{width:400px}.pc .character .main .btn-left{position:absolute;top:289px;left:0;width:46px;height:86px;transform:translateX(0px);transition:all .4s}.pc .character .main .btn-left.preload{transition:0 !important}.pc .character .main .btn-left.preload a{transition:0 !important}.pc .character .main .btn-left.preload a:after{transition:0 !important}.pc .character .main .btn-left a{position:relative;display:block;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/character_arrow.png) no-repeat left bottom;z-index:1000;opacity:0;transition:all .4s}.pc .character .main .btn-left:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/character_arrow.png) no-repeat left top;z-index:100;opacity:1;transition:all .4s}.pc .character .main .btn-left:hover a{opacity:1}.pc .character .main .btn-left:hover:after{opacity:0}.pc .character .main .btn-right{position:absolute;top:289px;right:0;width:46px;height:86px;transform:translateX(0px) scale(-1, 1);transition:all .4s}.pc .character .main .btn-right.preload{transition:0 !important}.pc .character .main .btn-right.preload a{transition:0 !important}.pc .character .main .btn-right.preload a:after{transition:0 !important}.pc .character .main .btn-right a{position:relative;display:block;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/character_arrow.png) no-repeat left bottom;z-index:1000;opacity:0;transition:all .4s}.pc .character .main .btn-right:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/character_arrow.png) no-repeat left top;z-index:100;opacity:1;transition:all .4s}.pc .character .main .btn-right:hover a{opacity:1}.pc .character .main .btn-right:hover:after{opacity:0}.pc .character .main .mv{position:relative;margin:0 auto;width:100%;height:675px;max-width:1200px;z-index:100}.pc .character .main .mv.on{animation:sysTrFade 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .character .main .mv .inner{width:100%;height:100%}.pc .character .main .mv .inner iframe{width:100%;height:100%;border:none}.tab .character .main,.sp .character .main{padding-bottom:17.33333%}.tab .character .main .bg-area,.sp .character .main .bg-area{position:absolute;top:0;margin-top:13.33333%;width:100%;height:86.66667%;overflow:hidden;z-index:10}.tab .character .main .bg-area .bg,.sp .character .main .bg-area .bg{position:relative;left:50%;margin-left:-50%;width:100%;height:100%;opacity:0}.tab .character .main strong,.sp .character .main strong{font-weight:600;color:#e10000}.tab .character .main article,.sp .character .main article{position:relative;width:100%;color:#2a2a2a;z-index:100;overflow:hidden}.tab .character .main .section-01,.sp .character .main .section-01{width:100%;height:0;padding-top:130.66667%}.tab .character .main .section-01 .block-01,.sp .character .main .section-01 .block-01{position:absolute;top:0px;margin-top:12%;width:100%}.tab .character .main .section-01 .block-01 h3,.sp .character .main .section-01 .block-01 h3{position:relative;left:50%;margin-left:-25.86667%;width:51.73333%;height:0;margin-bottom:2.13333%;padding-top:18.26667%}.tab .character .main .section-01 .block-01 h3 span,.sp .character .main .section-01 .block-01 h3 span{display:none}.tab .character .main .section-01 .block-01 p,.sp .character .main .section-01 .block-01 p{position:relative;text-align:center;font-size:26px;font-size:3.38542vw;line-height:161.53846%;opacity:0;animation:charaReadFade_sp 1s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes charaReadFade_sp{0%{opacity:0}100%{opacity:1}}.tab .character .main .btn-left,.sp .character .main .btn-left{position:absolute;top:0;margin-top:59.73333%;margin-left:4%;left:0;width:6.4%;height:0;padding-top:11.46667%;transform:translateX(0px)}.tab .character .main .btn-left a,.sp .character .main .btn-left a{position:absolute;top:0;display:block;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/character_arrow.png) no-repeat left bottom;background-size:100% 200%;z-index:1000;opacity:0}.tab .character .main .btn-left:after,.sp .character .main .btn-left:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/character_arrow.png) no-repeat left top;background-size:100% 200%;z-index:100;opacity:1}.tab .character .main .btn-left.hover a,.sp .character .main .btn-left.hover a{opacity:1}.tab .character .main .btn-left.hover:after,.sp .character .main .btn-left.hover:after{opacity:0}.tab .character .main .btn-right,.sp .character .main .btn-right{position:absolute;top:0;margin-top:59.73333%;margin-right:4%;right:0;width:6.4%;height:0;padding-top:11.46667%;transform:translateX(0px) scale(-1, 1)}.tab .character .main .btn-right a,.sp .character .main .btn-right a{position:absolute;top:0;display:block;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/character_arrow.png) no-repeat left bottom;background-size:100% 200%;z-index:1000;opacity:0}.tab .character .main .btn-right:after,.sp .character .main .btn-right:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/character_arrow.png) no-repeat left top;background-size:100% 200%;z-index:100;opacity:1}.tab .character .main .btn-right.hover a,.sp .character .main .btn-right.hover a{opacity:1}.tab .character .main .btn-right.hover:after,.sp .character .main .btn-right.hover:after{opacity:0}.tab .character .main .mv,.sp .character .main .mv{position:relative;width:100%;height:0;padding-top:56.26667%;z-index:100}.tab .character .main .mv.on,.sp .character .main .mv.on{animation:sysTrFade 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .character .main .mv .inner,.sp .character .main .mv .inner{position:absolute;top:0;width:100%;height:100%}.tab .character .main .mv .inner iframe,.sp .character .main .mv .inner iframe{width:100%;height:100%;border:none}.modal{display:none;z-index:30000}.modal.modal-open{display:block}.modal .shade{position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:30000}.modal .wrap{position:fixed;top:50%;width:100%;margin-top:-38.93333%;z-index:40000}@media (min-width: 48.0625em){.modal .wrap{top:0;margin-top:160px;padding-bottom:115px}}.modal .wrap>section,.modal .wrap>div{display:none;position:relative;left:50%;margin-left:-46%;width:92%;height:0;z-index:11000}@media (min-width: 48.0625em){.modal .wrap>section,.modal .wrap>div{margin-left:-285px;width:570px}}@keyframes modalTransIn{0%{transform:translateY(15px);opacity:0}100%{transform:translateY(0px);opacity:1}}.modal .wrap>section.block,.modal .wrap>div.block{display:block;animation:modalTransIn 0.5s 0.2s ease-in-out 1 both}.modal .wrap>section .frame,.modal .wrap>div .frame{position:absolute;top:0;width:100%;height:100%;box-sizing:border-box}.modal .wrap>section .frame .inner,.modal .wrap>div .frame .inner{position:absolute;top:0;width:100%}.modal .wrap>section .frame .inner .top-close,.modal .wrap>div .frame .inner .top-close{position:absolute;top:0;left:50%;width:8.4058%;height:0;padding-top:7.68116%;margin-top:-11.5942%;margin-left:-4.2029%}@media (min-width: 48.0625em){.modal .wrap>section .frame .inner .top-close,.modal .wrap>div .frame .inner .top-close{width:48px;padding-top:45px;margin-top:-63px;margin-left:-24px}}.modal .wrap>section .frame .inner .top-close a,.modal .wrap>div .frame .inner .top-close a{position:absolute;top:0;display:block;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/pre/modal_top_close.png) no-repeat left top;background-size:contain}.modal .wrap>section .frame .inner .top-close a span,.modal .wrap>div .frame .inner .top-close a span{display:none}.modal .wrap .line{padding-top:450px}.modal .wrap .line .frame{background:url(https://static.nexon.co.jp/v4/pre/modal_bg_line.png) no-repeat left bottom;background-size:contain}.modal .wrap .line .frame .inner{padding-top:211px}.modal .wrap .line .frame .inner h2,.modal .wrap .line .frame .inner .txt-line{display:none}.modal .wrap .line .frame .inner .qr{position:relative;top:0;left:50%;margin-left:-90px;margin-bottom:30px;width:180px;height:0;padding-top:180px;background:url(https://static.nexon.co.jp/v4/pre/modal_qr.png) no-repeat center top;background-size:contain;z-index:200}.modal .wrap .twitter{width:84%;margin-left:-42%;padding-top:57.6%}@media (min-width: 48.0625em){.modal .wrap .twitter{width:570px;margin-left:-285px;padding-top:405px}}.modal .wrap .twitter .frame{background:url(https://static.nexon.co.jp/v4/pre/modal_bg_twitter_sp.png) no-repeat left bottom;background-size:contain}@media (min-width: 48.0625em){.modal .wrap .twitter .frame{background:url(https://static.nexon.co.jp/v4/pre/modal_bg_twitter.png) no-repeat left bottom}}.modal .wrap .twitter .frame .inner{padding-top:27.73333%}@media (min-width: 48.0625em){.modal .wrap .twitter .frame .inner{padding-top:160px}}.modal .wrap .twitter .frame .inner h2{display:none}.modal .wrap .twitter .frame .inner .txt-tw{position:relative;top:0;left:50%;margin-left:-44.63768%;margin-bottom:5.50725%;width:89.27536%;height:0;padding-top:16.08696%;z-index:200}@media (min-width: 48.0625em){.modal .wrap .twitter .frame .inner .txt-tw{margin-left:-246px;margin-bottom:24px;width:490px;padding-top:96px}}.modal .wrap .twitter .frame .inner .txt-tw a{position:absolute;top:0;left:0;margin-top:6.33914%;margin-left:10.45959%;width:38.98574%;height:28.57143%}@media (min-width: 48.0625em){.modal .wrap .twitter .frame .inner .txt-tw a{margin-top:36px;margin-left:52px;width:192px;height:28px}}.modal .wrap .twitter .frame .inner .txt-tw span{display:none}.modal .wrap .twitter .frame .inner .btn-regist{position:relative;top:0;left:50%;margin-left:-35.50725%;width:71.01449%;height:0;padding-top:15.36232%;z-index:200}@media (min-width: 48.0625em){.modal .wrap .twitter .frame .inner .btn-regist{margin-left:-245px;width:490px;padding-top:106px}}.modal .wrap .twitter .frame .inner .btn-regist a{position:absolute;top:0;display:block;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/pre/modal_btn_regist_sp.png) no-repeat left top;background-size:contain}@media (min-width: 48.0625em){.modal .wrap .twitter .frame .inner .btn-regist a{background:url(https://static.nexon.co.jp/v4/pre/modal_btn_regist.png) no-repeat left top}}.modal .wrap .twitter .frame .inner .btn-regist a span{display:none}.modal .wrap .mail{width:84%;margin-left:-42%;padding-top:80.66667%}@media (min-width: 48.0625em){.modal .wrap .mail{width:570px;margin-left:-285px;padding-top:588px}}.modal .wrap .mail .frame{background:url(https://static.nexon.co.jp/v4/pre/modal_bg_mail_sp_2.png) no-repeat left top;background-size:contain}@media (min-width: 48.0625em){.modal .wrap .mail .frame{background:url(https://static.nexon.co.jp/v4/pre/modal_bg_mail_2.png) no-repeat left bottom}}.modal .wrap .mail .frame .inner{padding-top:42.85714%}@media (min-width: 48.0625em){.modal .wrap .mail .frame .inner{padding-top:246px}}.modal .wrap .mail .frame .inner h2{display:none}.modal .wrap .mail .frame .inner .txt-mail{display:none}.modal .wrap .mail .frame .inner input[type=text]{position:relative;left:50%;width:80.95238%;height:11.11111vw;margin-left:-40.47619%;margin-bottom:4.7619%;box-sizing:border-box;text-align:center;background-color:#686868;border:.2rem solid #b1b1b1;-webkit-appearance:none;font-family:Arial, Helvetica, sans-serif;font-size:26px;font-size:3.38542vw}@media (min-width: 48.0625em){.modal .wrap .mail .frame .inner input[type=text]{width:510px;height:70px;margin-bottom:30px;margin-left:-255px;font-size:22px;border:2px solid #b1b1b1}}.modal .wrap .mail .frame .inner input::-webkit-input-placeholder{color:#b6b6b6;font-weight:normal;font-size:26px;font-size:3.38542vw;font-family:"Noto Sans JP",sans-serif}@media (min-width: 48.0625em){.modal .wrap .mail .frame .inner input::-webkit-input-placeholder{font-size:22px}}.modal .wrap .mail .frame .inner input:-ms-input-placeholder{color:#b6b6b6;font-weight:normal;font-size:26px;font-size:3.38542vw;font-family:"Noto Sans JP",sans-serif}@media (min-width: 48.0625em){.modal .wrap .mail .frame .inner input:-ms-input-placeholder{font-size:22px}}.modal .wrap .mail .frame .inner input:-moz-placeholder{color:#b6b6b6;font-weight:normal;font-size:26px;font-size:3.38542vw;font-family:"Noto Sans JP",sans-serif}@media (min-width: 48.0625em){.modal .wrap .mail .frame .inner input:-moz-placeholder{font-size:22px}}.modal .wrap .mail .frame .inner input::-moz-placeholder{color:#b6b6b6;font-weight:normal;opacity:1;font-size:26px;font-size:3.38542vw;font-family:"Noto Sans JP",sans-serif}@media (min-width: 48.0625em){.modal .wrap .mail .frame .inner input::-moz-placeholder{font-size:22px}}.modal .wrap .mail .frame .inner .placeholder{color:#b6b6b6;font-weight:normal;font-size:26px;font-size:3.38542vw;font-family:"Noto Sans JP",sans-serif}@media (min-width: 48.0625em){.modal .wrap .mail .frame .inner .placeholder{font-size:22px}}.modal .wrap .mail .frame .inner input:focus{outline:1px #171717 solid}.modal .wrap .mail .frame .inner .error{margin-bottom:1.90476%;font-size:26px;font-size:3.38542vw;line-height:138.46154%;color:#d80001;text-align:center}@media (min-width: 48.0625em){.modal .wrap .mail .frame .inner .error{margin-bottom:24px;font-size:20px;line-height:30px}}.modal .wrap .mail .frame .inner .error img{width:4.7619%;margin-right:1.74603%}@media (min-width: 48.0625em){.modal .wrap .mail .frame .inner .error img{width:30px;margin-right:11px}}.modal .wrap .mail .frame .inner label{display:block;position:relative;left:50%;margin-left:-37.30159%;margin-bottom:3.49206%;width:74.7619%;height:0;padding-top:3.80952%}@media (min-width: 48.0625em){.modal .wrap .mail .frame .inner label{margin-left:-235px;margin-bottom:22px;width:471px;padding-top:24px}}.modal .wrap .mail .frame .inner label input[type=checkbox]{display:none}.modal .wrap .mail .frame .inner label .check{display:block;position:absolute;top:0;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/pre/modal_mail_check.png) no-repeat left top;background-size:100% 200%}.modal .wrap .mail .frame .inner label .txt{display:none}.modal .wrap .mail .frame .inner label input:checked+.check{background-position:left bottom}.modal .wrap .mail .frame .inner .btn-regist{position:relative;top:0;left:50%;margin-left:-35.50725%;width:71.01449%;height:0;padding-top:15.36232%;z-index:200}@media (min-width: 48.0625em){.modal .wrap .mail .frame .inner .btn-regist{margin-left:-245px;width:490px;padding-top:106px}}.modal .wrap .mail .frame .inner .btn-regist a{position:absolute;top:0;display:block;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/pre/modal_btn_regist_sp.png) no-repeat left top;background-size:contain}@media (min-width: 48.0625em){.modal .wrap .mail .frame .inner .btn-regist a{background:url(https://static.nexon.co.jp/v4/pre/modal_btn_regist.png) no-repeat left top}}.modal .wrap .mail .frame .inner .btn-regist a span{display:none}.modal .wrap .movie{width:92%;padding-top:51.2%;z-index:11000}@media (min-width: 48.0625em){.modal .wrap .movie{width:960px;margin-left:-480px;padding-top:534px}}.modal .wrap .movie:after{display:none}.modal .wrap .movie .video-player{position:fixed;top:50%;left:50%;margin-top:-25.6%;margin-left:-46%;width:92%;height:0;padding-top:51.73333%;border:.1rem solid #e7c48a}@media (min-width: 48.0625em){.modal .wrap .movie .video-player{width:960px;margin-top:-282px;padding-top:534px;margin-left:-480px;border:1px solid #e7c48a}}.modal .wrap .movie .video-player iframe{position:absolute;top:0;width:100%;height:100%}.modal .wrap .movie .top-close{position:fixed;top:50%;left:50%;margin-top:-32%;margin-left:41.86667%;width:5.06667%;height:0;padding-top:5.06667%}@media (min-width: 48.0625em){.modal .wrap .movie .top-close{width:38px;padding-top:38px;margin-top:-331px;margin-left:445px}}.modal .wrap .movie .top-close a{position:absolute;top:0;display:block;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/common/modal_btn_close.png) no-repeat left top;background-size:contain}.modal .wrap .movie .top-close a span{display:none}.modal .wrap .win-app{margin-left:-285px;width:570px;padding-top:385px;background:url(https://static.nexon.co.jp/v4/official/modal_winapp_qr.png) no-repeat left top;background-size:contain}.modal .wrap .win-app .frame .inner h2{display:none}.modal .wrap .countdown{margin-left:-46%;width:92%;padding-top:85.33333%}.modal .wrap .countdown.update{background:url(https://static.nexon.co.jp/v4/official/modal_update210519.jpg) no-repeat left top/contain}@media (min-width: 48.0625em){.modal .wrap .countdown{margin-left:-285px;width:570px;padding-top:529px}}.modal .wrap .countdown .frame .inner h2{display:none}.modal .wrap .countdown .frame .inner .btn-detail{position:absolute;top:0;left:0;margin-top:78.84058%;margin-left:28.98551%;width:42.02899%;height:0;padding-top:8.11594%}@media (min-width: 48.0625em){.modal .wrap .countdown .frame .inner .btn-detail{margin-top:451px;margin-left:165px;width:232px;padding-top:46px}}.modal .wrap .countdown .frame .inner .btn-detail a{position:absolute;top:0;display:block;width:100%;height:100%}.modal .wrap .countdown .frame .inner .top-close{width:5.50725%;padding-top:5.50725%;margin-left:44.63768%;margin-top:-6.81159%}@media (min-width: 48.0625em){.modal .wrap .countdown .frame .inner .top-close{width:38px;padding-top:38px;margin-left:247px;margin-top:-47px}}.tab .modal .wrap{top:50%;margin-top:-192px}.tab .modal .wrap .movie{width:690px;padding-top:384px;margin-left:-345px}.tab .modal .wrap .movie:after{display:none}.tab .modal .wrap .movie .video-player{position:fixed;top:50%;left:50%;margin-top:-192px;margin-left:-345px;width:690px;height:0;padding-top:384px;border:1px solid #e7c48a}.tab .modal .wrap .movie .top-close{position:fixed;top:50%;left:50%;margin-top:-241px;margin-left:314px;width:38px;height:0;padding-top:38px}.pc .landscape{display:none}.tab .landscape,.sp .landscape{display:none;position:fixed;top:50%;left:50%;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/error.jpg) no-repeat center top;background-size:cover;transform:translate(-50%, -50%);z-index:19000}.tab .landscape span,.sp .landscape span{display:none}