body{background:#1a1712}header{z-index:20;width:100%;height:0;position:absolute;top:0;left:0}header h1{text-align:center;z-index:5;width:60%;height:0;margin-top:6.66667%;margin-left:-30%;padding-top:14.6667%;position:absolute;top:0;left:50%;transform:translateY(-60%)scale(.75)}header h1 a{width:100%;height:100%;position:absolute;top:0;left:0}header h1 img{width:100%;height:auto}header h1.anime{transition:all .5s}header.top h1{transition:all .5s;position:absolute;transform:translateY(0)scale(1)}header.top h1.animation{transition:none;animation:1.2s linear forwards logo}header.top h1 a{cursor:default}header .bg-menu{z-index:10;background:#ffb400;border-radius:50%;width:66.6667%;height:0;margin-top:-24%;margin-right:-24%;padding-top:66.6667%;position:fixed;top:0;right:0;transform:scale(.2)}header .btn-menu{z-index:15;cursor:pointer;width:13.3333%;height:0;margin-top:2.66667%;margin-right:2.66667%;padding-top:13.3333%;position:fixed;top:0;right:0}header .btn-menu .inner{z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}header .btn-menu .inner:before{content:"";background:#fff;border-radius:20px;width:50%;height:0;margin:auto;padding-top:8%;position:absolute;inset:0;transform:translateY(-220%)rotate(0)}header .btn-menu .inner:after{content:"";background:#fff;border-radius:20px;width:50%;height:0;margin:auto;padding-top:8%;position:absolute;inset:0;transform:translateY(220%)rotate(0)}header .btn-menu .inner span{background:#fff;border-radius:20px;width:50%;height:0;margin:auto;padding-top:8%;display:block;position:absolute;inset:0}header nav{z-index:10;width:100%;margin:7.33333% auto 0;position:relative;transform:scale(0)}header nav ul{text-align:center;position:relative}header nav ul li{opacity:0;height:0;margin:1.33333% auto 0;padding-top:10.6667%;position:relative}header nav ul li a:hover{background-position:0 100%}header nav ul li.charm,header nav ul li.job{padding-top:22.6667%}header nav ul li.charm ul,header nav ul li.job ul{margin-top:-24%}header nav ul .btn-top{width:38.6667%}header nav ul .btn-top a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/btn_newmenu_top.png) 0 0/100% 200% no-repeat}header nav ul .btn-charm-01{width:80%}header nav ul .btn-charm-01 a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/btn_newmenu_charm_01.png) 0 0/100% 200% no-repeat}header nav ul .btn-charm-02{width:80%}header nav ul .btn-charm-02 a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/btn_newmenu_charm_02.png) 0 0/100% 200% no-repeat}header nav ul .btn-job{width:38.6667%}header nav ul .btn-job a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/btn_newmenu_job.png) 0 0/100% 200% no-repeat}header nav ul .btn-skill{width:38.6667%}header nav ul .btn-skill a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/btn_newmenu_skill.png) 0 0/100% 200% no-repeat}header nav ul .btn-reunion{width:38.6667%}header nav ul .btn-reunion a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/btn_newmenu_reunion.png) 0 0/100% 200% no-repeat}header nav ul .btn-notice{width:38.6667%}header nav ul .btn-notice a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/btn_newmenu_notice.png) 0 0/100% 200% no-repeat}header nav ul .btn-playguide{width:38.6667%}header nav ul .btn-playguide a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/btn_newmenu_playguide.png) 0 0/100% 200% no-repeat}header nav ul .btn-campaign{width:64%}header nav ul .btn-campaign a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/btn_newmenu_campaign.png) 0 0/100% 200% no-repeat}header nav ul [class^=btn-].active a{background-position:0 100%}header nav dl{text-align:center;opacity:0;margin:4% 0 12%;padding-top:5.33333%;font-size:0;position:relative}header nav dl:before{content:"";background:url(https://static.nexon.co.jp/maplestorym/common_anzi/bg_menu_line.png) bottom/contain no-repeat;width:100%;height:0;padding-top:1.06667%;position:absolute;top:0;left:0}header nav dl dt{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/bg_menu_info.png) top/contain no-repeat;width:41.3333%;height:0;margin:0 2.66667% 4% 0;padding-top:5.6%;display:inline-block}header nav dl dt span{display:none}header nav dl dd{width:10.6667%;height:0;margin:1.33333% 2%;padding-top:10.6667%;display:inline-block;position:relative}header nav dl .btn-x a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/btn_menu_x.png) 0 0/100% no-repeat}header nav dl .btn-line a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/btn_menu_line.png) 0 0/100% no-repeat}header.open{overflow:visible}header.open .bg-menu{transform:scale(10)}header.open .btn-menu .inner:before{transform:translateY(0)rotate(45deg)}header.open .btn-menu .inner:after{transform:translateY(0)rotate(-45deg)}header.open .btn-menu .inner span{transform:scaleX(0)}header.open nav{transform:none}header.open nav li,header.open nav dl{opacity:1}header.animation .bg-menu{transition:all .3s linear .2s}header.animation .btn-menu .inner:before{animation:.3s reverse forwards hamburger-top}header.animation .btn-menu .inner:after{animation:.3s reverse forwards hamburger-bottom}header.animation .btn-menu .inner span{transition:all .3s}header.animation nav{transform:none}header.animation nav ul li,header.animation nav dl{transition:opacity .3s}header.open.animation .bg-menu{transition:all .4s cubic-bezier(.8,-.1,.8,.7)}header.open.animation .btn-menu .inner:before{animation:.3s forwards hamburger-top}header.open.animation .btn-menu .inner:after{animation:.3s forwards hamburger-bottom}header.open.animation nav{transform:scale(1)}header.open.animation nav ul li,header.open.animation nav dl{transition:opacity .4s .4s}@keyframes logo{0%{animation-timing-function:ease-out;transform:translateY(-200%)scaleY(1)}30%{transform-origin:bottom;animation-timing-function:ease-in-out;transform:translateY(70%)scaleY(.6)}60%{animation-timing-function:ease-in-out;transform:translateY(-40%)scaleY(1)}90%{animation-timing-function:ease-in-out;transform:translateY(0)scaleY(1)}to{animation-timing-function:ease-in-out;transform:translateY(0)scaleY(1)}}@keyframes logo-pc{0%{animation-timing-function:ease-out;transform:translateY(-200%)scaleY(1)}30%{transform-origin:bottom;animation-timing-function:ease-in-out;transform:translateY(70%)scaleY(.6)}60%{animation-timing-function:ease-in-out;transform:translateY(-40%)scaleY(1)}90%{animation-timing-function:ease-in-out;transform:translateY(0)scaleY(1)}to{animation-timing-function:ease-in-out;transform:translateY(0)scaleY(1)}}@keyframes hamburger-open{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes hamburger-top{0%{transform:translateY(-200%)rotate(0)}50%{transform:translateY(0)rotate(0)}to{transform:translateY(0)rotate(45deg)}}@keyframes hamburger-bottom{0%{transform:translateY(200%)rotate(0)}50%{transform:translateY(0)rotate(0)}to{transform:translateY(0)rotate(-45deg)}}@supports (-ms-ime-align:auto){header.top{overflow:hidden}header.open{overflow:visible}}@media (-ms-high-contrast:none){header.top{overflow:hidden}header.open{overflow:visible}}.wrapper{z-index:10;display:block;position:relative}.wrapper.hidden{overflow:hidden}.wrapper.none{display:none}.wrapper article{z-index:1;position:relative}.wrapper article>div,.wrapper article>section{width:100%;display:none}.wrapper article>div.active,.wrapper article>section.active{display:block}footer{z-index:10;text-align:center;color:#fff;background:#000;width:100%;position:relative}footer .inner{z-index:10;width:100%;max-width:750px;margin:0 auto;padding:6% 0 4.66667%;position:relative}footer .inner ul{text-align:center;flex-wrap:wrap;justify-content:center;margin:0 auto;display:flex}footer .inner ul li{margin:0 1.6% .8%;font-size:2.66667vw;position:relative}footer .inner ul li a{color:#fff;display:block;position:relative}footer .inner ul li:not(:last-child):after{content:"|";color:#fff;font-size:.9em;position:absolute;top:0;right:-.8em}footer .inner .nexon{margin-top:4%}footer .inner .nexon a{color:#fff;font-size:2.66667vw}footer .inner .copy{color:#fff;margin-top:4%;font-size:2.13333vw}footer .inner .logo{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/logo_nexon.png) 0 0/contain no-repeat;width:17.0667%;height:0;margin:4.66667% auto 0;padding-top:5.2%;position:relative}footer .inner .logo span,footer.none{display:none}.modal{z-index:50;width:100%;font-size:3.73333vw;position:absolute;top:0;left:0;transform:translateY(-100vh)}.modal div[class^=modal-]{z-index:5;border-radius:50px;width:92%;margin:0 auto;padding:4%;display:none;position:relative}.modal div.modal-youtube{border-radius:0;max-width:890px;margin:0 auto;padding:0}.modal div.modal-youtube .youtube-player{width:100%;height:0;margin:0 auto;padding-top:56.25%;position:relative}.modal div.modal-youtube .youtube-player iframe{width:100%;height:100%;position:absolute;top:0;left:0}.modal div.modal-banner{width:93.0667%;padding:0}.modal div.modal-banner .inner{width:100%;margin:0 auto;position:relative}.modal div.modal-banner .inner a{width:100%;height:100%;display:block}.modal div.modal-banner .inner .bnr{width:100%;height:0;padding-top:73.639%;position:relative}.modal div.modal-banner .inner .btn{width:72.4928%;height:0;margin:2.86533% auto 0;padding-top:16.1891%;position:relative;overflow:hidden}.modal div.modal-banner .inner .btn:hover img{top:-100%}.modal .btn-close{cursor:pointer;opacity:0;z-index:10;background:#fff;border-radius:50%;width:13.3333%;height:0;margin:-14.6667% 3.46667% 0 0;padding-top:13.3333%;transition:opacity .5s;animation:none;position:absolute;top:0;right:0;box-shadow:0 0 15px #0000001a}.modal .btn-close:before{content:"";background:#fa8600;border-radius:20px;width:50%;height:0;margin:auto;padding-top:8%;position:absolute;inset:0;transform:rotate(-45deg)}.modal .btn-close:after{content:"";background:#fa8600;border-radius:20px;width:50%;height:0;margin:auto;padding-top:8%;position:absolute;inset:0;transform:rotate(45deg)}.modal .btn-close.none{opacity:0!important}.modal .btn-close span{display:none}.modal.close.animation .btn-close{transition:all .5s;animation:none}.modal.close{top:50%;transform:translateY(-50%)}.modal.close .btn-close{opacity:0;transform:none}.modal.open.animation .btn-close{transition:none;animation:.5s .5s both close_btn}.modal.open{top:50%;transform:translateY(-50%)}.modal.open .btn-close{opacity:1;transform:rotate(180deg)}.modal+.shadow{-webkit-tap-highlight-color:#0000;z-index:40;cursor:pointer;z-index:40;background:#000000b3;border-radius:50%;width:100%;height:0;padding-top:100%;position:fixed;top:50%;left:0;transform:translateY(-50%)scale(0)}.modal.close.animation+.shadow{transition:all .5s .5s;animation:none}.modal.close+.shadow{transform:translateY(-50%)scale(0)}.modal.open.animation+.shadow{animation:1s both modal-shadow}.modal.open+.shadow{transform:translateY(-50%)scale(5)}@keyframes close_btn{0%{opacity:0;transform:rotate(0)}to{opacity:1;transform:rotate(180deg)}}@keyframes modal-shadow{0%{transform:translateY(-50%)scale(0)}to{transform:translateY(-50%)scale(5)}}@media (min-width:750px){header{min-width:1120px}header h1{width:540px;margin-top:40px;margin-left:-270px;padding-top:132px;transform:scale(.52)translateY(-120%)}header h1.animation{animation:1.5s linear forwards logo-pc}header.top,header.open,header.animation{min-width:0}header.close,header.open.animation{min-width:1120px}}@media (min-width:1120px){header.top{overflow:visible}header.top h1{width:28.125%;height:0;margin-top:1.66667%;margin-left:-14.0625%;padding-top:6.875%;position:absolute}header .bg-menu{border-radius:0;width:100%;height:92px;margin:0;padding-top:0;position:absolute;transform:none}header .btn-menu{display:none}header nav{margin:0 auto;transform:none}header nav ul{justify-content:center;margin-top:25px;display:flex;position:relative}header nav ul li{opacity:1;height:40px;margin:0 24px 0 0;padding-top:0;position:relative}header nav ul li:not(:first-child):before{content:"";background:url(https://static.nexon.co.jp/maplestorym/common_anzi/bg_menu_bar_pc.png) no-repeat;width:12px;height:20px;position:absolute;top:8px;left:-18px}header nav ul li:last-child{margin-right:0}header nav ul li.charm{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/bg_newmenu_charm_pc.png) no-repeat;width:205px;padding-top:0}header nav ul li.job{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/bg_newmenu_job_pc.png) no-repeat;width:110px;padding-top:0}header nav ul li.playguide{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/btn_newmenu_playguide_pc.png) no-repeat;width:154px;padding-top:0}header nav ul li.charm ul,header nav ul li.job ul,header nav ul li.playguide ul{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/bg_submenu_pc.png) 50% 6px no-repeat;width:218px;height:0;margin-top:40px;transition:all .2s;display:block;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}header nav ul li.charm ul li,header nav ul li.job ul li,header nav ul li.playguide ul li{margin:36px auto 0}header nav ul li.charm ul li.active a,header nav ul li.job ul li.active a,header nav ul li.playguide ul li.active a{background-position:0 100%!important}header nav ul li.charm ul li:before,header nav ul li.job ul li:before,header nav ul li.playguide ul li:before{content:normal}header nav ul li.charm:hover,header nav ul li.job:hover,header nav ul li.playguide:hover{background-position:0 100%}header nav ul li.charm:hover ul,header nav ul li.job:hover ul,header nav ul li.playguide:hover ul{height:145px}header nav ul li.charm.active,header nav ul li.job.active,header nav ul li.playguide.active{background-position:0}header nav ul li.charm.active li a,header nav ul li.job.active li a,header nav ul li.playguide.active li a{background-position:0 0!important}header nav ul li.charm.active li a:hover,header nav ul li.charm.active li.active a,header nav ul li.job.active li a:hover,header nav ul li.job.active li.active a,header nav ul li.playguide.active li a:hover,header nav ul li.playguide.active li.active a{background-position:0 100%!important}header nav ul .btn-top{width:77px}header nav ul .btn-top a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/btn_newmenu_top_pc.png) no-repeat}header nav ul .btn-charm-01{width:123px;height:24px}header nav ul .btn-charm-01 a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/btn_newmenu_charm_01_pc.png) no-repeat}header nav ul .btn-charm-02{width:123px;height:24px}header nav ul .btn-charm-02 a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/btn_newmenu_charm_02_pc.png) no-repeat}header nav ul .btn-job{width:99px;height:24px}header nav ul .btn-job a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/btn_newmenu_job_pc.png) no-repeat}header nav ul .btn-skill{width:123px;height:24px}header nav ul .btn-skill a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/btn_newmenu_skill_pc.png) no-repeat}header nav ul .btn-notice{width:110px}header nav ul .btn-notice a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/btn_newmenu_notice_pc.png) no-repeat}header nav ul .btn-playguide{width:154px}header nav ul .btn-playguide a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/newmenu/btn_newmenu_playguide_pc.png) no-repeat}header nav ul .btn-campaign{display:none}header nav ul .active a,header nav ul .active a:hover{background-position:0!important}header nav dl{display:none}header.open .bg-menu,header.open nav{transform:none}}@media (min-width:750px){.wrapper{width:100%;margin:0 auto;overflow:hidden}.wrapper.hidden{min-width:1120px}.wrapper article>div{width:1120px}.wrapper article>section{width:1120px;margin:92px auto 0}}@media (min-width:1120px){.wrapper.none{display:block}}@media (min-width:750px){footer .inner{max-width:none;padding:45px 0 35px}footer .inner ul li{margin:0 12px 6px;font-size:16px}footer .inner ul li:not(:last-child):after{right:-16px}footer .inner .nexon{margin-top:30px}footer .inner .nexon a{font-size:16px}footer .inner .copy{margin-top:26px;font-size:14px}footer .inner .logo{width:128px;margin:35px auto 0;padding-top:39px}footer.none{display:block}footer.length{min-width:1120px}.modal{width:auto;max-width:890px;font-size:22px;left:50%;transform:translate(-50%)}.modal div[class^=modal-]{border-radius:50px;width:auto;padding:35px}.modal div.modal-youtube{width:890px;padding:0}.modal div.modal-banner{width:720px;padding:0}.modal div.modal-banner .inner .bnr{width:100%;height:530px;padding-top:0;position:relative}.modal div.modal-banner .inner .btn{width:384px;height:86px;margin:20px auto 0;padding-top:0;position:relative}.modal .btn-close{width:70px;height:70px;margin:0;padding-top:0;position:absolute;top:-80px;right:0}.modal .btn-close:before,.modal .btn-close:after{border-radius:20px;width:35px;height:5px;padding-top:0}.modal.close,.modal.open{transform:translate(-50%,-50%)}}aside{z-index:20;width:100%;height:0;position:absolute;top:0;left:0}aside .swiper-container{z-index:1;-webkit-tap-highlight-color:#0000;width:100%;height:0;margin-top:33.3333%;padding-top:50.1333%;position:fixed;top:0;left:0;overflow:visible}aside .swiper-container .swiper-wrapper{width:100%;height:100%;position:absolute;top:0}aside .swiper-container .swiper-slide{z-index:1;transform-origin:50%;width:50.1333%;height:0;padding-top:50.1333%;position:relative}aside .swiper-container .swiper-slide p{transform-origin:bottom;border-radius:50%;width:calc(100% - 20px);height:0;margin:0;padding-top:calc(100% - 20px);transition:all .3s;animation:none;position:absolute;top:0;left:10px}aside .swiper-container .swiper-slide p span{display:none}aside .swiper-container .swiper-slide p:before{content:"";z-index:5;background:#261c0f66;border-radius:50%;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0}aside .swiper-container .swiper-slide p a{z-index:1}aside .swiper-container .swiper-slide .bg-charm{z-index:3;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/bg_charm.png) 0 0/cover no-repeat;transform:translateZ(10px)}aside .swiper-container .swiper-slide .btn-charm-01{z-index:1;width:calc(50% - 20px);height:0;padding-top:calc(50% - 20px);transition-delay:0s;transition-timing-function:ease-out;top:100%;left:5%;transform:translate3d(50%,-200%,-10px)scale(0)}aside .swiper-container .swiper-slide .btn-charm-01 a{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/btn_charm_01.png) 0 0/cover no-repeat}aside .swiper-container .swiper-slide .btn-charm-02{z-index:1;width:calc(50% - 20px);height:0;padding-top:calc(50% - 20px);transition-delay:.2s;transition-timing-function:ease-out;top:100%;left:calc(45% + 20px);transform:translate3d(-50%,-200%,-10px)scale(0)}aside .swiper-container .swiper-slide .btn-charm-02.open{transition-delay:0s}aside .swiper-container .swiper-slide .btn-charm-02 a{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/btn_charm_02.png) 0 0/cover no-repeat}aside .swiper-container .swiper-slide .btn-playguide a{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/btn_playguide.png) 0 0/cover no-repeat}aside .swiper-container .swiper-slide .btn-notice a{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/btn_notice.png) 0 0/cover no-repeat}aside .swiper-container .swiper-slide .bg-job{z-index:3;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/bg_job.png) 0 0/cover no-repeat;transform:translateZ(10px)}aside .swiper-container .swiper-slide .btn-job{z-index:1;width:calc(50% - 20px);height:0;padding-top:calc(50% - 20px);transition-delay:0s;transition-timing-function:ease-out;top:100%;left:5%;transform:translate3d(50%,-200%,-10px)scale(0)}aside .swiper-container .swiper-slide .btn-job a{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/btn_job.png) 0 0/cover no-repeat}aside .swiper-container .swiper-slide .btn-skill{z-index:1;width:calc(50% - 20px);height:0;padding-top:calc(50% - 20px);transition-delay:.2s;transition-timing-function:ease-out;top:100%;left:calc(45% + 20px);transform:translate3d(-50%,-200%,-10px)scale(0)}aside .swiper-container .swiper-slide .btn-skill.open{transition-delay:0s}aside .swiper-container .swiper-slide .btn-skill a{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/btn_skill.png) 0 0/cover no-repeat}aside .swiper-container .swiper-slide-next p,aside .swiper-container .swiper-slide-duplicate-next p{cursor:pointer;animation:6s ease-in-out 1s infinite bounce-03}aside .swiper-container .swiper-slide-next .btn-charm-01,aside .swiper-container .swiper-slide-next .btn-charm-02,aside .swiper-container .swiper-slide-next .btn-job,aside .swiper-container .swiper-slide-next .btn-skill,aside .swiper-container .swiper-slide-duplicate-next .btn-charm-01,aside .swiper-container .swiper-slide-duplicate-next .btn-charm-02,aside .swiper-container .swiper-slide-duplicate-next .btn-job,aside .swiper-container .swiper-slide-duplicate-next .btn-skill{animation:none}aside .swiper-container .swiper-slide-prev p,aside .swiper-container .swiper-slide-duplicate-prev p{cursor:pointer;animation:6s ease-in-out 2s infinite bounce-03}aside .swiper-container .swiper-slide-prev .btn-charm-01,aside .swiper-container .swiper-slide-prev .btn-charm-02,aside .swiper-container .swiper-slide-prev .btn-job,aside .swiper-container .swiper-slide-prev .btn-skill,aside .swiper-container .swiper-slide-duplicate-prev .btn-charm-01,aside .swiper-container .swiper-slide-duplicate-prev .btn-charm-02,aside .swiper-container .swiper-slide-duplicate-prev .btn-job,aside .swiper-container .swiper-slide-duplicate-prev .btn-skill{animation:none}aside .swiper-container .swiper-slide-active,aside .swiper-container .swiper-slide-duplicate-active{z-index:10}aside .swiper-container .swiper-slide-active p,aside .swiper-container .swiper-slide-duplicate-active p{cursor:pointer;animation:3s ease-in-out infinite bounce}aside .swiper-container .swiper-slide-active p:before,aside .swiper-container .swiper-slide-duplicate-active p:before{opacity:0}aside .swiper-container .swiper-slide-active p a.open,aside .swiper-container .swiper-slide-duplicate-active p a.open{transition:all .2s;transform:scale(.8)}aside .swiper-container .swiper-slide-active [class^=bg-],aside .swiper-container .swiper-slide-duplicate-active [class^=bg-]{cursor:default}aside .swiper-container .swiper-slide-active .btn-charm-01,aside .swiper-container .swiper-slide-active .btn-job,aside .swiper-container .swiper-slide-duplicate-active .btn-charm-01,aside .swiper-container .swiper-slide-duplicate-active .btn-job{transition-delay:.3s;transition-timing-function:cubic-bezier(0,.2,.1,1.4);animation:none;transform:translateZ(-10px)scale(1)}aside .swiper-container .swiper-slide-active .btn-charm-02,aside .swiper-container .swiper-slide-active .btn-skill,aside .swiper-container .swiper-slide-duplicate-active .btn-charm-02,aside .swiper-container .swiper-slide-duplicate-active .btn-skill{transition-delay:.5s;transition-timing-function:cubic-bezier(0,.2,.1,1.4);animation:none;transform:translateZ(-10px)scale(1)}aside .swiper-container .swiper-button-prev,aside .swiper-container .swiper-button-next{z-index:100;-webkit-tap-highlight-color:#0000;background-size:200%;width:16%;height:0;padding-top:37.3333%;display:block;position:absolute;top:21.6%;outline:none!important}aside .swiper-container .swiper-button-prev{left:0}aside .swiper-container .swiper-button-next{right:0}aside h1.animation~.swiper-container .btn-pre{animation-delay:.2s}aside .filter{z-index:20;background:#000;border-radius:50%;width:50.1333%;height:0;margin:0;padding-top:50.1333%;transition:transform .3s linear .1s;position:fixed;top:-100%;left:-100%;transform:scale(0)}aside .filter.charm-01{background:#ffdee4}aside .filter.charm-02{background:#ffd6ba}aside .filter.reunion{background:#6cdbff}aside .filter.playguide{background:#bdc6f9}aside .filter.notice{background:#dec065}aside .filter.job{background:#aaf5a8}aside .filter.open{transform:scale(6)}@supports (-ms-ime-align:auto){aside .swiper-container .swiper-slide{padding-top:100%}aside .swiper-container .swiper-slide .btn-charm-01,aside .swiper-container .swiper-slide .btn-charm-02,aside .swiper-container .swiper-slide .btn-job,aside .swiper-container .swiper-slide .btn-skill{top:50%}}@keyframes bounce{0%{transform:scale(1)translate(0,0)}7%{transform:scale(1)translate(0,0)}10%{transform:scale(1.15,.9)translate(0,0)}17%{transform:scale(.9,1.05)translateY(-6%)}22%{transform:scale(1)translate(0,0)}to{transform:scale(1)translate(0,0)}}@keyframes bounce-02{0%{transform:scale(1)translate(0,0)}4%{transform:scale(1.15,.9)translate(0,0)}10%{transform:scale(.9,1.05)translateY(-10%)}18%{transform:scale(1)translate(0,0)}to{transform:scale(1)translate(0,0)}}@keyframes bounce-03{0%{transform:scale(1)translate(0,0)}3%{transform:scale(1)translate(0,0)}5%{transform:scale(1.15,.9)translate(0,0)}8%{transform:scale(.9,1.05)translateY(-6%)}11%{transform:scale(1)translate(0,0)}to{transform:scale(1)translate(0,0)}}.modal-appstore{background:#fffaed}.modal-appstore .register{text-align:center;margin:3.1746% auto 0;font-size:0;position:relative}.modal-appstore .register .btn-line{width:90.4762%;height:0;margin:0 auto 3.1746%;padding-top:20.3175%;position:relative}.modal-appstore .register .btn-line a{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/pre/btn_modal_line.png) 0 0/contain no-repeat}.modal-appstore .register .btn-twitter{width:90.4762%;height:0;margin:0 auto 3.1746%;padding-top:20.3175%;position:relative}.modal-appstore .register .btn-twitter a{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/pre/btn_modal_twitter.png) 0 0/contain no-repeat}.modal-appstore .register .btn-modal-mail{width:90.4762%;height:0;margin:0 auto 4.7619%;padding-top:20.3175%;position:relative}.modal-appstore .register .btn-modal-mail a{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/pre/btn_modal_mail.png) 0 0/contain no-repeat}.modal-appstore .register .caution{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/pre/txt_modal_caution.png) 0 0/contain no-repeat;width:62.2222%;height:0;margin:0 auto;padding-top:2.85714%}.modal-appstore .register .caution span{display:none}.modal-appstore .qr{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/bg_modal_appstore.png) 0 0/contain no-repeat;width:88.4%;height:0;margin:6% auto;padding-top:85.6%}.modal-appstore .qr p{display:none}.wrapper .top{background:#000;width:100%;height:100%;margin:0 auto;position:fixed;overflow:visible}.wrapper .top .scroll-area{white-space:nowrap;z-index:3;height:100%;font-size:0;position:absolute;top:0;left:0;overflow:visible;transform:translateZ(3px)}.wrapper .top .scroll-area>div{z-index:1;opacity:0;backface-visibility:hidden;width:100%;height:100%;animation-play-state:running;position:absolute;top:0;left:0;overflow:hidden;transform:translateZ(10px)}.wrapper .top .scroll-area>div.first{z-index:10;opacity:1}.wrapper .top .scroll-area>div.active{z-index:10;opacity:1;animation:12s linear both scl-active}.wrapper .top .scroll-area>div.ios11{z-index:10;opacity:1}.wrapper .top .scroll-area>div.stop{animation-play-state:paused}.wrapper .top .scroll-area>div .end-obj{position:absolute;right:0}.wrapper .top .scroll-zakum{white-space:nowrap;z-index:25;height:100%;font-size:0;position:absolute;top:0;left:0;transform:translateZ(25px)}.wrapper .top .scroll-zakum.active span{backface-visibility:hidden;width:100%;height:100%;margin-top:22.4%;margin-left:33.7778%;padding-top:0;animation:12s linear both scl-active;display:block;position:absolute;top:0;left:0}.wrapper .top .scroll-zakum.active span:before{content:"";z-index:15;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/zakum/img_zakum_bottom.png) 0 0/cover no-repeat;width:32.8444%;height:0;padding-top:26.0444%;position:absolute;top:0;left:0}.wrapper .top .scroll-zakum.ios11 span{width:100%;height:100%;margin-top:22.4%;margin-left:33.7778%;padding-top:0;display:block;position:absolute;top:0;left:0}.wrapper .top .scroll-zakum.ios11 span:before{content:"";z-index:15;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/zakum/img_zakum_bottom.png) 0 0/cover no-repeat;width:32.8444%;height:0;padding-top:26.0444%;position:absolute;top:0;left:0}.wrapper .top .scroll-zakum.stop span{animation-play-state:paused}.wrapper .top .scroll-area .area-01{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/bg_01.jpg) 0 0/contain no-repeat}.wrapper .top .scroll-area .area-01.active .friend-talk,.wrapper .top .scroll-area .area-01.ios11 .friend-talk{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/friend_talk.gif) 0 0/cover no-repeat;width:4.35556%;height:0;margin-top:40.0889%;padding-top:6.57778%;position:absolute;top:0;left:60%}.wrapper .top .scroll-area .area-01.active .friend-talk:before,.wrapper .top .scroll-area .area-01.ios11 .friend-talk:before{content:"";opacity:0;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/img_talk_01.png) 0 0/cover no-repeat;width:185.714%;height:0;padding-top:77.551%;transition:all .1s linear;position:absolute;top:-61.2245%;left:20.4082%}.wrapper .top .scroll-area .area-01.active .friend-talk:after,.wrapper .top .scroll-area .area-01.ios11 .friend-talk:after{content:"";opacity:0;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/img_talk_02.png) 0 0/cover no-repeat;width:142.857%;height:0;margin-left:-204.082%;padding-top:77.551%;transition:all .1s linear;position:absolute;top:-61.2245%;left:0}.wrapper .top .scroll-area .area-01.active .friend-talk.talk:before,.wrapper .top .scroll-area .area-01.ios11 .friend-talk.talk:before{opacity:1}.wrapper .top .scroll-area .area-01.active .friend-talk.talk:after,.wrapper .top .scroll-area .area-01.ios11 .friend-talk.talk:after{opacity:1;transition-delay:.8s}.wrapper .top .scroll-area .area-01.active .friend-talk.togo,.wrapper .top .scroll-area .area-01.ios11 .friend-talk.togo{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/friend_talk_walk.gif) 0 0/cover no-repeat;transition:left 4.95s linear .2s;left:100%}.wrapper .top .scroll-area .area-01.active .friend-group,.wrapper .top .scroll-area .area-01.ios11 .friend-group{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/friend_group.gif) 0 0/cover no-repeat;width:4.62222%;height:0;margin-top:39.8222%;padding-top:7.11111%;position:absolute;top:0;left:63%}.wrapper .top .scroll-area .area-01.active .friend-group.togo,.wrapper .top .scroll-area .area-01.ios11 .friend-group.togo{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/friend_group_walk.gif) 0 0/cover no-repeat;transition:left 4.6s linear;left:100%}.wrapper .top .scroll-area .area-01.active .friend-01,.wrapper .top .scroll-area .area-01.ios11 .friend-01{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/friend_01.gif) 0 0/cover no-repeat;width:6.48889%;height:0;margin-top:40.2667%;padding-top:6.48889%;position:absolute;top:0;left:22.2222%}.wrapper .top .scroll-area .area-02{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/bg_02.jpg) 0 0/contain no-repeat}.wrapper .top .scroll-area .area-02.active .friend-yumi,.wrapper .top .scroll-area .area-02.ios11 .friend-yumi{z-index:10;width:17.7778%;height:0;margin-top:44.4444%;padding-top:6.31111%;animation:1.2s linear forwards friend-yumi;position:absolute;top:0;left:21.3333%}.wrapper .top .scroll-area .area-02.active .friend-yumi span,.wrapper .top .scroll-area .area-02.ios11 .friend-yumi span{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/friend_yumi_up.gif) 0 0/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.wrapper .top .scroll-area .area-02.active .friend-yumi.attack,.wrapper .top .scroll-area .area-02.ios11 .friend-yumi.attack{margin-top:28.3556%}.wrapper .top .scroll-area .area-02.active .friend-yumi.attack span,.wrapper .top .scroll-area .area-02.ios11 .friend-yumi.attack span{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/friend_yumi_attack.png) 0 0/cover no-repeat;animation:1.4s steps(14,end) infinite forwards repeat-animation}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-],.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-]{z-index:10;opacity:0;width:5.24444%;height:0;padding-top:2.66667%;position:absolute}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span{z-index:5;width:100%;height:100%;display:block;position:absolute;top:0}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span:before,.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span:after{content:"";z-index:5;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/img_damage.png) 0 0/100% 400% no-repeat;width:100%;height:100%;position:absolute;top:0;right:0}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span:after{z-index:1;top:50%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span:nth-child(2),.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span:nth-child(2){z-index:1;top:100%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-01:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-01:before{background-position:0 0}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-01:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-01:after{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-02:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-02:before{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-02:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-02:after{background-position:0 100%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-03:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-03:before{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-03:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-03:after{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-04:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-04:before{background-position:0 100%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-04:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-04:after,.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-05:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-05:before{background-position:0 0}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-05:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-05:after{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-06:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-06:before{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-06:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-06:after{background-position:0 100%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-07:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-07:before{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-07:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-07:after{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-08:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-08:before{background-position:0 0}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-08:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-08:after,.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-09:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-09:before{background-position:0 100%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-09:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-09:after{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-10:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-10:before{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-10:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-10:after{background-position:0 0}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-11:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-11:before{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-11:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-11:after{background-position:0 0}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-12:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-12:before{background-position:0 100%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-yumi-] span.damage-12:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-yumi-] span.damage-12:after{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active .damageskin-yumi-01,.wrapper .top .scroll-area .area-02.ios11 .damageskin-yumi-01{margin-top:31.1111%;top:0;left:33.3333%}.wrapper .top .scroll-area .area-02.active .damageskin-yumi-02,.wrapper .top .scroll-area .area-02.ios11 .damageskin-yumi-02{margin-top:25.7778%;top:0;left:37.7778%}.wrapper .top .scroll-area .area-02.active .friend-yumi.attack+.damageskin-yumi-01,.wrapper .top .scroll-area .area-02.ios11 .friend-yumi.attack+.damageskin-yumi-01{opacity:1;animation:1.4s linear infinite damage-zakum}.wrapper .top .scroll-area .area-02.active .friend-yumi.attack+.damageskin-yumi-01 span:first-child:before,.wrapper .top .scroll-area .area-02.ios11 .friend-yumi.attack+.damageskin-yumi-01 span:first-child:before{animation:1.4s linear infinite damage-zakum-01}.wrapper .top .scroll-area .area-02.active .friend-yumi.attack+.damageskin-yumi-01 span:first-child:after,.wrapper .top .scroll-area .area-02.ios11 .friend-yumi.attack+.damageskin-yumi-01 span:first-child:after{animation:1.4s linear infinite damage-zakum-02}.wrapper .top .scroll-area .area-02.active .friend-yumi.attack+.damageskin-yumi-01 span:nth-child(2):before,.wrapper .top .scroll-area .area-02.ios11 .friend-yumi.attack+.damageskin-yumi-01 span:nth-child(2):before{animation:1.4s linear infinite damage-zakum-03}.wrapper .top .scroll-area .area-02.active .friend-yumi.attack+.damageskin-yumi-01 span:nth-child(2):after,.wrapper .top .scroll-area .area-02.ios11 .friend-yumi.attack+.damageskin-yumi-01 span:nth-child(2):after{animation:1.4s linear infinite damage-zakum-04}.wrapper .top .scroll-area .area-02.active .friend-yumi.attack~.damageskin-yumi-02,.wrapper .top .scroll-area .area-02.ios11 .friend-yumi.attack~.damageskin-yumi-02{opacity:1;animation:1.4s linear .3s infinite damage-zakum}.wrapper .top .scroll-area .area-02.active .friend-yumi.attack~.damageskin-yumi-02 span:first-child:before,.wrapper .top .scroll-area .area-02.ios11 .friend-yumi.attack~.damageskin-yumi-02 span:first-child:before{animation:1.4s linear .3s infinite both damage-zakum-01}.wrapper .top .scroll-area .area-02.active .friend-yumi.attack~.damageskin-yumi-02 span:first-child:after,.wrapper .top .scroll-area .area-02.ios11 .friend-yumi.attack~.damageskin-yumi-02 span:first-child:after{animation:1.4s linear .3s infinite both damage-zakum-02}.wrapper .top .scroll-area .area-02.active .friend-yumi.attack~.damageskin-yumi-02 span:nth-child(2):before,.wrapper .top .scroll-area .area-02.ios11 .friend-yumi.attack~.damageskin-yumi-02 span:nth-child(2):before{animation:1.4s linear .3s infinite both damage-zakum-03}.wrapper .top .scroll-area .area-02.active .friend-yumi.attack~.damageskin-yumi-02 span:nth-child(2):after,.wrapper .top .scroll-area .area-02.ios11 .friend-yumi.attack~.damageskin-yumi-02 span:nth-child(2):after{animation:1.4s linear .3s infinite both damage-zakum-04}.wrapper .top .scroll-area .area-02.active .friend-ken,.wrapper .top .scroll-area .area-02.ios11 .friend-ken{z-index:10;width:14.9333%;height:0;margin-top:27.5556%;padding-top:10.7111%;position:absolute;top:0;left:60%}.wrapper .top .scroll-area .area-02.active .friend-ken span,.wrapper .top .scroll-area .area-02.ios11 .friend-ken span{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/friend_ken_attack.png) 0 0/cover no-repeat;width:100%;height:100%;animation:1s steps(10,end) infinite both repeat-animation,2.8s cubic-bezier(.22,.35,.65,1) infinite jump-03;position:absolute;top:0;left:0}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-],.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-]{z-index:10;opacity:0;width:5.24444%;height:0;padding-top:2.66667%;position:absolute}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span{z-index:5;width:100%;height:100%;display:block;position:absolute;top:0}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span:before,.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span:after{content:"";z-index:5;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/img_damage.png) 0 0/100% 400% no-repeat;width:100%;height:100%;position:absolute;top:0;right:0}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span:after{z-index:1;top:50%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span:nth-child(2),.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span:nth-child(2){z-index:1;top:100%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-01:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-01:before{background-position:0 0}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-01:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-01:after{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-02:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-02:before{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-02:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-02:after{background-position:0 100%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-03:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-03:before{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-03:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-03:after{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-04:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-04:before{background-position:0 100%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-04:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-04:after,.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-05:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-05:before{background-position:0 0}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-05:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-05:after{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-06:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-06:before{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-06:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-06:after{background-position:0 100%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-07:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-07:before{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-07:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-07:after{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-08:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-08:before{background-position:0 0}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-08:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-08:after,.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-09:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-09:before{background-position:0 100%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-09:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-09:after{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-10:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-10:before{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-10:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-10:after{background-position:0 0}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-11:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-11:before{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-11:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-11:after{background-position:0 0}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-12:before,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-12:before{background-position:0 100%}.wrapper .top .scroll-area .area-02.active div[class^=damageskin-ken-] span.damage-12:after,.wrapper .top .scroll-area .area-02.ios11 div[class^=damageskin-ken-] span.damage-12:after{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active .damageskin-ken-01,.wrapper .top .scroll-area .area-02.ios11 .damageskin-ken-01{margin-top:25.7778%;top:0;left:56.8889%}.wrapper .top .scroll-area .area-02.active .damageskin-ken-02,.wrapper .top .scroll-area .area-02.ios11 .damageskin-ken-02{margin-top:30.2222%;top:0;left:58.6667%}.wrapper .top .scroll-area .area-02.active .friend-ken+.damageskin-ken-01,.wrapper .top .scroll-area .area-02.ios11 .friend-ken+.damageskin-ken-01{opacity:1;animation:1.4s linear infinite damage-zakum}.wrapper .top .scroll-area .area-02.active .friend-ken+.damageskin-ken-01 span:first-child:before,.wrapper .top .scroll-area .area-02.ios11 .friend-ken+.damageskin-ken-01 span:first-child:before{animation:1.4s linear infinite damage-zakum-01}.wrapper .top .scroll-area .area-02.active .friend-ken+.damageskin-ken-01 span:first-child:after,.wrapper .top .scroll-area .area-02.ios11 .friend-ken+.damageskin-ken-01 span:first-child:after{animation:1.4s linear infinite damage-zakum-02}.wrapper .top .scroll-area .area-02.active .friend-ken+.damageskin-ken-01 span:nth-child(2):before,.wrapper .top .scroll-area .area-02.ios11 .friend-ken+.damageskin-ken-01 span:nth-child(2):before{animation:1.4s linear infinite damage-zakum-03}.wrapper .top .scroll-area .area-02.active .friend-ken+.damageskin-ken-01 span:nth-child(2):after,.wrapper .top .scroll-area .area-02.ios11 .friend-ken+.damageskin-ken-01 span:nth-child(2):after{animation:1.4s linear infinite damage-zakum-04}.wrapper .top .scroll-area .area-02.active .friend-ken~.damageskin-ken-02,.wrapper .top .scroll-area .area-02.ios11 .friend-ken~.damageskin-ken-02{opacity:1;animation:1.4s linear .5s infinite damage-zakum}.wrapper .top .scroll-area .area-02.active .friend-ken~.damageskin-ken-02 span:first-child:before,.wrapper .top .scroll-area .area-02.ios11 .friend-ken~.damageskin-ken-02 span:first-child:before{animation:1.4s linear .5s infinite both damage-zakum-01}.wrapper .top .scroll-area .area-02.active .friend-ken~.damageskin-ken-02 span:first-child:after,.wrapper .top .scroll-area .area-02.ios11 .friend-ken~.damageskin-ken-02 span:first-child:after{animation:1.4s linear .5s infinite both damage-zakum-02}.wrapper .top .scroll-area .area-02.active .friend-ken~.damageskin-ken-02 span:nth-child(2):before,.wrapper .top .scroll-area .area-02.ios11 .friend-ken~.damageskin-ken-02 span:nth-child(2):before{animation:1.4s linear .5s infinite both damage-zakum-03}.wrapper .top .scroll-area .area-02.active .friend-ken~.damageskin-ken-02 span:nth-child(2):after,.wrapper .top .scroll-area .area-02.ios11 .friend-ken~.damageskin-ken-02 span:nth-child(2):after{animation:1.4s linear .5s infinite both damage-zakum-04}.wrapper .top .scroll-area .area-02.active .zakum,.wrapper .top .scroll-area .area-02.ios11 .zakum{z-index:5;width:32.8444%;height:0;margin-top:22.4%;padding-top:26.0444%;position:absolute;top:0;left:33.7778%}.wrapper .top .scroll-area .area-02.active .zakum:before,.wrapper .top .scroll-area .area-02.ios11 .zakum:before{content:"";z-index:10;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/zakum/img_zakum.png) 0 0/cover no-repeat;width:100%;height:100%;animation:.2s ease-in-out .1s infinite alternate zakum;position:absolute;top:0;left:0}.wrapper .top .scroll-area .area-02.active .zakum .hand-01:before,.wrapper .top .scroll-area .area-02.ios11 .zakum .hand-01:before{content:"";z-index:1;transform-origin:100% 100%;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/zakum/img_left_01.png) 0 0/cover no-repeat;width:27.381%;height:0;padding-top:34.3074%;animation:.5s ease-in-out infinite alternate hand;position:absolute;top:-4.329%;left:14.0693%}.wrapper .top .scroll-area .area-02.active .zakum .hand-01:after,.wrapper .top .scroll-area .area-02.ios11 .zakum .hand-01:after{content:"";z-index:1;transform-origin:0 100%;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/zakum/img_right_01.png) 0 0/cover no-repeat;width:28.0303%;height:0;padding-top:33.7662%;animation:.5s ease-in-out -.15s infinite alternate hand;position:absolute;top:-3.24675%;right:19.4805%}.wrapper .top .scroll-area .area-02.active .zakum .hand-02:before,.wrapper .top .scroll-area .area-02.ios11 .zakum .hand-02:before{content:"";z-index:2;transform-origin:100% 100%;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/zakum/img_left_02.png) 0 0/cover no-repeat;width:35.2814%;height:0;padding-top:30.0866%;animation:.5s ease-in-out -.3s infinite alternate hand,.3s 4.8s forwards hand-died;position:absolute;top:9.74026%;left:4.329%}.wrapper .top .scroll-area .area-02.active .zakum .hand-02:after,.wrapper .top .scroll-area .area-02.ios11 .zakum .hand-02:after{content:"";z-index:2;transform-origin:0 100%;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/zakum/img_right_02.png) 0 0/cover no-repeat;width:36.6883%;height:0;padding-top:32.2511%;animation:.5s ease-in-out -.05s infinite alternate hand;position:absolute;top:8.65801%;right:10.8225%}.wrapper .top .scroll-area .area-02.active .zakum .hand-03:before,.wrapper .top .scroll-area .area-02.ios11 .zakum .hand-03:before{content:"";z-index:2;transform-origin:100%;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/zakum/img_left_03.png) 0 0/cover no-repeat;width:40.8009%;height:0;padding-top:21.3203%;animation:.5s ease-in-out -.2s infinite alternate hand;position:absolute;top:34.632%;left:0%}.wrapper .top .scroll-area .area-02.active .zakum .hand-03:after,.wrapper .top .scroll-area .area-02.ios11 .zakum .hand-03:after{content:"";z-index:2;transform-origin:0;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/zakum/img_right_03.png) 0 0/cover no-repeat;width:40.4762%;height:0;padding-top:25.4329%;animation:.5s ease-in-out -.35s infinite alternate hand,.3s 8.8s forwards hand-died;position:absolute;top:31.3853%;right:3.24675%}.wrapper .top .scroll-area .area-02.active .zakum .brokenhand-01,.wrapper .top .scroll-area .area-02.ios11 .zakum .brokenhand-01{z-index:2;width:39.1775%;height:0;padding-top:20.7792%;position:absolute;top:51.9481%;left:-2.1645%}.wrapper .top .scroll-area .area-02.active .zakum .brokenhand-01 span,.wrapper .top .scroll-area .area-02.ios11 .zakum .brokenhand-01 span{transform-origin:100% 0;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/zakum/img_left_04.png) 0 0/cover no-repeat;width:100%;height:100%;animation:.5s ease-in-out -.1s infinite alternate hand;position:absolute;top:0;left:0}.wrapper .top .scroll-area .area-02.active .zakum .brokenhand-01.died span,.wrapper .top .scroll-area .area-02.ios11 .zakum .brokenhand-01.died span{animation:.5s forwards hand-died}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-],.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-]{z-index:10;opacity:0;width:15.9675%;height:0;margin-top:47.3613%;padding-top:8.11908%;position:absolute;top:0;left:-2.70636%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span{z-index:5;width:100%;height:100%;display:block;position:absolute;top:0}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span:before,.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span:after{content:"";z-index:5;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/img_damage.png) 0 0/100% 400% no-repeat;width:100%;height:100%;position:absolute;top:0;right:0}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span:after{z-index:1;top:50%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span:nth-child(2),.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span:nth-child(2){z-index:1;top:100%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-01:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-01:before{background-position:0 0}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-01:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-01:after{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-02:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-02:before{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-02:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-02:after{background-position:0 100%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-03:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-03:before{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-03:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-03:after{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-04:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-04:before{background-position:0 100%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-04:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-04:after,.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-05:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-05:before{background-position:0 0}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-05:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-05:after{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-06:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-06:before{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-06:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-06:after{background-position:0 100%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-07:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-07:before{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-07:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-07:after{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-08:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-08:before{background-position:0 0}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-08:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-08:after,.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-09:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-09:before{background-position:0 100%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-09:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-09:after{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-10:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-10:before{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-10:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-10:after{background-position:0 0}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-11:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-11:before{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-11:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-11:after{background-position:0 0}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-12:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-12:before{background-position:0 100%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-] span.damage-12:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-] span.damage-12:after{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active .zakum div.damageskin-left-02,.wrapper .top .scroll-area .area-02.ios11 .zakum div.damageskin-left-02{margin-top:41.9486%;left:8.11908%}.wrapper .top .scroll-area .area-02.active .zakum div.damageskin-left-03,.wrapper .top .scroll-area .area-02.ios11 .zakum div.damageskin-left-03{margin-top:54.1272%;left:2.70636%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-].attack,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-].attack{opacity:1;animation:1.2s linear forwards damage-zakum}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-].attack span:first-child:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-].attack span:first-child:before{animation:1.2s linear forwards damage-zakum-01}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-].attack span:first-child:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-].attack span:first-child:after{animation:1.2s linear forwards damage-zakum-02}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-].attack span:nth-child(2):before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-].attack span:nth-child(2):before{animation:1.2s linear forwards damage-zakum-03}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-left-].attack span:nth-child(2):after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-left-].attack span:nth-child(2):after{animation:1.2s linear forwards damage-zakum-04}.wrapper .top .scroll-area .area-02.active .zakum .brokenhand-02,.wrapper .top .scroll-area .area-02.ios11 .zakum .brokenhand-02{z-index:2;width:39.2857%;height:0;padding-top:19.9134%;position:absolute;top:56.2771%;right:5.41126%}.wrapper .top .scroll-area .area-02.active .zakum .brokenhand-02 span,.wrapper .top .scroll-area .area-02.ios11 .zakum .brokenhand-02 span{transform-origin:0 0;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/zakum/img_right_04.png) 0 0/cover no-repeat;width:100%;height:100%;animation:.5s ease-in-out -.25s infinite alternate hand;position:absolute;top:0;left:0}.wrapper .top .scroll-area .area-02.active .zakum .brokenhand-02.died span,.wrapper .top .scroll-area .area-02.ios11 .zakum .brokenhand-02.died span{animation:.5s forwards hand-died}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-],.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-]{z-index:10;opacity:0;width:15.9675%;height:0;margin-top:54.1272%;padding-top:8.11908%;position:absolute;top:0;right:9.47226%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span{z-index:5;width:100%;height:100%;display:block;position:absolute;top:0}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span:before,.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span:after{content:"";z-index:5;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/img_damage.png) 0 0/100% 400% no-repeat;width:100%;height:100%;position:absolute;top:0;right:0}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span:after{z-index:1;top:50%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span:nth-child(2),.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span:nth-child(2){z-index:1;top:100%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-01:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-01:before{background-position:0 0}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-01:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-01:after{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-02:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-02:before{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-02:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-02:after{background-position:0 100%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-03:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-03:before{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-03:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-03:after{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-04:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-04:before{background-position:0 100%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-04:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-04:after,.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-05:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-05:before{background-position:0 0}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-05:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-05:after{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-06:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-06:before{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-06:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-06:after{background-position:0 100%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-07:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-07:before{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-07:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-07:after{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-08:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-08:before{background-position:0 0}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-08:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-08:after,.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-09:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-09:before{background-position:0 100%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-09:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-09:after{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-10:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-10:before{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-10:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-10:after{background-position:0 0}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-11:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-11:before{background-position:0 33.33%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-11:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-11:after{background-position:0 0}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-12:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-12:before{background-position:0 100%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-] span.damage-12:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-] span.damage-12:after{background-position:0 66.66%}.wrapper .top .scroll-area .area-02.active .zakum div.damageskin-right-02,.wrapper .top .scroll-area .area-02.ios11 .zakum div.damageskin-right-02{margin-top:47.3613%;right:18.9445%}.wrapper .top .scroll-area .area-02.active .zakum div.damageskin-right-03,.wrapper .top .scroll-area .area-02.ios11 .zakum div.damageskin-right-03{margin-top:52.774%;right:8.11908%}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-].attack,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-].attack{opacity:1;animation:1.2s linear forwards damage-zakum}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-].attack span:first-child:before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-].attack span:first-child:before{animation:1.2s linear forwards damage-zakum-01}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-].attack span:first-child:after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-].attack span:first-child:after{animation:1.2s linear forwards damage-zakum-02}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-].attack span:nth-child(2):before,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-].attack span:nth-child(2):before{animation:1.2s linear forwards damage-zakum-03}.wrapper .top .scroll-area .area-02.active .zakum div[class^=damageskin-right-].attack span:nth-child(2):after,.wrapper .top .scroll-area .area-02.ios11 .zakum div[class^=damageskin-right-].attack span:nth-child(2):after{animation:1.2s linear forwards damage-zakum-04}.wrapper .top .scroll-area .area-03{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/bg_03.jpg) 0 0/contain no-repeat}.wrapper .top .scroll-area .area-03.ios11 .monster-01{width:5.11111%;height:0;margin-top:43.1111%;padding-top:3.77778%;animation:70s linear forwards monster;position:absolute;top:0;left:22.2222%}.wrapper .top .scroll-area .area-03.ios11 .monster-01:before{content:"";background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_04_walk.gif) 0 0/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.wrapper .top .scroll-area .area-03.ios11 .monster-01:after{content:"";opacity:0;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_04_died.png) 0 0/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.wrapper .top .scroll-area .area-03.ios11 .monster-01.died{animation-play-state:paused}.wrapper .top .scroll-area .area-03.ios11 .monster-01.died:before{opacity:0}.wrapper .top .scroll-area .area-03.ios11 .monster-01.died:after{opacity:1;animation:1s steps(7,start) forwards repeat-animation}.wrapper .top .scroll-area .area-03.ios11 .monster-01 span{width:102.609%;height:0;margin-top:-52.1739%;padding-top:52.1739%}.wrapper .top .scroll-area .area-03.ios11 .monster-02{width:5.77778%;height:0;margin-top:43.1111%;padding-top:4%;animation:65s linear forwards monster;position:absolute;top:0;left:33.3333%}.wrapper .top .scroll-area .area-03.ios11 .monster-02:before{content:"";background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_01_walk.gif) 0 0/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.wrapper .top .scroll-area .area-03.ios11 .monster-02:after{content:"";opacity:0;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_01_died.png) 0 0/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.wrapper .top .scroll-area .area-03.ios11 .monster-02.died{animation-play-state:paused}.wrapper .top .scroll-area .area-03.ios11 .monster-02.died:before{opacity:0}.wrapper .top .scroll-area .area-03.ios11 .monster-02.died:after{opacity:1;animation:1s steps(9,start) forwards repeat-animation}.wrapper .top .scroll-area .area-03.ios11 .monster-02 span{width:90.7692%;height:0;margin-top:-46.1538%;padding-top:46.1538%}.wrapper .top .scroll-area .area-03.ios11 .monster-03{width:10.2222%;height:0;margin-top:42.3111%;padding-top:5.11111%;animation:65s linear forwards monster;position:absolute;top:0;left:53.3333%}.wrapper .top .scroll-area .area-03.ios11 .monster-03:before{content:"";background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_02_walk.gif) 0 0/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.wrapper .top .scroll-area .area-03.ios11 .monster-03:after{content:"";opacity:0;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_02_died.png) 0 0/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.wrapper .top .scroll-area .area-03.ios11 .monster-03.died{animation-play-state:paused}.wrapper .top .scroll-area .area-03.ios11 .monster-03.died:before{opacity:0}.wrapper .top .scroll-area .area-03.ios11 .monster-03.died:after{opacity:1;animation:1s steps(9,start) forwards repeat-animation}.wrapper .top .scroll-area .area-03.ios11 .monster-03 span{width:51.3043%;height:0;margin-top:-26.087%;padding-top:26.087%}.wrapper .top .scroll-area .area-03.ios11 .monster-04{width:5.11111%;height:0;margin-top:43.1111%;padding-top:3.77778%;animation:70s linear forwards monster;position:absolute;top:0;left:62.2222%}.wrapper .top .scroll-area .area-03.ios11 .monster-04:before{content:"";background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_03_walk.gif) 0 0/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.wrapper .top .scroll-area .area-03.ios11 .monster-04:after{content:"";opacity:0;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_03_died.png) 0 0/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.wrapper .top .scroll-area .area-03.ios11 .monster-04.died{animation-play-state:paused}.wrapper .top .scroll-area .area-03.ios11 .monster-04.died:before{opacity:0}.wrapper .top .scroll-area .area-03.ios11 .monster-04.died:after{opacity:1;animation:1s steps(7,start) forwards repeat-animation}.wrapper .top .scroll-area .area-03.ios11 .monster-04 span{width:102.609%;height:0;margin-top:-52.1739%;padding-top:52.1739%}.wrapper .top .scroll-area .area-03.ios11 .monster-05{width:5.77778%;height:0;margin-top:43.1111%;padding-top:4%;animation:65s linear forwards monster;position:absolute;top:0;left:80%}.wrapper .top .scroll-area .area-03.ios11 .monster-05:before{content:"";background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_01_walk.gif) 0 0/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.wrapper .top .scroll-area .area-03.ios11 .monster-05:after{content:"";opacity:0;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_01_died.png) 0 0/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.wrapper .top .scroll-area .area-03.ios11 .monster-05.died{animation-play-state:paused}.wrapper .top .scroll-area .area-03.ios11 .monster-05.died:before{opacity:0}.wrapper .top .scroll-area .area-03.ios11 .monster-05.died:after{opacity:1;animation:1s steps(9,start) forwards repeat-animation}.wrapper .top .scroll-area .area-03.ios11 .monster-05 span{width:90.7692%;height:0;margin-top:-46.1538%;padding-top:46.1538%}.wrapper .top .scroll-area .area-03.active .monster-01{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_04_walk.gif) 0 0/cover no-repeat;width:5.11111%;height:0;margin-top:43.1111%;padding-top:3.77778%;animation:70s linear forwards monster,1s steps(7,start) forwards paused repeat-animation;position:absolute;top:0;left:22.2222%}.wrapper .top .scroll-area .area-03.active .monster-01.died{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_04_died.png) 0 0/cover no-repeat;animation-play-state:paused,running}.wrapper .top .scroll-area .area-03.active .monster-01 span{width:102.609%;height:0;margin-top:-52.1739%;padding-top:52.1739%}.wrapper .top .scroll-area .area-03.active .monster-02{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_01_walk.gif) 0 0/cover no-repeat;width:5.77778%;height:0;margin-top:43.1111%;padding-top:4%;animation:65s linear forwards monster,1s steps(9,start) forwards paused repeat-animation;position:absolute;top:0;left:33.3333%}.wrapper .top .scroll-area .area-03.active .monster-02.died{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_01_died.png) 0 0/cover no-repeat;animation-play-state:paused,running}.wrapper .top .scroll-area .area-03.active .monster-02 span{width:90.7692%;height:0;margin-top:-46.1538%;padding-top:46.1538%}.wrapper .top .scroll-area .area-03.active .monster-03{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_02_walk.gif) 0 0/cover no-repeat;width:10.2222%;height:0;margin-top:42.3111%;padding-top:5.11111%;animation:65s linear forwards monster,1s steps(9,start) forwards paused repeat-animation;position:absolute;top:0;left:53.3333%}.wrapper .top .scroll-area .area-03.active .monster-03.died{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_02_died.png) 0 0/cover no-repeat;animation-play-state:paused,running}.wrapper .top .scroll-area .area-03.active .monster-03 span{width:51.3043%;height:0;margin-top:-26.087%;padding-top:26.087%}.wrapper .top .scroll-area .area-03.active .monster-04{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_03_walk.gif) 0 0/cover no-repeat;width:5.11111%;height:0;margin-top:43.1111%;padding-top:3.77778%;animation:70s linear forwards monster,1s steps(7,start) forwards paused repeat-animation;position:absolute;top:0;left:62.2222%}.wrapper .top .scroll-area .area-03.active .monster-04.died{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_03_died.png) 0 0/cover no-repeat;animation-play-state:paused,running}.wrapper .top .scroll-area .area-03.active .monster-04 span{width:102.609%;height:0;margin-top:-52.1739%;padding-top:52.1739%}.wrapper .top .scroll-area .area-03.active .monster-05{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_01_walk.gif) 0 0/cover no-repeat;width:5.77778%;height:0;margin-top:43.1111%;padding-top:4%;animation:65s linear forwards monster,1s steps(9,start) forwards paused repeat-animation;position:absolute;top:0;left:80%}.wrapper .top .scroll-area .area-03.active .monster-05.died{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_01_died.png) 0 0/cover no-repeat;animation-play-state:paused,running}.wrapper .top .scroll-area .area-03.active .monster-05 span{width:90.7692%;height:0;margin-top:-46.1538%;padding-top:46.1538%}.wrapper .top .scroll-area .area-03.active .monster-06{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_03_walk.gif) 0 0/cover no-repeat;width:5.11111%;height:0;margin-top:33.4222%;padding-top:3.77778%;animation:70s linear forwards monster,1s steps(7,start) forwards paused repeat-animation;position:absolute;top:0;left:40%}.wrapper .top .scroll-area .area-03.active .monster-06.died{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_03_died.png) 0 0/cover no-repeat;animation-play-state:paused,running}.wrapper .top .scroll-area .area-03.active .monster-06 span{width:102.609%;height:0;margin-top:-52.1739%;padding-top:52.1739%}.wrapper .top .scroll-area .area-03.active .monster-07{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_01_walk.gif) 0 0/cover no-repeat;width:5.77778%;height:0;margin-top:33.4222%;padding-top:4%;animation:70s linear forwards monster,1s steps(9,start) forwards paused repeat-animation;position:absolute;top:0;left:73.3333%}.wrapper .top .scroll-area .area-03.active .monster-07.died{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_01_died.png) 0 0/cover no-repeat;animation-play-state:paused,running}.wrapper .top .scroll-area .area-03.active .monster-07 span{width:90.7692%;height:0;margin-top:-46.1538%;padding-top:46.1538%}.wrapper .top .scroll-area .area-03.active .monster-08{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_04_walk.gif) 0 0/cover no-repeat;width:5.11111%;height:0;margin-top:30.7556%;padding-top:3.77778%;animation:65s linear forwards monster,1s steps(7,start) forwards paused repeat-animation;position:absolute;top:0;left:91.5556%}.wrapper .top .scroll-area .area-03.active .monster-08.died{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/monster_04_died.png) 0 0/cover no-repeat;animation-play-state:paused,running}.wrapper .top .scroll-area .area-03.active .monster-08 span{width:102.609%;height:0;margin-top:-52.1739%;padding-top:52.1739%}.wrapper .top .scroll-area .area-03.active div[class^=monster-] span,.wrapper .top .scroll-area .area-03.ios11 div[class^=monster-] span{content:"";opacity:0;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/img_damage.png) 0 0/100% 400% no-repeat;position:absolute}.wrapper .top .scroll-area .area-03.active div[class^=monster-].stop,.wrapper .top .scroll-area .area-03.ios11 div[class^=monster-].stop{animation-play-state:paused}.wrapper .top .scroll-area .area-03.active div[class^=monster-].damage-01 span,.wrapper .top .scroll-area .area-03.ios11 div[class^=monster-].damage-01 span{opacity:1;background-position:0 0;animation:.5s cubic-bezier(0,0,.2,1) both damage_skin,.5s linear both damage_skin_left;top:0;left:0%}.wrapper .top .scroll-area .area-03.active div[class^=monster-].damage-02 span,.wrapper .top .scroll-area .area-03.ios11 div[class^=monster-].damage-02 span{opacity:1;background-position:0 33.33%;animation:.5s cubic-bezier(0,0,.2,1) both damage_skin,.5s linear both damage_skin_left;top:0;left:10%}.wrapper .top .scroll-area .area-03.active div[class^=monster-].damage-03 span,.wrapper .top .scroll-area .area-03.ios11 div[class^=monster-].damage-03 span{opacity:1;background-position:0 66.66%;animation:.5s cubic-bezier(0,0,.2,1) both damage_skin,.5s linear both damage_skin_right;top:0;left:-10%}.wrapper .top .scroll-area .area-03.active div[class^=monster-].damage-04 span,.wrapper .top .scroll-area .area-03.ios11 div[class^=monster-].damage-04 span{opacity:1;background-position:0 100%;animation:.5s cubic-bezier(0,0,.2,1) both damage_skin,.5s linear both damage_skin_right;top:0;left:0%}.wrapper .top .char{pointer-events:none;z-index:20;height:0;position:absolute;top:0;left:0;transform:translateZ(20px)}.wrapper .top .char span{width:100%;height:100%;position:absolute;top:0;left:0}.wrapper .top .char span:before{content:"";background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/pc_01_walk.gif) 0 0/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.wrapper .top .char span:after{content:"";width:100%;height:100%;animation:none;position:absolute;top:0;left:0}.wrapper .top .char.stop span:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/pc_01.gif) 0 0/cover no-repeat}.wrapper .top .char.jump span{transition:none;animation:.6s cubic-bezier(.22,.35,.65,1) jump}.wrapper .top .char.jump span:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/pc_01_jump.gif) 0 0/cover no-repeat}.wrapper .top .char.attack span:before{background:0 0}.wrapper .top .char.attack span:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/pc_01_attack.png) 0 0/100% 400% no-repeat;transition:none;animation:.2s steps(3,end) forwards repeat-animation}.wrapper .top .char.ready{transform:translate3d(-100%,0,20px)}.wrapper .top .char.ready.go{transition:transform 1.4s linear;transform:translateZ(20px)}.wrapper .top .pet{pointer-events:none;z-index:18;height:0;position:absolute;top:0;left:0;transform:translateZ(18px)}.wrapper .top .pet span{transform-origin:bottom;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/pet_01_walk.gif) 0 0/cover no-repeat;width:100%;height:100%;animation:2.5s cubic-bezier(.5,0,.5,1) -1s infinite pet;position:absolute;top:0;left:0}.wrapper .top .pet.stop span{animation-play-state:paused}.wrapper .top .pet.ready{transform:translate3d(-300%,0,10px)}.wrapper .top .pet.ready.go{transition:transform 1.4s linear;transform:none}.wrapper .top .btn-forum{z-index:50;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/btn_forum.png) 0 0/cover no-repeat;width:50.1333%;height:0;margin-top:26.5333%;margin-left:-25.0667%;padding-top:50.1333%;animation:3s ease-in-out infinite bounce;position:absolute;left:50%}.wrapper .top .btn-forum a{width:100%;height:100%;display:block;position:absolute}.wrapper .top .btn-jump{z-index:30;cursor:pointer;backface-visibility:hidden;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/btn_jump.png) 0 0/cover no-repeat;width:14.9333%;height:0;margin-bottom:38%;padding-top:14.9333%;position:absolute;bottom:0;right:4%;transform:translateZ(30px)}.wrapper .top .btn-attack{z-index:30;cursor:pointer;backface-visibility:hidden;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/btn_attack.png) 0 0/cover no-repeat;width:17.0667%;height:0;margin-bottom:23.3333%;padding-top:17.0667%;position:absolute;bottom:0;right:16%;transform:translateZ(30px)}.wrapper .top .fade-screen{z-index:25;border-radius:50%;height:0;transition:box-shadow 1s ease-in-out;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,25px);box-shadow:inset 0 0 #1a1712}.wrapper .top .fade-screen.on{box-shadow:inset 0 0 0 100vh #1a1712}.wrapper .top .fade-screen.depth{z-index:35;transform:translate3d(-50%,-50%,35px)}.wrapper .top .campaign-area{z-index:39;width:100%;height:125px;display:block;position:absolute;top:0;overflow:visible}.wrapper .top .campaign-area .inner{text-align:center;width:1120px;height:125px;margin:0 auto;font-size:0}.wrapper .top .campaign-area .sns{aspect-ratio:630/86;z-index:50;background:#fffc;border-radius:12px;align-items:center;width:84%;margin-top:82.1333%;padding-left:4%;display:inline-flex;position:absolute;top:0;left:50%;translate:-50%}.wrapper .top .campaign-area .sns dt{aspect-ratio:172/24;background:url(https://static.nexon.co.jp/maplestorym/common_anzi/sttl_sns_sp.png) 0 0/contain no-repeat;width:27.7419%;margin-right:3.22581%}.wrapper .top .campaign-area .sns dd{aspect-ratio:190/58;flex:1;width:30.6452%;margin-right:1.6129%;position:relative}.wrapper .top .campaign-area .sns .btn-x a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/btn_x.png) 0 0/100% 200% no-repeat;width:100%;height:100%}.wrapper .top .campaign-area .sns .btn-line{margin-right:2.58065%}.wrapper .top .campaign-area .sns .btn-line a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/btn_line_pc.png) 0 0/100% 200% no-repeat;width:100%;height:100%}.wrapper .top .campaign-area .sns span{display:none}.wrapper .top .bottom{z-index:40;background:#1a1712;width:100%;height:0;padding-top:20%;position:absolute;bottom:0;left:0;transform:translateZ(40px)}.wrapper .top .bottom .store{flex-wrap:wrap;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:0;left:0}.wrapper .top .bottom .store dt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/sttl_store.png) 50% 0/auto 100% no-repeat;width:100%;height:0;margin:2.4% auto 0;padding-top:3.73333%}.wrapper .top .bottom .store dt span{display:none}.wrapper .top .bottom .store dd{height:0;margin:1.86667% 2.66667% 0;padding-top:9.33333%;position:relative}.wrapper .top .bottom .store dd.btn-appstore{width:25.3333%}.wrapper .top .bottom .store dd.btn-appstore a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/btn_appstore_230112.png) 0 0/contain no-repeat}.wrapper .top .bottom .store dd.btn-appstore a span{display:none}.wrapper .top .bottom .store dd.btn-googleplay{width:31.6%}.wrapper .top .bottom .store dd.btn-googleplay a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/btn_googleplay_230112.png) 0 0/contain no-repeat}.wrapper .top .bottom .store dd.btn-googleplay a span{display:none}@keyframes pc-char{0%{left:-20%}to{left:110%}}@keyframes pet{0%{animation-timing-function:ease-in;transform:translate(-50%)scaleY(.9)skew(-5deg)}5%{animation-timing-function:linear;transform:translate(-50%)scale(1)skew(0)}8%{animation-timing-function:ease-in-out;transform:translate(-10%,-20%)scale(1)skew(0)}10%{animation-timing-function:ease-in-out;transform:translate(30%,-30%)scale(1)skew(0)}17%{animation-timing-function:ease-out;transform:translate(50%)scaleY(.9)skew(-5deg)}22%{animation-timing-function:linear;transform:translate(50%)scale(1)skew(0)}to{animation-timing-function:linear;transform:translate(-50%)scale(1)skew(0)}}@keyframes scl-active{0%{transform:translateZ(10px)}to{transform:translate3d(-100%,0,10px)}}@keyframes jump{0%{animation-timing-function:ease-out;transform:translateY(0)}55%{animation-timing-function:ease-in;transform:translateY(-130%)}to{transform:translateY(0)}}@keyframes jump-02{0%{transform:translateY(0)}20%{animation-timing-function:ease-out;transform:translateY(0)}60%{animation-timing-function:ease-in;transform:translateY(-130%)}to{transform:translateY(0)}}@keyframes jump-03{0%{transform:translateY(0%)}15%{animation-timing-function:ease-out;transform:translateY(0%)}30%{animation-timing-function:ease-in;transform:translateY(-80%)}45%{transform:translateY(0%)}to{transform:translateY(0%)}}@keyframes monster{0%{transform:translate(0)}to{transform:translate(-1000%)}}@keyframes repeat-animation{0%{background-position:0 0}to{background-position:0 100%}}@keyframes zakum{0%{transform:translateY(0)}to{transform:translateY(-.4%)}}@keyframes hand{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@keyframes hand-died{0%{opacity:1}to{opacity:0}}@keyframes friend-yumi{0%{margin-top:44.4444%}to{margin-top:28.3556%}}@keyframes damage-zakum{0%{transform:translateY(0)}20%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes damage-zakum-01{0%{opacity:0}30%{opacity:0}35%{opacity:1}65%{opacity:1}85%{opacity:0}to{opacity:0}}@keyframes damage-zakum-02{0%{opacity:0}25%{opacity:0}30%{opacity:1}60%{opacity:1}80%{opacity:0}to{opacity:0}}@keyframes damage-zakum-03{0%{opacity:0}20%{opacity:0}25%{opacity:1}55%{opacity:1}75%{opacity:0}to{opacity:0}}@keyframes damage-zakum-04{0%{opacity:0}15%{opacity:0}20%{opacity:1}50%{opacity:1}70%{opacity:0}to{opacity:0}}@keyframes damage_skin{0%{top:0}to{top:-50%}}@keyframes damage_skin_left{0%{opacity:1;transform:translate(0)}50%{opacity:1;transform:translate(-20%)}to{opacity:0;transform:translate(-40%)}}@keyframes damage_skin_right{0%{opacity:1;transform:translate(0)}50%{opacity:1;transform:translate(20%)}to{opacity:0;transform:translate(40%)}}@keyframes campaign-badge{0%{transform:scale(1)rotate(0)}40%{transform:scale(.8)rotate(0)}42%{transform:scale(1)rotate(5deg)}44%{transform:scale(1)rotate(-5deg)}46%{transform:scale(1)rotate(5deg)}48%{transform:scale(1)rotate(-5deg)}50%{transform:scale(1)rotate(5deg)}52%{transform:scale(1)rotate(-5deg)}54%{transform:scale(1)rotate(0)}to{transform:scale(1)rotate(0)}}.wrapper .charm-01 .bg{z-index:1;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm.jpg) 50%/cover no-repeat;width:100%;height:100vh;position:absolute;top:0;left:0}.wrapper .charm-01 .bg:after{content:"";background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm.jpg) 50%/cover no-repeat;width:100%;height:100vh;position:fixed;top:0;left:0}.wrapper .charm-01 .bg.ms{position:fixed}.wrapper .charm-01 .inner{z-index:5;margin:0 auto 8%;padding-top:6.66667%;position:relative}.wrapper .charm-01 h2{width:100%;height:0;margin:0 auto;padding-top:49.0667%;position:relative}.wrapper .charm-01 h2 img{z-index:2;width:100%;height:auto;position:absolute;top:auto;bottom:0;left:50%;transform:translate(-50%)}.wrapper .charm-01 .lead{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/lead_charm_01.png) 0 0/contain no-repeat;width:70.6667%;height:0;margin:2.66667% auto 0;padding-top:13.0667%}.wrapper .charm-01 .point-01 .ttl{z-index:5;transform-origin:bottom;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/sttl_charm_01_01.png) 0 0/contain no-repeat;width:46.4%;height:0;margin:6.66667% auto 0;padding-top:19.4667%;position:relative;transform:scale(0)}.wrapper .charm-01 .point-01 .txt{z-index:1;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_01_01.png) 0 0/contain no-repeat;width:100%;height:0;margin:-10.6667% auto 0;padding-top:91.2%;position:relative}.wrapper .charm-01 .point-01 .txt:after{content:"";z-index:3;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/char_charm_01_01.png) 0 0/contain no-repeat;width:44%;height:0;padding-top:45.0667%;position:absolute;bottom:-5.33333%;right:-9.33333%;transform:translate(100%)}.wrapper .charm-01 .point-02 .ttl{z-index:5;transform-origin:bottom;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/sttl_charm_01_02.png) 0 0/contain no-repeat;width:46.4%;height:0;margin:6.66667% auto 0;padding-top:19.4667%;position:relative;transform:scale(0)}.wrapper .charm-01 .point-02 .txt{z-index:1;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_01_02.png) 0 0/contain no-repeat;width:100%;height:0;margin:-10.6667% auto 0;padding-top:84.5333%;position:relative}.wrapper .charm-01 .point-02 .txt:after{content:"";z-index:3;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/char_charm_01_02.png) 0 0/contain no-repeat;width:33.8667%;height:0;padding-top:37.6%;position:absolute;bottom:-5.33333%;left:-5.33333%;transform:translate(-100%)}.wrapper .charm-01 .point-03 .ttl{z-index:5;transform-origin:bottom;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/sttl_charm_01_03.png) 0 0/contain no-repeat;width:46.4%;height:0;margin:6.66667% auto 0;padding-top:19.4667%;position:relative;transform:scale(0)}.wrapper .charm-01 .point-03 .txt{z-index:1;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_01_03.png) 0 0/contain no-repeat;width:100%;height:0;margin:-10.6667% auto 0;padding-top:91.2%;position:relative}.wrapper .charm-01 .point-03 .txt:after{content:"";z-index:3;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/char_charm_01_03.png) 0 0/contain no-repeat;width:60.5333%;height:0;padding-top:47.2%;position:absolute;bottom:-5.33333%;right:-22.6667%;transform:translate(100%)}.wrapper .charm-01 .point-04 .ttl{z-index:5;transform-origin:bottom;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/sttl_charm_01_04.png) 0 0/contain no-repeat;width:46.4%;height:0;margin:6.66667% auto 0;padding-top:19.4667%;position:relative;transform:scale(0)}.wrapper .charm-01 .point-04 .txt{z-index:1;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_01_04.png) 0 0/contain no-repeat;width:100%;height:0;margin:-10.6667% auto 0;padding-top:91.4667%;position:relative}.wrapper .charm-01 .point-01 .ttl.complete,.wrapper .charm-01 .point-01 .txt.complete:after,.wrapper .charm-01 .complete .ttl,.wrapper .charm-01 .complete .txt:after{transform:none}.wrapper .charm-01 .point-01 .ttl.animation{transition:all .3s cubic-bezier(0,.49,.34,1.3) .8s}.wrapper .charm-01 .animation .ttl{transition:all .3s cubic-bezier(0,.49,.34,1.3)}.wrapper .charm-01 .point-01 .txt.animation:after{transition:all .5s}.wrapper .charm-01 .animation .txt:after{transition:all .5s .5s}.wrapper .charm-01 span{display:none}.wrapper .charm-02 .bg{z-index:1;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm.jpg) 50%/cover no-repeat;width:100%;height:100vh;position:absolute;top:0;left:0}.wrapper .charm-02 .bg:after{content:"";background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm.jpg) 50%/cover no-repeat;width:100%;height:100vh;position:fixed;top:0;left:0}.wrapper .charm-02 .bg.ms{position:fixed}.wrapper .charm-02 .inner{z-index:5;margin:0 auto 8%;padding-top:6.66667%;position:relative}.wrapper .charm-02 h2{width:100%;height:0;margin:0 auto;padding-top:49.0667%;position:relative}.wrapper .charm-02 h2 img{z-index:2;width:100%;height:auto;position:absolute;top:auto;bottom:0;left:50%;transform:translate(-50%)}.wrapper .charm-02 .lead{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/lead_charm_02.png) 0 0/contain no-repeat;width:62.6667%;height:0;margin:2.66667% auto 0;padding-top:13.0667%}.wrapper .charm-02 .point-01 .ttl{z-index:5;transform-origin:bottom;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/sttl_charm_02_01.png) 0 0/contain no-repeat;width:57.0667%;height:0;margin:6.66667% auto 0;padding-top:19.4667%;position:relative;transform:scale(0)}.wrapper .charm-02 .point-01 .ttl.active{animation:.3s cubic-bezier(0,.49,.34,1.3) 1.2s forwards ttl}.wrapper .charm-02 .point-01 .txt{z-index:1;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_02_01.png) 0 0/contain no-repeat;width:100%;height:0;margin:-10.6667% auto 0;padding-top:91.4667%;position:relative}.wrapper .charm-02 .point-01 .txt:after{content:"";z-index:3;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/char_charm_02_01.png) 0 0/contain no-repeat;width:53.0667%;height:0;padding-top:39.7333%;position:absolute;bottom:-4%;left:-25.3333%;transform:translate(-100%)}.wrapper .charm-02 .point-02 .ttl{z-index:5;transform-origin:bottom;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/sttl_charm_02_02.png) 0 0/contain no-repeat;width:57.0667%;height:0;margin:6.66667% auto 0;padding-top:19.4667%;position:relative;transform:scale(0)}.wrapper .charm-02 .point-02 .txt{z-index:1;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_02_02.png) 0 0/contain no-repeat;width:100%;height:0;margin:-10.6667% auto 0;padding-top:91.4667%;position:relative}.wrapper .charm-02 .point-02 .txt:after{content:"";z-index:3;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/char_charm_02_02.png) 0 0/contain no-repeat;width:43.4667%;height:0;padding-top:43.4667%;position:absolute;bottom:-5.33333%;right:-13.3333%;transform:translate(100%)}.wrapper .charm-02 .point-03 .ttl{z-index:5;transform-origin:bottom;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/sttl_charm_02_03.png) 0 0/contain no-repeat;width:57.0667%;height:0;margin:6.66667% auto 0;padding-top:19.4667%;position:relative;transform:scale(0)}.wrapper .charm-02 .point-03 .txt{z-index:1;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_02_03.png) 0 0/contain no-repeat;width:100%;height:0;margin:-10.6667% auto 0;padding-top:84.8%;position:relative}.wrapper .charm-02 .point-03 .txt:after{content:"";z-index:3;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/char_charm_02_03.png) 0 0/contain no-repeat;width:25.8667%;height:0;padding-top:41.8667%;position:absolute;bottom:-2.66667%;left:-2.66667%;transform:translate(-100%)}.wrapper .charm-02 .point-04 .ttl{z-index:5;transform-origin:bottom;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/sttl_charm_02_04.png) 0 0/contain no-repeat;width:57.0667%;height:0;margin:6.66667% auto 0;padding-top:19.4667%;position:relative;transform:scale(0)}.wrapper .charm-02 .point-04 .txt{z-index:1;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_02_04.png) 0 0/contain no-repeat;width:100%;height:0;margin:-10.6667% auto 0;padding-top:91.4667%;position:relative}.wrapper .charm-02 .point-01 .ttl.complete,.wrapper .charm-02 .point-01 .txt.complete:after,.wrapper .charm-02 .complete .ttl,.wrapper .charm-02 .complete .txt:after{transform:none}.wrapper .charm-02 .point-01 .ttl.animation{transition:all .3s cubic-bezier(0,.49,.34,1.3) .8s}.wrapper .charm-02 .animation .ttl{transition:all .3s cubic-bezier(0,.49,.34,1.3)}.wrapper .charm-02 .point-01 .txt.animation:after{transition:all .5s}.wrapper .charm-02 .animation .txt:after{transition:all .5s .5s}.wrapper .charm-02 span{display:none}.wrapper .job .bg{z-index:1;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/bg_job.jpg) 50%/cover no-repeat;width:100%;height:100vh;position:absolute;top:0;left:0}.wrapper .job .bg:after{content:"";background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/bg_job.jpg) 50%/cover no-repeat;width:100%;height:100vh;position:fixed;top:0;left:0}.wrapper .job .bg.ms{position:fixed}.wrapper .job .inner{z-index:5;margin:0 auto 8%;padding-top:17.3333%;position:relative}.wrapper .job h2{width:100%;height:0;margin:0 auto;padding-top:24%;position:relative}.wrapper .job h2 img{z-index:2;width:100%;height:auto;position:absolute;top:auto;bottom:0;left:50%;transform:translate(-50%)}.wrapper .job h2 span{display:none}.wrapper .job .lead{z-index:10;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/lead_job.png) 0 0/contain no-repeat;width:100%;height:0;margin-top:2.66667%;padding-top:13.3333%;position:relative}.wrapper .job .lead span{display:none}.wrapper .job .job-area{position:relative}.wrapper .job .swiper-container{opacity:0;width:200%;height:0;margin-top:-14.6667%;padding-top:150.667%;left:50%;transform:translate(-50%)}.wrapper .job .swiper-container .swiper-wrapper{width:100%;height:100%;position:absolute;top:0}.wrapper .job .swiper-container .swiper-slide{transform-origin:50%;width:100%;height:0;padding-top:88%;position:relative}.wrapper .job .swiper-container .swiper-slide>div{width:100%;height:100%;position:absolute;top:0}.wrapper .job .swiper-container .swiper-slide>div h3,.wrapper .job .swiper-container .swiper-slide>div p,.wrapper .job .swiper-container .swiper-slide>div dl{display:none}.wrapper .job .swiper-container .swiper-slide>div:before,.wrapper .job .swiper-container .swiper-slide>div:after{content:"";z-index:5;width:88.8%;height:0;padding-top:98.6667%;transition:all .5s;position:absolute;top:0;left:50%;transform:translate(-50%)}.wrapper .job .swiper-container .swiper-slide .txt{z-index:3;opacity:0;width:88.8%;height:0;margin:0 0 28%;padding-top:59.7333%;transition:all .5s;position:absolute;bottom:0;left:50%;transform:translate(-50%,5%)}.wrapper .job .swiper-container .swiper-slide.swiper-slide-active>div:after,.wrapper .job .swiper-container .swiper-slide.swiper-slide-duplicate-active>div:after{opacity:0}.wrapper .job .swiper-container .swiper-slide.swiper-slide-active>div .txt,.wrapper .job .swiper-container .swiper-slide.swiper-slide-duplicate-active>div .txt{opacity:1;transition:all .5s .3s;transform:translate(-50%)}.wrapper .job .swiper-container .slide-darkknight:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_darknight_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-darkknight:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_darknight_240402.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-darkknight .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_darkknight.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-hero:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_hero_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-hero:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_hero_240402.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-hero .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_hero.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-paladin:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_paladin_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-paladin:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_paladin_240402.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-paladin .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_paladin_240402.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-bowmaster:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_bowmaster_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-bowmaster:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_bowmaster_240402.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-bowmaster .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_bowmaster.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-crossbowmaster:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_crossbowmaster_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-crossbowmaster:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_crossbowmaster_240402.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-crossbowmaster .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_crossbowmaster_240402.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-pathfinder:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_pathfinder.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-pathfinder:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_pathfinder.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-pathfinder .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_pathfinder.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-nightload:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_nightload_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-nightload:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_nightload_240402.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-nightload .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_nightload.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-shadower:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_shadower_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-shadower:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_shadower_240402.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-shadower .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_shadower_240402.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-dualblade:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_dualblade_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-dualblade:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_dualblade_240402.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-dualblade .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_dualblade.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-bishop:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_bishop_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-bishop:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_bishop_240402.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-bishop .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_bishop.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-archmagefire:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_archmage_fire_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-archmagefire:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_archmage_fire_240402.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-archmagefire .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_archmage_fire.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-archmageice:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_archmage_ice_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-archmageice:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_archmage_ice_240402.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-archmageice .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_archmage_ice.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-captain:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_captain_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-captain:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_captain_240402.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-captain .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_captain.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-viper:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_viper_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-viper:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_viper_240402.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-viper .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_viper_240402.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-soulmaster:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_soulmaster_240704.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-soulmaster:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_soulmaster_240704.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-soulmaster .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_soulmaster.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-windshooter:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_windshooter_240704.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-windshooter:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_windshooter_240704.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-windshooter .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_windshooter.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-nightwalker:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_nightwalker_240704.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-nightwalker:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_nightwalker_240704.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-nightwalker .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_nightwalker.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-flamewizard:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_flamewizard_240704.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-flamewizard:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_flamewizard_240704.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-flamewizard .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_flamewizard.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-striker:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_striker_240704.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-striker:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_striker_240704.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-striker .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_striker.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-mechanic:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_mechanic.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-mechanic:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_mechanic.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-mechanic .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_mechanic.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-xenon:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_xenon.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-xenon:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_xenon.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-xenon .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_xenon.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-demonavenger:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_demonavenger_240206.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-demonavenger:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_demonavenger_240206.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-demonavenger .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_demonavenger.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-demonslayer:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_demonslayer_220331.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-demonslayer:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_demonslayer_220331.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-demonslayer .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_demonslayer.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-battlemage:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_battlemage_dnl3.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-battlemage:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_battlemage_dnl3.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-battlemage .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_battlemage_dnl3.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-wildhunter:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_wildhunter_dnl3.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-wildhunter:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_wildhunter_dnl3.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-wildhunter .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_wildhunter_dnl3.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-blaster:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_blaster.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-blaster:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_blaster.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-blaster .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_blaster.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-kanna:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_kanna_220331.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-kanna:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_kanna_220331.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-kanna .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_kanna.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-hayato:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_hayato.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-hayato:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_hayato.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-hayato .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_hayato.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-kaiser:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_kaiser_230410.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-kaiser:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_kaiser_230410.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-kaiser .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_kaiser.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-angelicbuster:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_angelicbuster.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-angelicbuster:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_angelicbuster.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-angelicbuster .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_angelicbuster.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-aran:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_aran_240206.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-aran:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_aran_240206.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-aran .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_aran.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-mercedes:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_mercedes.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-mercedes:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_mercedes.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-mercedes .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_mercedes.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-phantom:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_phantom.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-phantom:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_phantom.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-phantom .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_phantom.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-evan:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_evan.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-evan:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_evan.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-evan .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_evan.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-luminous:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_luminous.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-luminous:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_luminous.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-luminous .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_luminous.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-yue:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_yue_240206.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-yue:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_yue_240206.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-yue .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_yue.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-ark:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_ark_240206.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-ark:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_ark_240206.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-ark .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_ark.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-adele:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_adele.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-adele:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_adele.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-adele .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_adele.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-kinesis:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_kinesis.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-kinesis:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_kinesis.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-kinesis .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_kinesis.png) 0 0/contain no-repeat}.wrapper .job .swiper-container .slide-siaastelle:before{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_siaastelle.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-container .slide-siaastelle:after{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/char_siaastelle.png) 0 100%/100% 200% no-repeat}.wrapper .job .swiper-container .slide-siaastelle .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/txt_siaastelle.png) 0 0/contain no-repeat}.wrapper .job .swiper-container.start{opacity:1;transition:opacity .5s}.wrapper .job .swiper-button-prev,.wrapper .job .swiper-button-next{z-index:100;-webkit-tap-highlight-color:#0000;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/img_arrow.png) 0 0/200% no-repeat;width:10.6667%;height:0;margin-top:113.333%;padding-top:10.6667%;display:block;position:absolute;top:0;outline:none!important}.wrapper .job .swiper-button-prev{left:2.66667%}.wrapper .job .swiper-button-next{background-position:100% 0;right:2.66667%}.wrapper .job .swiper-pagination{z-index:10;text-align:left;width:66.6667%;margin:0 auto;font-size:0;position:relative;overflow:hidden}.wrapper .job .swiper-pagination span{vertical-align:top;opacity:1;cursor:pointer;border-radius:30%;width:16.4%;height:0;margin:1.8%;padding-top:16.4%;box-shadow:0 0 5px 1px #0000001a;outline:none!important}.wrapper .job .swiper-pagination span:first-of-type{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_darknight_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(2){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_hero_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(3){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_paladin_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(4){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_bowmaster_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(5){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_crossbowmaster_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(6){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_pathfinder.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(7){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_nightload_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(8){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_shadower_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(9){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_dualblade.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(10){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_bishop_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(11){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_archmage_fire_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(12){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_archmage_ice_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(13){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_captain_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(14){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_viper_240402.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(15){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_soulmaster_240704.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(16){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_windshooter_240704.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(17){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_nightwalker_240704.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(18){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_flamewizard_240704.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(19){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_striker_240704.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(20){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_mechanic.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(21){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_xenon.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(22){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_demonavenger.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(23){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_demonslayer.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(24){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_battlemage.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(25){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_wildhunter.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(26){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_blaster.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(27){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_kanna.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(28){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_hayato.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(29){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_kaiser.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(30){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_angelicbuster.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(31){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_aran_240206.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(32){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_mercedes.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(33){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_phantom.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(34){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_evan.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(35){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_luminous.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(36){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_yue_240206.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(37){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_ark.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(38){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_adele.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(39){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_kinesis.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span:nth-of-type(40){background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/icn_siaastelle.png) 0 0/100% 200% no-repeat}.wrapper .job .swiper-pagination span.swiper-pagination-bullet-active{background-position-y:100%}@media (min-width:750px){@supports (-ms-ime-align:auto){.txt{margin:0 0 52%}}aside .swiper-container{display:none!important}aside .filter{display:none}.modal-appstore{width:560px!important}.modal-appstore .register .btn-line{width:504px;height:88px;margin:0 auto 20px;padding-top:0;position:relative}.modal-appstore .register .btn-line a{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/pre/btn_modal_line_pc.png) 0 0/cover no-repeat}.modal-appstore .register .btn-twitter{width:504px;height:88px;margin:0 auto 20px;padding-top:0;position:relative}.modal-appstore .register .btn-twitter a{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/pre/btn_modal_twitter_pc.png) 0 0/cover no-repeat}.modal-appstore .register .btn-modal-mail{width:504px;height:88px;margin:0 auto 30px;padding-top:0;position:relative}.modal-appstore .register .btn-modal-mail a{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/pre/btn_modal_mail_pc.png) 0 0/cover no-repeat}.modal-appstore .register .caution{width:392px;height:18px;padding-top:0}.modal-appstore .qr{width:442px;height:428px;margin:15px auto;padding-top:0}}@media (min-width:1120px){.wrapper .top .campaign-area{z-index:50;background:#e3e3e3;width:100%;height:125px;padding-top:0;display:block;position:absolute;bottom:0;overflow:visible}.wrapper .top .campaign-area .inner{text-align:center;width:1120px;height:125px;margin:0 auto;font-size:0}.wrapper .top .campaign-area .campaign-swiper{width:320px;height:86px;margin:19px 10px;display:inline-block;position:relative}.wrapper .top .campaign-area .campaign-swiper:before{content:"";z-index:5;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/img_campaign_pc.png) 50% no-repeat;width:52px;height:52px;animation:3s linear infinite campaign-badge;position:absolute;top:-30px;left:-40px}.wrapper .top .campaign-area .swiper-container{width:320px}.wrapper .top .campaign-area .swiper-container a{width:320px;height:86px;display:block}.wrapper .top .campaign-area .swiper-pagination{bottom:-14px;left:50%;transform:translate(-50%)}.wrapper .top .campaign-area .swiper-pagination .swiper-pagination-bullet{opacity:1;background:#9b9b9b;margin:0 5px}.wrapper .top .campaign-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f47720}.wrapper .top .campaign-area .swiper-button-prev,.wrapper .top .campaign-area .swiper-button-next{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/btn_arrow_pc.png) no-repeat;width:16px;height:20px;display:block;position:absolute;top:55px;outline:none!important}.wrapper .top .campaign-area .swiper-button-prev{left:5px}.wrapper .top .campaign-area .swiper-button-next{background-position:100% 0;right:5px}.wrapper .top .campaign-area .sns{vertical-align:top;background:#fff;border-radius:24px;justify-content:center;width:620px;height:86px;margin:19px 10px;padding:14px 10px;display:inline-flex}.wrapper .top .campaign-area .sns dt{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/sttl_sns_pc.png) no-repeat;width:178px;height:30px;margin:0 10px 0 20px}.wrapper .top .campaign-area .sns dd{width:190px;height:58px;margin-left:10px;margin-right:0;position:relative}.wrapper .top .campaign-area .sns .btn-x a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/btn_x.png) no-repeat;width:100%;height:100%}.wrapper .top .campaign-area .sns .btn-line a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/btn_line_pc.png) no-repeat}.wrapper .top .campaign-area .sns span{display:none}.wrapper .top .bottom{background:0 0;width:540px;height:310px;padding-top:0;bottom:21.0938%;left:50%;transform:translate(-50%)}.wrapper .top .bottom.depth{z-index:30}.wrapper .top .bottom .store{flex-wrap:wrap;justify-content:center;margin-top:56px;display:flex}.wrapper .top .bottom .store dt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/sttl_store_pc.png) 50% no-repeat;width:100%;height:0;margin:20px auto 15px;padding-top:46px;position:relative}.wrapper .top .bottom .store dd.btn-appstore{width:190px;height:70px;margin:0 10px 0 0;padding-top:0;position:relative}.wrapper .top .bottom .store dd.btn-googleplay{width:237px;height:70px;margin:0 0 0 10px;padding-top:0;position:relative}}@media (min-width:750px){.wrapper .top{height:auto;padding-bottom:125px;position:relative}.wrapper .top .scroll-area{position:relative}.wrapper .top .scroll-area>div.active{animation:none}.wrapper .top .scroll-area>div .end-obj{margin-right:0}.wrapper .top .scroll-zakum.active span{animation:none}.wrapper .top .scroll-area .area-01{background-size:100%}.wrapper .top .scroll-area .area-01.active .friend-talk{left:77%}.wrapper .top .scroll-area .area-01.active .friend-group{left:80%}.wrapper .top .scroll-area .area-02,.wrapper .top .scroll-area .area-03{background-size:100%}.wrapper .top .char{animation:15s linear infinite pc-char;left:-20%}.wrapper .top .char.ready.go{transition:all .1s linear;left:-20%}.wrapper .top .char.stop{animation-play-state:paused}.wrapper .top .pet{animation:15s linear infinite pc-char;left:-20%}.wrapper .top .pet.ready.go{transition:all .1s linear;left:-20%}.wrapper .top .pet.stop{animation-play-state:paused}.wrapper .top .btn-forum{width:19.5833%;height:0;margin-top:190px;margin-left:-9.79167%;padding-top:19.5833%}.wrapper .top .btn-jump{width:5.83333%;height:0;margin-bottom:26.0417%;padding-top:5.83333%;right:1.5625%}.wrapper .top .btn-attack{width:6.66667%;height:0;margin-bottom:20.3125%;padding-top:6.66667%;right:6.25%}.wrapper .top .fade-screen.on{box-shadow:inset 0 0 0 100vw #1a1712}.wrapper .top .campaign-area{position:absolute;top:auto;bottom:0}.wrapper .top .campaign-area .sns{left:50%;translate:-50%}}@media (min-width:1120px){.wrapper .top .btn-forum{z-index:50;background:url(https://static.nexon.co.jp/maplestorym/index_ka03/top/btn_forum.png) 0 0/cover no-repeat;width:19.5833%;height:0;margin-top:10.625%;margin-left:-9.79167%;padding-top:19.5833%;animation:3s ease-in-out infinite bounce;position:absolute;left:50%}}@media (min-width:750px){.wrapper .charm-01 .bg{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_pc.jpg) 50%/cover no-repeat;position:fixed}.wrapper .charm-01 .bg:after{content:normal}.wrapper .charm-01 .inner{padding-top:30px}.wrapper .charm-01 h2{width:750px;height:368px;margin:0 auto;padding-top:0}.wrapper .charm-01 .lead{width:480px;height:89px;margin:20px auto 10px;padding-top:0}.wrapper .charm-01 .point-01{margin-right:12px;display:inline-block}.wrapper .charm-01 .point-01 .ttl{width:248px;height:104px;margin:50px auto 0;padding-top:0;transform:none}.wrapper .charm-01 .point-01 .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_01_01_pc.png) no-repeat;width:544px;height:522px;margin:-60px auto 0;padding-top:0}.wrapper .charm-01 .point-01 .txt:after,.wrapper .charm-01 .point-01 .txt.complete:after{opacity:1;width:330px;height:338px;padding-top:0;bottom:-75px;left:-140px;right:auto;transform:scale(-.7,.7)}.wrapper .charm-01 .point-02{margin-left:12px;display:inline-block}.wrapper .charm-01 .point-02 .ttl{width:248px;height:104px;margin:50px auto 0;padding-top:0;transform:none}.wrapper .charm-01 .point-02 .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_01_02_pc.png) no-repeat;width:544px;height:522px;margin:-60px auto 0;padding-top:0}.wrapper .charm-01 .point-02 .txt:after{opacity:1;width:254px;height:282px;padding-top:0;bottom:-65px;left:auto;right:-110px;transform:scale(-.7,.7)}.wrapper .charm-01 .point-03{margin-right:12px;display:inline-block}.wrapper .charm-01 .point-03 .ttl{width:248px;height:104px;margin:50px auto 0;padding-top:0;transform:none}.wrapper .charm-01 .point-03 .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_01_03_pc.png) no-repeat;width:544px;height:522px;margin:-60px auto 0;padding-top:0}.wrapper .charm-01 .point-03 .txt:after{opacity:1;width:454px;height:354px;padding-top:0;bottom:-80px;left:-250px;right:auto;transform:scale(-.7,.7)}.wrapper .charm-01 .point-04{margin-left:12px;display:inline-block}.wrapper .charm-01 .point-04 .ttl{width:248px;height:104px;margin:50px auto 0;padding-top:0;transform:none}.wrapper .charm-01 .point-04 .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_01_04_pc.png) no-repeat;width:544px;height:522px;margin:-60px auto 0;padding-top:0}.wrapper .charm-01 .btn-pre{width:504px;height:114px;margin:50px auto;padding-top:0}.wrapper .charm-01 .btn-pre a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/btn_pre_pc.png) no-repeat}.wrapper .charm-02 .bg{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_pc.jpg) 50%/cover no-repeat;position:fixed}.wrapper .charm-02 .bg:after{content:normal}.wrapper .charm-02 .inner{padding-top:30px}.wrapper .charm-02 h2{width:750px;height:368px;margin:0 auto;padding-top:0}.wrapper .charm-02 .lead{width:470px;height:98px;margin:20px auto 10px;padding-top:0}.wrapper .charm-02 .point-01{margin-right:12px;display:inline-block}.wrapper .charm-02 .point-01 .ttl{width:280px;height:96px;margin:40px auto 0;padding-top:0;transform:none}.wrapper .charm-02 .point-01 .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_02_01_pc.png) no-repeat;width:544px;height:522px;margin:-50px auto 0;padding-top:0}.wrapper .charm-02 .point-01 .txt:after,.wrapper .charm-02 .point-01 .txt.complete:after{opacity:1;width:398px;height:298px;padding-top:0;bottom:-70px;left:-240px;right:auto;transform:scale(.7)}.wrapper .charm-02 .point-02{margin-left:12px;display:inline-block}.wrapper .charm-02 .point-02 .ttl{width:280px;height:96px;margin:40px auto 0;padding-top:0;transform:none}.wrapper .charm-02 .point-02 .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_02_02_pc.png) no-repeat;width:544px;height:522px;margin:-50px auto 0;padding-top:0}.wrapper .charm-02 .point-02 .txt:after{opacity:1;width:326px;height:326px;padding-top:0;bottom:-70px;left:auto;right:-145px;transform:scale(.7)}.wrapper .charm-02 .point-03{margin-right:12px;display:inline-block}.wrapper .charm-02 .point-03 .ttl{width:280px;height:96px;margin:40px auto 0;padding-top:0;transform:none}.wrapper .charm-02 .point-03 .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_02_03_pc.png) no-repeat;width:544px;height:522px;margin:-50px auto 0;padding-top:0}.wrapper .charm-02 .point-03 .txt:after{opacity:1;width:194px;height:314px;padding-top:0;bottom:-60px;left:-90px;right:auto;transform:scale(.7)}.wrapper .charm-02 .point-04{margin-left:12px;display:inline-block}.wrapper .charm-02 .point-04 .ttl{width:280px;height:96px;margin:40px auto 0;padding-top:0;transform:none}.wrapper .charm-02 .point-04 .txt{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/charm/bg_charm_02_04_pc.png) no-repeat;width:544px;height:522px;margin:-50px auto 0;padding-top:0}.wrapper .charm-02 .btn-pre{width:504px;height:114px;margin:50px auto;padding-top:0}.wrapper .charm-02 .btn-pre a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/btn_pre_pc.png) no-repeat}.wrapper .job .bg{background:url(https://static.nexon.co.jp/maplestorym/index_ka03/job/bg_job_pc.jpg) 50%/cover no-repeat;position:fixed}.wrapper .job .bg:after{content:normal}.wrapper .job .inner{padding-top:120px}.wrapper .job h2{width:750px;height:180px;margin:0 auto;padding-top:0}.wrapper .job .lead{width:590px;height:79px;margin:20px auto 0;padding-top:0}.wrapper .job .swiper-container{width:1120px;height:750px;margin:-175px 0 0;padding-top:0;position:relative;left:0;overflow:visible;transform:none}.wrapper .job .swiper-container .swiper-wrapper{height:100%;padding-top:0}.wrapper .job .swiper-container .swiper-slide{height:100%;margin-top:0;padding-top:0}.wrapper .job .swiper-container .swiper-slide>div:before{opacity:0;width:666px;height:740px;padding-top:0;left:-90px;transform:none}.wrapper .job .swiper-container .swiper-slide>div:after{content:normal}.wrapper .job .swiper-container .swiper-slide .txt{width:666px;height:0;margin:0;padding-top:448px;inset:250px 40px auto auto;transform:translateY(10px)}.wrapper .job .swiper-container .swiper-slide.swiper-slide-active>div:before,.wrapper .job .swiper-container .swiper-slide.swiper-slide-duplicate-active>div:before{opacity:1}.wrapper .job .swiper-container .swiper-slide.swiper-slide-active>div .txt,.wrapper .job .swiper-container .swiper-slide.swiper-slide-duplicate-active>div .txt{transform:none}.wrapper .job .swiper-container .swiper-slide .slide-hero:before{top:20px;left:-130px}.wrapper .job .swiper-container .swiper-slide .slide-paladin:before{top:30px;left:-120px}.wrapper .job .swiper-container .swiper-slide .slide-bowmaster:before{top:10px;left:-110px}.wrapper .job .swiper-container .swiper-slide .slide-crossbowmaster:before{left:-130px}.wrapper .job .swiper-container .swiper-slide .slide-pathfinder:before{top:10px;left:-100px}.wrapper .job .swiper-container .swiper-slide .slide-nightload:before{top:-10px;left:-120px}.wrapper .job .swiper-container .swiper-slide .slide-dualblade:before{top:20px;left:-100px}.wrapper .job .swiper-container .swiper-slide .slide-bishop:before{top:-20px;left:-160px}.wrapper .job .swiper-container .swiper-slide .slide-archmagefire:before{left:-110px}.wrapper .job .swiper-container .swiper-slide .slide-archmageice:before{top:-20px;left:-130px}.wrapper .job .swiper-container .swiper-slide .slide-captain:before{top:-20px;left:-150px}.wrapper .job .swiper-container .swiper-slide .slide-viper:before{top:-20px;left:-100px}.wrapper .job .swiper-container .swiper-slide .slide-soulmaster:before{top:10px;left:-110px}.wrapper .job .swiper-container .swiper-slide .slide-windshooter:before{top:-20px;left:-135px}.wrapper .job .swiper-container .swiper-slide .slide-nightwalker:before{top:-40px;left:-110px}.wrapper .job .swiper-container .swiper-slide .slide-flamewizard:before{top:-30px;left:-140px}.wrapper .job .swiper-container .swiper-slide .slide-striker:before{top:-40px;left:-120px}.wrapper .job .swiper-container .swiper-slide .slide-mechanic:before{left:-150px}.wrapper .job .swiper-container .swiper-slide .slide-xenon:before{top:20px;left:-130px}.wrapper .job .swiper-container .swiper-slide .slide-demonavenger:before{top:0;left:-120px}.wrapper .job .swiper-container .swiper-slide .slide-demonslayer:before{top:-10px;left:-130px}.wrapper .job .swiper-container .swiper-slide .slide-battlemage:before{top:0;left:-120px}.wrapper .job .swiper-container .swiper-slide .slide-wildhunter:before{top:20px;left:-80px}.wrapper .job .swiper-container .swiper-slide .slide-blaster:before{top:20px;left:-130px}.wrapper .job .swiper-container .swiper-slide .slide-kanna:before{top:10px;left:-135px}.wrapper .job .swiper-container .swiper-slide .slide-hayato:before{top:25px;left:-90px}.wrapper .job .swiper-container .swiper-slide .slide-kaiser:before{top:20px;left:-155px}.wrapper .job .swiper-container .swiper-slide .slide-angelicbuster:before{top:15px;left:-135px}.wrapper .job .swiper-container .swiper-slide .slide-aran:before{top:60px;left:-130px}.wrapper .job .swiper-container .swiper-slide .slide-mercedes:before{top:20px;left:-140px}.wrapper .job .swiper-container .swiper-slide .slide-phantom:before{top:37px;left:-60px}.wrapper .job .swiper-container .swiper-slide .slide-evan:before{top:10px;left:-50px}.wrapper .job .swiper-container .swiper-slide .slide-luminous:before{top:10px;left:-105px}.wrapper .job .swiper-container .swiper-slide .slide-yue:before{top:15px;left:-90px}.wrapper .job .swiper-container .swiper-slide .slide-ark:before{top:10px;left:-80px}.wrapper .job .swiper-container .swiper-slide .slide-adele:before{top:0;left:-130px}.wrapper .job .swiper-container .swiper-slide .slide-kinesis:before{top:25px;left:-70px}.wrapper .job .swiper-container .swiper-slide .slide-siaastelle:before{top:20px;left:-120px}.wrapper .job .swiper-button-prev,.wrapper .job .swiper-button-next{width:80px;height:80px;margin-top:0;padding-top:0;top:450px}.wrapper .job .swiper-button-prev{left:0}.wrapper .job .swiper-button-prev:hover{background-position:0 100%}.wrapper .job .swiper-button-next{right:0}.wrapper .job .swiper-button-next:hover{background-position:100% 100%}.wrapper .job .swiper-pagination{text-align:left;width:900px;height:auto;padding-top:0}.wrapper .job .swiper-pagination span{width:82px;height:82px;margin:9px;padding-top:0}.wrapper .job .btn-pre{width:504px;height:114px;margin:50px auto;padding-top:0}.wrapper .job .btn-pre a{background:url(https://static.nexon.co.jp/maplestorym/common_anzi/btn_pre_pc.png) no-repeat}}.landscape{z-index:1000;background:#000;width:100vw;height:100vh;margin:auto;display:none;position:fixed;inset:0}.landscape p{white-space:nowrap;text-indent:110%;background:url(https://static.nexon.co.jp/maplestorym/common_anzi/bg_landscape.png) 50%/cover no-repeat;width:155px;height:176px;margin:auto;position:absolute;inset:0;overflow:hidden}