@charset "UTF-8";.container{padding:80px 0;box-sizing:border-box}.container.classes{padding:0}.container.ost{padding-top:0;padding-bottom:0}.container.feature{padding-top:0;padding-bottom:0}.content{position:relative;margin:0 auto;box-sizing:border-box}.container.ost .content{width:100%}.top_gameinfo_wrap{padding-top:80px;text-align:center;color:#fff;background:url(../images/gameinfo_top_bg.jpg) no-repeat #fff;background-position:center 0;background-size:cover}.top_gameinfo_wrap .inner{position:relative;max-width:1400px;margin:0 auto}.top_gameinfo_wrap h2{padding:50px 0 27px;font-size:48px;color:#fff;line-height:0.8}.top_gameinfo_wrap p.h2_desc{font-size:16px;color:rgba(255, 255, 255, 0.7);font-weight:normal;padding:0 0 40px;line-height:1}.floating_wrap{position:fixed;top:50%;right:50px;z-index:30;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.floating_wrap ul li a{display:flex;align-items:center;justify-content:center;-ms-flex-align:center;width:45px;height:45px;box-sizing:border-box;margin-top:-1px;font-family:'Batang';font-size:18px;color:rgba(255, 255, 255, 0.5);font-weight:normal;border:1px solid rgba(255, 255, 255, 0.2);transition:0.5s;background:#000}.floating_wrap ul li.active a{background:#fff;color:#000}.floating_wrap ul li:hover a{background:#fff;color:#000}section.feature_wrap{position:relative}section.feature_wrap.first{position:relative;height:910px;box-sizing:border-box;padding-top:80px;background:url(../images/feature_section01_char.jpg) 50% 0 no-repeat;background-size:cover}section.feature_wrap.first .visual_wrap{position:relative;z-index:10;display:block;max-width:1200px;margin:140px auto 0;padding:0 30px}section.feature_wrap .label_title{display:block;margin-bottom:15px;font-size:24px;color:#ccac9d;font-weight:normal}section.feature_wrap .label_title em{font-family:'Batang'}section.feature_wrap h2{font-size:42px;color:#e1dedb}section.feature_wrap.first .visual_wrap .label_title{display:block;margin-bottom:15px;font-size:24px;color:#ccac9d;font-weight:normal}section.feature_wrap.first .visual_wrap .label_title em{font-family:'Batang'}section.feature_wrap.first .visual_wrap h2{margin-bottom:38px}section.feature_wrap.first .visual_wrap .h2_desc{display:block;max-width:600px;font-size:15px;color:rgba(255, 255, 255, 0.5);font-weight:normal;line-height:1.66}section.feature_wrap.first .visual_wrap .video_area{position:relative;margin-top:38px}section.feature_wrap.first .visual_wrap .video_area.mob_block{display:none}section.feature_wrap.first .visual_wrap .video_area a{position:relative;overflow:hidden;display:block;width:560px;height:285px;box-sizing:border-box}section.feature_wrap.first .visual_wrap .video_area a:before{display:block;content:'';width:100%;height:100%;box-sizing:border-box;position:absolute;top:0;left:0;z-index:5;background:rgba(0, 0, 0, 0.35);opacity:0;transition:0.5s}section.feature_wrap.first .visual_wrap .video_area a:after{display:block;content:'';position:absolute;bottom:15px;right:15px;z-index:10;width:59px;height:75px;box-sizing:border-box;background:url(../images/spr_etc.png) -225px -306px no-repeat}section.feature_wrap.first .visual_wrap .video_area a:hover:before{opacity:1}section.feature_wrap.first .visual_wrap .video_area a img{display:block}@-webkit-keyframes characterOpacity{from{opacity:0}to{opacity:1}}@keyframes characterOpacity{from{opacity:0}to{opacity:1}}section.feature_wrap.second{position:relative;height:1180px;box-sizing:border-box;background:url(../images/feature_section02.jpg) 50% 0 no-repeat;background-size:cover}section.feature_wrap.second .label_title,section.feature_wrap.third .label_title{margin-bottom:12px;padding-top:100px;text-align:center}section.feature_wrap.second h2,section.feature_wrap.third h2{margin-bottom:50px;text-align:center}section.feature_wrap.second .hisoty_wrap{position:relative;max-width:1458px;margin:0 auto}section.feature_wrap.second .hisoty_wrap .tab_nav_area{position:relative;z-index:10;padding-left:121px;box-sizing:border-box}section.feature_wrap.second .hisoty_wrap .tab_history{position:relative;max-width:1250px}section.feature_wrap.second .hisoty_wrap .tab_history:after{display:block;content:'';height:0;font-size:0;opacity:0;clear:both}section.feature_wrap.second .hisoty_wrap .tab_history .line{position:absolute;left:0;top:0;width:0;height:1px;background:#ae8973;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s;z-index:10}section.feature_wrap.second .hisoty_wrap .tab_history_nav{display:flex;align-items:center;justify-content:center;-ms-flex-align:center;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}section.feature_wrap.second .hisoty_wrap .tab_history_nav li{display:flex;align-items:center;justify-content:center;-ms-flex-align:center;position:relative;width:calc(100% / 5);height:80px;box-sizing:border-box}section.feature_wrap.second .hisoty_wrap .tab_history_nav li:nth-of-type(5n - 4)::before{content:'';display:block;position:absolute;left:0;top:0;width:500%;height:1px;background:rgba(194, 194, 194, 0.2);z-index:1}section.feature_wrap.second .hisoty_wrap .tab_history_nav li::after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:1px;background:#ae8973;transition:opacity 0.25s;opacity:0;z-index:10}section.feature_wrap.second .hisoty_wrap .tab_history_nav li.active::after{opacity:1}section.feature_wrap.second .hisoty_wrap .tab_history_nav li a{display:flex;width:100%;height:100%;align-items:center;font-size:16px;color:rgba(255, 255, 255, 0.5);font-weight:normal;box-sizing:border-box;text-align:center}section.feature_wrap.second .hisoty_wrap .tab_history_nav li.active a,section.feature_wrap.second .hisoty_wrap .tab_history_nav li:hover a{color:#ae8d67}section.feature_wrap.second{overflow:hidden}section.feature_wrap.second .hisoty_wrap .tab_cont{display:none}section.feature_wrap.second .hisoty_wrap .tab_cont.active{display:block}section.feature_wrap.second .hisoty_wrap .box_history{position:relative;max-width:1458px;height:738px;box-sizing:border-box;margin-top:-18px;padding:73px 0 0 29px}section.feature_wrap.second .hisoty_wrap .box_history strong.title{display:block;text-align:center;font-size:38px;font-weight:normal;color:#000;box-sizing:border-box}section.feature_wrap.second .hisoty_wrap .box_history strong.sub_title{display:block;font-size:18px!important;color:#000;font-weight:normal;margin-bottom:10px}section.feature_wrap.second .hisoty_wrap .box_history .inner{position:relative;max-width:1150px;margin:0 auto;box-sizing:border-box}section.feature_wrap.second .hisoty_wrap .box_history .inner .text_area{margin-top:48px;padding-right:40px;font-size:15px;color:#000;font-weight:normal;line-height:1.7;height:500px;box-sizing:border-box;overflow-y:auto}section.feature_wrap.second .hisoty_wrap .box_history .inner .text_area::-webkit-scrollbar{width:11px;height:8px;background:url(../images/scrollbar_track_bg.png) repeat-y}section.feature_wrap.second .hisoty_wrap .box_history .inner .text_area::-webkit-scrollbar-button:decrement,section.feature_wrap.second .hisoty_wrap .box_history .inner .text_area::-webkit-scrollbar-button:end:increment{display:block;height:10px;background-color:transparent}section.feature_wrap.second .hisoty_wrap .box_history .inner .text_area::-webkit-scrollbar-track{background-color:transparent}section.feature_wrap.second .hisoty_wrap .box_history .inner .text_area::-webkit-scrollbar-thumb{height:50px;width:11px;background:#4e2f2d;-wekbkit-border-radius:11px;border-radius:11px;-webkit-box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.1)}section.feature_wrap.second .hisoty_wrap .box_history .inner .text_area:after{display:block;content:'';height:0;font-size:0;opacity:0;clear:both}section.feature_wrap.second .hisoty_wrap .box_history .inner .text_area .paragraph:after{display:block;content:'';height:0;font-size:0;opacity:0;clear:both}section.feature_wrap.second .hisoty_wrap .box_history .inner .text_area strong.year_title{display:block;font-size:19px;color:#512c13;font-weight:bold;margin:30px 0 10px;line-height:1}section.feature_wrap.second .hisoty_wrap .box_history .inner .text_area .img_area{float:right;margin-left:30px;margin-bottom:30px}section.feature_wrap.second .hisoty_wrap .box_history .inner .text_area .img_area.align_left{float:left;margin-left:0;margin-right:30px}section.feature_wrap.second{overflow:hidden}section.feature_wrap.second .hisoty_wrap .history_world .text_area{text-align:center}section.feature_wrap.second .hisoty_wrap .history_world .inner .text_area{height:184px;box-sizing:border-box}section.feature_wrap.second .hisoty_wrap .history_world .text_area strong{display:block;margin-top:15px;font-size:18px;font-weight:normal;color:#000}section.feature_wrap.second .hisoty_wrap .history_world{background:url(../images/history_bg01.png) 50% 0 no-repeat}section.feature_wrap.second .hisoty_wrap .box_calpheon{background:url(../images/history_bg02.png) 50% 0 no-repeat}section.feature_wrap.second .hisoty_wrap .box_serendia{background:url(../images/history_bg03.png) 50% 0 no-repeat}section.feature_wrap.second .hisoty_wrap .box_mediah{background:url(../images/history_bg04.png) 50% 0 no-repeat}section.feature_wrap.second .hisoty_wrap .box_valencia{background:url(../images/history_bg05.png) 50% 0 no-repeat}section.feature_wrap.second .hisoty_wrap .box_kamasylvia{background:url(../images/history_bg06.png) 50% 0 no-repeat}section.feature_wrap.second .hisoty_wrap .box_drieghan{background:url(../images/history_bg07.png) 50% 0 no-repeat}section.feature_wrap.second .hisoty_wrap .box_winter{background:url(../images/history_bg08.png) 50% 0 no-repeat}section.feature_wrap.third{height:920px;box-sizing:border-box;background:#161b28}section.feature_wrap.third .label_title{position:relative;width:100%;color:#767676;z-index:25}section.feature_wrap.third h2{position:relative;width:100%;z-index:25}section.feature_wrap.third h2.blind{position:absolute}.tab_guide_wrap{position:absolute;top:435px;z-index:10;left:39%;right:0;background:#000;padding-right:20px;box-sizing:border-box}.tab_guide_wrap .tab_nav_area{position:absolute;width:100%;height:145px;box-sizing:border-box;margin-left:39%;background:#000;z-index:20}.tab_guide_wrap .tab_nav_area ul{display:flex;align-items:center;justify-content:center;-ms-flex-align:center;justify-content:flex-start;align-items:stretch}.tab_guide_wrap .tab_nav_area ul li{display:flex;align-items:center;justify-content:center;-ms-flex-align:center;width:145px;height:144px;box-sizing:border-box;border-bottom:1px solid rgba(255, 255, 255, 0.2)}.tab_guide_wrap .tab_nav_area ul li a{position:relative;display:flex;align-items:center;justify-content:center;-ms-flex-align:center;padding-top:45px;font-size:14px;color:rgba(255, 255, 255, 0.4);font-weight:normal}.tab_guide_wrap .tab_nav_area ul li.active{border-bottom:1px solid #ae8973}.tab_guide_wrap .tab_nav_area ul li.active a{color:#ae8973}.tab_guide_wrap .box_inner{position:relative;max-width:870px;padding:44px 0 44px 50px;box-sizing:border-box}.tab_guide_wrap .box_inner .left_area{float:left;vertical-align:top;width:50%;padding-right:25px;box-sizing:border-box}.tab_guide_wrap .box_inner .right_area{float:right;vertical-align:top;width:50%;box-sizing:border-box}.tab_guide_wrap .box_inner:after{display:block;content:'';height:0;font-size:0;opacity:0;clear:both}.tab_guide_wrap .box_inner h3{font-size:30px;color:#fff;font-weight:normal}.tab_guide_wrap .box_inner .h3_desc{display:block;margin-top:12px;font-size:18px;color:#ae8973;font-weight:normal}.tab_guide_wrap .box_inner .desc_area{margin-top:25px;font-size:15px;color:#9e9e9e;font-weight:normal;line-height:1.666;overflow-y:auto}.tab_guide_wrap .box_inner .img_area{display:flex;align-items:center;justify-content:center;-ms-flex-align:center;overflow:hidden;width:100%}.tab_guide_wrap .box_inner .img_area a{position:relative;display:block;width:100%;height:100%;padding-bottom:61.75%;box-sizing:border-box}.tab_guide_wrap .box_inner .img_area a:before{display:block;content:'';width:100%;height:100%;box-sizing:border-box;position:absolute;top:0;left:0;z-index:5;background:rgba(0, 0, 0, 0.35);opacity:0;transition:0.5s}.tab_guide_wrap .box_inner .img_area a:hover:before{opacity:1}.tab_guide_wrap .box_inner .img_area a:after{display:block;content:'';overflow:hidden;position:absolute;right:10px;bottom:5px;z-index:10;width:52px;height:53px;background:url(../images/spr_etc.png) -139px -243px no-repeat;background-size:800px 800px}.tab_guide_wrap .box_inner .img_area a img{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%}.tab_guide_wrap .tab_cont{display:none}.tab_guide_wrap .tab_cont.active{display:block}.guide_bg_wrap{position:absolute;top:0;left:0;z-index:15;width:100%;height:100%;box-sizing:border-box;overflow:hidden}.guide_bg_wrap.mob_block{display:none}.guide_bg_wrap .tab_nav_area{position:absolute;top:290px;z-index:20;height:145px;box-sizing:border-box;right:0;left:39%;background:#000}.guide_bg_wrap .tab_nav_area ul{display:flex;align-items:center;justify-content:center;-ms-flex-align:center;justify-content:flex-start;align-items:stretch;width:100%}.guide_bg_wrap .tab_nav_area ul li{position:relative;display:flex;align-items:center;justify-content:center;-ms-flex-align:center;width:16.6666%;height:144px;box-sizing:border-box;border-bottom:1px solid rgba(255, 255, 255, 0.2)}.guide_bg_wrap .tab_nav_area ul li:before{display:block;content:'';position:absolute;left:0;top:50%;width:1px;height:30px;background:rgba(255, 255, 255, 0.2);-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.guide_bg_wrap .tab_nav_area ul li:first-child:before{display:none}.guide_bg_wrap .tab_nav_area ul li:last-child:before{}.guide_bg_wrap .tab_nav_area ul li a{position:relative;display:flex;align-items:center;justify-content:center;-ms-flex-align:center;font-size:14px;color:rgba(255, 255, 255, 0.4);font-weight:normal;width:100%;height:100%;box-sizing:border-box;align-items:flex-start;padding-top:40px}.guide_bg_wrap .tab_nav_area ul li:hover a{background:#171615}.guide_bg_wrap .tab_nav_area ul li:hover + li:before{display:none}.guide_bg_wrap .tab_nav_area ul li a .icon{display:block;padding-top:40px;position:relative;text-align:center;padding-left:5px;padding-right:5px}.guide_bg_wrap .tab_nav_area ul li a .icon:before{display:block;content:'';position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);background:url(../images/icn_feature_spr.png) no-repeat}.guide_bg_wrap .tab_nav_area ul li a .icon.icon_graphics:before{width:32px;height:25px;background-position:0 0}.guide_bg_wrap .tab_nav_area ul li a .icon.icon_combat:before{width:35px;height:33px;background-position:-42px 0}.guide_bg_wrap .tab_nav_area ul li a .icon.icon_nodesiege_war:before{width:29px;height:27px;background-position:-87px 0}.guide_bg_wrap .tab_nav_area ul li a .icon.icon_openworld:before{width:26px;height:28px;background-position:-126px 0}.guide_bg_wrap .tab_nav_area ul li a .icon.icon_knowledge:before{width:22px;height:28px;background-position:-162px 0}.guide_bg_wrap .tab_nav_area ul li a .icon.icon_customizing:before{width:23px;height:28px;background-position:-194px 0}.guide_bg_wrap .tab_nav_area .tab_guide_nav{position:relative;display:inline-block;max-width:870px;width:100%}.guide_bg_wrap .tab_nav_area .tab_guide_nav .line{position:absolute;left:0;bottom:0;display:inline-block;width:0;height:1px;background:#ae8973;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s}.guide_bg_wrap .tab_nav_area ul li.active:before{display:none}.guide_bg_wrap .tab_nav_area ul li.active + li:before{display:none}.guide_bg_wrap .tab_nav_area ul li.active a{color:#ae8973}.guide_bg_wrap .tab_nav_area ul li.active a:before{display:block;content:'';position:absolute;left:0;top:0;width:100%;height:30%}.guide_bg_wrap .tab_nav_area ul li.active a .icon.icon_graphics:before{background-position:0 -43px}.guide_bg_wrap .tab_nav_area ul li.active a .icon.icon_combat:before{background-position:-42px -43px}.guide_bg_wrap .tab_nav_area ul li.active a .icon.icon_nodesiege_war:before{background-position:-87px -43px}.guide_bg_wrap .tab_nav_area ul li.active a .icon.icon_openworld:before{background-position:-126px -43px}.guide_bg_wrap .tab_nav_area ul li.active a .icon.icon_knowledge:before{background-position:-162px -43px}.guide_bg_wrap .tab_nav_area ul li.active a .icon.icon_customizing:before{background-position:-194px -43px}.guide_bg_wrap .tab_nav_area ul li.tab_graphics.active a{background:#1f1f1d}.guide_bg_wrap .tab_nav_area ul li.tab_graphics.active a:before{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #292927), color-stop(1, transparent));background:-webkit-linear-gradient(top, #292927 0, transparent 100%);background:linear-gradient(top, #292927 0, transparent 100%)}.guide_bg_wrap .tab_nav_area ul li.tab_combat.active a{background:#28120d}.guide_bg_wrap .tab_nav_area ul li.tab_combat.active a:before{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #311c17), color-stop(1, transparent));background:-webkit-linear-gradient(top, #311c17 0, transparent 100%);background:linear-gradient(top, #311c17 0, transparent 100%)}.guide_bg_wrap .tab_nav_area ul li.tab_nodesiege_war.active a{background:#1f1f1d}.guide_bg_wrap .tab_nav_area ul li.tab_nodesiege_war.active a:before{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #292927), color-stop(1, transparent));background:-webkit-linear-gradient(top, #292927 0, transparent 100%);background:linear-gradient(top, #292927 0, transparent 100%)}.guide_bg_wrap .tab_nav_area ul li.tab_openworld.active a{background:#191f25}.guide_bg_wrap .tab_nav_area ul li.tab_openworld.active a:before{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #22282e), color-stop(1, transparent));background:-webkit-linear-gradient(top, #22282e 0, transparent 100%);background:linear-gradient(top, #22282e 0, transparent 100%)}.guide_bg_wrap .tab_nav_area ul li.tab_knowledge.active a{background:#241814}.guide_bg_wrap .tab_nav_area ul li.tab_knowledge.active a:before{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #36251d), color-stop(1, transparent));background:-webkit-linear-gradient(top, #36251d 0, transparent 100%);background:linear-gradient(top, #36251d 0, transparent 100%)}.guide_bg_wrap .tab_nav_area ul li.tab_customizing.active a{background:#1b1925}.guide_bg_wrap .tab_nav_area ul li.tab_customizing.active a:before{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #2b2237), color-stop(1, transparent));background:-webkit-linear-gradient(top, #2b2237 0, transparent 100%);background:linear-gradient(top, #2b2237 0, transparent 100%)}.guide_bg_wrap .box_guide_bg{display:none;background-size:cover;background-repeat:no-repeat;background-position:0 100%}.guide_bg_wrap .box_guide_bg.before{opacity:0}.guide_bg_wrap .box_guide_bg.active:before{-webkit-animation:fadeIn 0.5s both;animation:fadeIn 0.5s both}.guide_bg_wrap .box_guide_bg.graphics{width:100%;height:100%;box-sizing:border-box;background-image:url(../images/guide_list01.jpg)}.guide_bg_wrap .box_guide_bg.graphics:before{display:block;content:'';position:absolute;bottom:0;left:37.5%;z-index:15;width:853px;height:872px;box-sizing:border-box;margin-left:-765px;background:url(../images/guide_character01.png) no-repeat}.guide_bg_wrap .box_guide_bg.combat{width:100%;height:100%;box-sizing:border-box;background-image:url(../images/guide_list02.jpg)}.guide_bg_wrap .box_guide_bg.combat:before{display:block;content:'';position:absolute;bottom:0;left:39%;z-index:15;width:853px;height:872px;box-sizing:border-box;margin-left:-765px;background:url(../images/guide_character02.png) no-repeat}.guide_bg_wrap .box_guide_bg.nodesiege_war{width:100%;height:100%;box-sizing:border-box;background-image:url(../images/guide_list03.jpg)}.guide_bg_wrap .box_guide_bg.nodesiege_war:before{display:block;content:'';position:absolute;bottom:0;left:39%;z-index:15;width:853px;height:872px;box-sizing:border-box;margin-left:-780px;background:url(../images/guide_character03.png) no-repeat}.guide_bg_wrap .box_guide_bg.openworld{width:100%;height:100%;box-sizing:border-box;background-image:url(../images/guide_list04.jpg)}.guide_bg_wrap .box_guide_bg.openworld:before{display:block;content:'';position:absolute;bottom:0;left:39%;z-index:15;width:1009px;height:790px;box-sizing:border-box;margin-left:-710px;background:url(../images/guide_character04.png) no-repeat}.guide_bg_wrap .box_guide_bg.knowledge{width:100%;height:100%;box-sizing:border-box;background-image:url(../images/guide_list05.jpg)}.guide_bg_wrap .box_guide_bg.knowledge:before{display:block;content:'';position:absolute;bottom:0;left:37%;z-index:15;width:933px;height:778px;box-sizing:border-box;margin-left:-760px;background:url(../images/guide_character05.png) no-repeat}.guide_bg_wrap .box_guide_bg.customizing{width:100%;height:100%;box-sizing:border-box;background-image:url(../images/guide_list06.jpg)}.guide_bg_wrap .box_guide_bg.customizing:before{display:block;content:'';position:absolute;bottom:0;left:39%;z-index:15;width:956px;height:863px;box-sizing:border-box;margin-left:-700px;background:url(../images/guide_character06.png) no-repeat}.guide_bg_wrap .box_guide_bg:after{display:block;content:'';position:absolute;top:290px;left:0;right:61%;height:480px;background:#f5f5f5;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}.guide_bg_wrap .box_guide_bg.graphics:after{background-image:url(../images/guide_list01_img_bg.jpg)}.guide_bg_wrap .box_guide_bg.combat:after{background-image:url(../images/guide_list02_img_bg.jpg)}.guide_bg_wrap .box_guide_bg.nodesiege_war:after{background-image:url(../images/guide_list03_img_bg.jpg)}.guide_bg_wrap .box_guide_bg.openworld:after{background-image:url(../images/guide_list04_img_bg.jpg)}.guide_bg_wrap .box_guide_bg.knowledge:after{background-image:url(../images/guide_list05_img_bg.jpg)}.guide_bg_wrap .box_guide_bg.customizing:after{background-image:url(../images/guide_list06_img_bg.jpg)}.guide_bg_wrap .box_guide_bg.active{display:block}.classes_wrap{position:relative}.classes_wrap .classes_top_symbol{position:relative;margin-top:-44px;overflow:hidden}.classes_wrap .classes_top_symbol,.classes_wrap .classes_top_symbol .img_character_symbol{height:144px}.classes_wrap .classes_top_symbol .img_character_symbol{position:absolute;left:50%;width:2560px;margin-left:-1280px;display:block}.classes_wrap .classes_top h2{font-size:80px;color:#fff;position:absolute;bottom:90px;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:16}.classes_wrap .classes_top{position:relative;height:850px;box-sizing:border-box;background-position:50% 0;background-repeat:no-repeat;background-size:cover}.classes_wrap .classes_top:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box}.classes_wrap.character_0 .classes_top{background-image:url(../images/character_0_top_effect.jpg)}.classes_wrap.character_0 .original{background-image:url(../images/original_character_0_char.jpg)}.classes_wrap.character_0 .awakening{background-image:url(../images/awakening_character_0_char.jpg)}.classes_wrap.character_0 .succession{background-image:url(../images/succession_character_0_char.jpg)}.classes_wrap.character_4 .classes_top{background-image:url(../images/character_4_top_effect.jpg)}.classes_wrap.character_4 .original{background-image:url(../images/original_character_4_char.jpg)}.classes_wrap.character_4 .awakening{background-image:url(../images/awakening_character_4_char.jpg)}.classes_wrap.character_4 .succession{background-image:url(../images/succession_character_4_char.jpg)}.classes_wrap.character_8 .classes_top{background-image:url(../images/character_8_top_effect.jpg)}.classes_wrap.character_8 .original{background-image:url(../images/original_character_8_char.jpg)}.classes_wrap.character_8 .awakening{background-image:url(../images/awakening_character_8_char.jpg)}.classes_wrap.character_8 .succession{background-image:url(../images/succession_character_8_char.jpg)}.classes_wrap.character_12 .classes_top{background-image:url(../images/character_12_top_effect.jpg)}.classes_wrap.character_12 .original{background-image:url(../images/original_character_12_char.jpg)}.classes_wrap.character_12 .awakening{background-image:url(../images/awakening_character_12_char.jpg)}.classes_wrap.character_12 .succession{background-image:url(../images/succession_character_12_char.jpg)}.classes_wrap.character_16 .classes_top{background-image:url(../images/character_16_top_effect.jpg)}.classes_wrap.character_16 .original{background-image:url(../images/original_character_16_char.jpg)}.classes_wrap.character_16 .awakening{background-image:url(../images/awakening_character_16_char.jpg)}.classes_wrap.character_16 .succession{background-image:url(../images/succession_character_16_char.jpg)}.classes_wrap.character_20 .classes_top{background-image:url(../images/character_20_top_effect.jpg)}.classes_wrap.character_20 .original{background-image:url(../images/original_character_20_char.jpg)}.classes_wrap.character_20 .awakening{background-image:url(../images/awakening_character_20_char.jpg)}.classes_wrap.character_20 .succession{background-image:url(../images/succession_character_20_char.jpg)}.classes_wrap.character_24 .classes_top{background-image:url(../images/character_24_top_effect.jpg)}.classes_wrap.character_24 .original{background-image:url(../images/original_character_24_char.jpg)}.classes_wrap.character_24 .awakening{background-image:url(../images/awakening_character_24_char.jpg)}.classes_wrap.character_24 .succession{background-image:url(../images/succession_character_24_char.jpg)}.classes_wrap.character_21 .classes_top{background-image:url(../images/character_21_top_effect.jpg)}.classes_wrap.character_21 .original{background-image:url(../images/original_character_21_char.jpg)}.classes_wrap.character_21 .awakening{background-image:url(../images/awakening_character_21_char.jpg)}.classes_wrap.character_21 .succession{background-image:url(../images/succession_character_21_char.jpg)}.classes_wrap.character_28 .classes_top{background-image:url(../images/character_28_top_effect.jpg)}.classes_wrap.character_28 .original{background-image:url(../images/original_character_28_char.jpg)}.classes_wrap.character_28 .awakening{background-image:url(../images/awakening_character_28_char.jpg)}.classes_wrap.character_28 .succession{background-image:url(../images/succession_character_28_char.jpg)}.classes_wrap.character_31 .classes_top{background-image:url(../images/character_31_top_effect.jpg)}.classes_wrap.character_31 .original{background-image:url(../images/original_character_31_char.jpg)}.classes_wrap.character_31 .awakening{background-image:url(../images/awakening_character_31_char.jpg)}.classes_wrap.character_31 .succession{background-image:url(../images/succession_character_31_char.jpg)}.classes_wrap.character_25 .classes_top{background-image:url(../images/character_25_top_effect.jpg)}.classes_wrap.character_25 .original{background-image:url(../images/original_character_25_char.jpg)}.classes_wrap.character_25 .awakening{background-image:url(../images/awakening_character_25_char.jpg)}.classes_wrap.character_25 .succession{background-image:url(../images/succession_character_25_char.jpg)}.classes_wrap.character_27 .classes_top{background-image:url(../images/character_27_top_effect.jpg)}.classes_wrap.character_27 .original{background-image:url(../images/original_character_27_char.jpg)}.classes_wrap.character_27 .awakening{background-image:url(../images/awakening_character_27_char.jpg)}.classes_wrap.character_27 .succession{background-image:url(../images/succession_character_27_char.jpg)}.classes_wrap.character_19 .classes_top{background-image:url(../images/character_19_top_effect.jpg)}.classes_wrap.character_19 .original{background-image:url(../images/original_character_19_char.jpg)}.classes_wrap.character_19 .awakening{background-image:url(../images/awakening_character_19_char.jpg)}.classes_wrap.character_19 .succession{background-image:url(../images/succession_character_19_char.jpg)}.classes_wrap.character_23 .classes_top{background-image:url(../images/character_23_top_effect.jpg)}.classes_wrap.character_23 .original{background-image:url(../images/original_character_23_char.jpg)}.classes_wrap.character_23 .awakening{background-image:url(../images/awakening_character_23_char.jpg)}.classes_wrap.character_23 .succession{background-image:url(../images/succession_character_23_char.jpg)}.classes_wrap.character_11 .classes_top{background-image:url(../images/character_11_top_effect.jpg)}.classes_wrap.character_11 .original{background-image:url(../images/original_character_11_char.jpg)}.classes_wrap.character_11 .awakening{background-image:url(../images/awakening_character_11_char.jpg)}.classes_wrap.character_11 .succession{background-image:url(../images/succession_character_11_char.jpg)}.classes_wrap.character_29 .classes_top{background-image:url(../images/character_29_top_effect.jpg)}.classes_wrap.character_29 .original{background-image:url(../images/original_character_29_char.jpg)}.classes_wrap.character_29 .awakening{background-image:url(../images/awakening_character_29_char.jpg)}.classes_wrap.character_26 .classes_top{background-image:url(../images/character_26_top_effect.jpg)}.classes_wrap.character_26 .original{background-image:url(../images/original_character_26_char.jpg)}.classes_wrap.character_26 .awakening{background-image:url(../images/awakening_character_26_char.jpg)}.classes_wrap.character_26 .succession{background-image:url(../images/succession_character_26_char.jpg)}.classes_wrap.character_17 .classes_top{background-image:url(../images/character_17_top_effect.jpg)}.classes_wrap.character_17 .original{background-image:url(../images/original_character_17_char.jpg)}.classes_wrap.character_17 .awakening{background-image:url(../images/awakening_character_17_char.jpg)}.classes_wrap.character_5 .classes_top{background-image:url(../images/character_5_top_effect.jpg)}.classes_wrap.character_5 .original{background-image:url(../images/original_character_5_char.jpg)}.classes_wrap.character_5 .awakening{background-image:url(../images/awakening_character_5_char.jpg)}.classes_wrap.character_5 .succession{background-image:url(../images/succession_character_5_char.jpg)}.classes_wrap.character_1 .classes_top{background-image:url(../images/character_1_top_effect.jpg)}.classes_wrap.character_1 .original{background-image:url(../images/original_character_1_char.jpg)}.classes_wrap.character_1 .awakening{background-image:url(../images/awakening_character_1_char.jpg)}.classes_wrap.character_1 .succession{background-image:url(../images/succession_character_1_char.jpg)}.classes_wrap.character_9 .classes_top{background-image:url(../images/character_9_top_effect.jpg)}.classes_wrap.character_9 .original{background-image:url(../images/original_character_9_char.jpg)}.classes_wrap.character_9 .awakening{background-image:url(../images/awakening_character_9_char.jpg)}.classes_wrap.character_9 .succession{background-image:url(../images/succession_character_9_char.jpg)}.classes_wrap.character_2 .classes_top{background-image:url(../images/character_2_top_effect.jpg)}.classes_wrap.character_2 .original{background-image:url(../images/original_character_2_char.jpg)}.classes_wrap.character_2 .awakening{background-image:url(../images/awakening_character_2_char.jpg)}.classes_wrap.character_2 .succession{background-image:url(../images/succession_character_2_char.jpg)}.classes_wrap.character_10 .classes_top{background-image:url(../images/character_10_top_effect.jpg)}.classes_wrap.character_10 .original{background-image:url(../images/original_character_10_char.jpg)}.classes_wrap.character_10 .awakening{background-image:url(../images/awakening_character_10_char.jpg)}.classes_wrap.character_10 .succession{background-image:url(../images/succession_character_10_char.jpg)}.classes_wrap.character_7 .classes_top{background-image:url(../images/character_7_top_effect.jpg)}.classes_wrap.character_7 .original{background-image:url(../images/original_character_7_char.jpg)}.classes_wrap.character_7 .awakening{background-image:url(../images/awakening_character_7_char.jpg)}.classes_wrap.character_7 .succession{background-image:url(../images/succession_character_7_char.jpg)}.classes_wrap.character_30 .classes_top{background-image:url(../images/character_30_top_effect.jpg)}.classes_wrap.character_30 .original{background-image:url(../images/original_character_30_char.jpg)}.classes_wrap.character_30 .awakening{background-image:url(../images/awakening_character_30_char.jpg)}.classes_wrap.character_30 .succession{background-image:url(../images/succession_character_30_char.jpg)}.classes_wrap.character_15 .classes_top{background-image:url(../images/character_15_top_effect.jpg)}.classes_wrap.character_15 .original{background-image:url(../images/original_character_15_char.jpg)}.classes_wrap.character_15 .awakening{background-image:url(../images/awakening_character_15_char.jpg)}.classes_wrap.character_15 .succession{background-image:url(../images/succession_character_15_char.jpg)}.classes_wrap.character_6 .classes_top{background-image:url(../images/character_6_top_effect.jpg)}.classes_wrap.character_6 .original{background-image:url(../images/original_character_6_char.jpg)}.classes_wrap.character_6 .awakening{background-image:url(../images/awakening_character_6_char.jpg)}.classes_wrap.character_33 .classes_top{background-image:url(../images/character_33_top_effect.jpg)}.classes_wrap.character_33 .original{background-image:url(../images/original_character_33_char.jpg)}.classes_wrap.character_33 .awakening{background-image:url(../images/awakening_character_33_char.jpg)}.classes_wrap.character_33 .succession{background-image:url(../images/succession_character_33_char.jpg)}.classes_wrap.character_34 .classes_top{background-image:url(../images/character_34_top_effect.jpg)}.classes_wrap.character_34 .original{background-image:url(../images/original_character_34_char.jpg)}.classes_wrap.character_34 .awakening{background-image:url(../images/awakening_character_34_char.jpg)}.classes_wrap.character_3 .classes_top{background-image:url(../images/character_3_top_effect.jpg)}.classes_wrap.character_3 .original{background-image:url(../images/original_character_3_char.jpg)}.classes_wrap.character_3 .awakening{background-image:url(../images/awakening_character_3_char.jpg)}.classes_wrap.character_32 .classes_top{background-image:url(../images/character_32_top_effect.jpg)}.classes_wrap.character_32 .original{background-image:url(../images/original_character_32_char.jpg)}.classes_wrap.character_32 .awakening{background-image:url(../images/awakening_character_32_char.jpg)}@keyframes characterOpacity{from{opacity:0}to{opacity:1}}.classes_wrap .original{position:relative;min-height:890px;box-sizing:border-box;background:0 0;background-position:50% 0;padding:90px 30px;z-index:16;background-size:cover}.original > .inner{position:relative;z-index:21;display:flex;align-items:center;max-width:1300px;height:100%;margin:0 auto}.original .left_area{max-width:710px;text-align:center;box-sizing:border-box}.characteristic .label{display:block;font-size:35px;color:#977e5d;letter-spacing:14px;margin-bottom:10px;line-height:1}.characteristic h3{margin-bottom:37px;font-size:36px;line-height:1.3;color:#010101}.characteristic .feature{border-top:1px solid rgba(1, 1, 1, 0.1);border-bottom:1px solid rgba(1, 1, 1, 0.1)}.characteristic .feature > ul{display:box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-flex;display:-o-flex;display:flex;-webkit-align-items:center;-ms-align-items:center;-moz-align-items:center;-o-align-items:center;-webkit-justify-content:center;-ms-justify-content:center;-moz-justify-content:center;-o-justify-content:center;-ms-flex-align:center;min-height:70px;box-sizing:border-box;padding:15px 0;align-items:center;justify-content:center;font-size:0;line-height:1.6}.characteristic .feature li{float:left;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:50%;padding:0.6rem 0}.characteristic .feature li span{display:inline-block;max-width:100%;vertical-align:middle;font-size:16px;color:#000;font-weight:normal}.characteristic .feature li span.title{position:relative;color:#5f0000}.characteristic .btn_wrap.mob_block{display:none}.characteristic .desc{margin:0 20px;padding-top:30px;font-size:15px;color:#010101;text-align:left;font-weight:normal;line-height:1.6;box-sizing:border-box;letter-spacing:-0.04rem}.awakening{position:relative;background:#f5f5f5;background-position:50% 0;min-height:920px;box-sizing:border-box;padding:90px 30px;background-size:cover}.awakening:before{display:none;content:'';position:absolute;width:100%;height:100%;box-sizing:border-box;background-position:50% 0;-webkit-animation-name:characterOpacity;animation-name:characterOpacity;-webkit-animation-duration:2s;animation-duration:2s}.awakening > .inner{position:relative;z-index:21;display:flex;align-items:center;max-width:1300px;height:100%;margin:0 auto}.awakening .right_area{max-width:710px;text-align:center;margin:0 0 0 auto;box-sizing:border-box}.awakening .characteristic .label{color:#e5c39a}.awakening .characteristic h3{color:#f0f0f0}.awakening .characteristic .feature{border-color:rgba(255, 255, 255, 0.1);text-align:center}.awakening .characteristic .feature li span{color:#fff;overflow:hidden}.awakening .characteristic .feature li span.title{color:#cc4d4d}.awakening .characteristic .feature li span.title:before{background:#cc4d4d}.awakening .characteristic .desc{color:rgba(255, 255, 255, 0.6)}.succession{position:relative;background:#f5f5f5;background-position:50% 0;min-height:920px;box-sizing:border-box;padding:90px 30px;background-size:cover}.succession:before{display:none;content:'';position:absolute;width:100%;height:100%;box-sizing:border-box;background-position:50% 0;-webkit-animation-name:characterOpacity;animation-name:characterOpacity;-webkit-animation-duration:2s;animation-duration:2s}.succession > .inner{position:relative;z-index:21;display:flex;align-items:center;max-width:1300px;height:100%;margin:0 auto}.succession .center_area{max-width:710px;text-align:center;box-sizing:border-box}.succession .characteristic .label{color:#8c7f6d;opacity:0.5;text-align:center}.succession .characteristic h3{color:#f0f0f0;text-align:center}.succession .characteristic .feature{border-color:rgba(255, 255, 255, 0.1);text-align:center}.succession .characteristic .feature li span{color:#fff;overflow:hidden}.succession .characteristic .feature li span.title{color:#c59d64}.succession .characteristic .feature li span.title:before{background:#c59d64}.succession .characteristic .desc{color:rgba(255, 255, 255, 0.6)}.classes_wrap.character_0 .original .characteristic .label{color:rgba(109, 126, 140, 0.5)}.classes_wrap.character_0 .original .characteristic .feature li span.title{color:#2c3b7c}.classes_wrap.character_0 .awakening .characteristic .label{color:rgba(149, 175, 194, 0.2)}.classes_wrap.character_0 .awakening .characteristic .feature li span.title{color:#5a71a7}.classes_wrap.character_0 .awakening .characteristic .feature li span{color:#a6b1b9}.classes_wrap.character_4 .original .characteristic .label{color:rgba(76, 97, 85, 0.5)}.classes_wrap.character_4 .original .characteristic .feature li span.title{color:#245237}.classes_wrap.character_4 .awakening .characteristic .label{color:rgba(87, 172, 144, 0.2)}.classes_wrap.character_4 .awakening .characteristic .feature li span.title{color:#52a98d}.classes_wrap.character_4 .awakening .characteristic .feature li span{color:#bccdc7}.classes_wrap.character_8 .original .characteristic .label{color:rgba(132, 134, 168, 0.5)}.classes_wrap.character_8 .original .characteristic .feature li span.title{color:#43309a}.classes_wrap.character_8 .awakening .characteristic .label{color:rgba(165, 151, 238, 0.2)}.classes_wrap.character_8 .awakening .characteristic .feature li span.title{color:#7f69e1}.classes_wrap.character_8 .awakening .characteristic .feature li span{color:#aca0b1}.classes_wrap.character_12 .original .characteristic .label{color:rgba(85, 35, 33, 0.5)}.classes_wrap.character_12 .original .characteristic .feature li span.title{color:#98130e}.classes_wrap.character_12 .awakening .characteristic .label{color:rgba(182, 132, 132, 0.5)}.classes_wrap.character_12 .awakening .characteristic .feature li span.title{color:#bc433b}.classes_wrap.character_12 .awakening .characteristic .feature li span{color:#a69a9a}.classes_wrap.character_16 .original .characteristic .label{color:rgba(85, 35, 33, 0.5)}.classes_wrap.character_16 .original .characteristic .feature li span.title{color:#921818}.classes_wrap.character_16 .awakening .characteristic .label{color:rgba(65, 133, 161, 0.2)}.classes_wrap.character_16 .awakening .characteristic .feature li span.title{color:#43b5ca}.classes_wrap.character_16 .awakening .characteristic .feature li span{color:#cfcfcf}.classes_wrap.character_20 .original .characteristic .label{color:rgba(121, 103, 89, 0.5)}.classes_wrap.character_20 .original .characteristic .feature li span.title{color:#6e3913}.classes_wrap.character_20 .awakening .characteristic .label{color:rgba(185, 156, 134, 0.2)}.classes_wrap.character_20 .awakening .characteristic .feature li span.title{color:#9f7a5f}.classes_wrap.character_20 .awakening .characteristic .feature li span{color:#c9c4c2}.classes_wrap.character_24 .original .characteristic .label{color:rgba(151, 126, 93, 0.5)}.classes_wrap.character_24 .original .characteristic .feature li span.title{color:#805415}.classes_wrap.character_24 .awakening .characteristic .label{color:rgba(229, 195, 154, 0.2)}.classes_wrap.character_24 .awakening .characteristic .feature li span.title{color:#a9844e}.classes_wrap.character_24 .awakening .characteristic .feature li span{color:#c6b6b3}.classes_wrap.character_21 .original .characteristic .label{color:rgba(85, 35, 33, 0.5)}.classes_wrap.character_21 .original .characteristic .feature li span.title{color:#921818}.classes_wrap.character_21 .awakening .characteristic .label{color:rgba(111, 146, 226, 0.2)}.classes_wrap.character_21 .awakening .characteristic .feature li span.title{color:#506ba4}.classes_wrap.character_21 .awakening .characteristic .feature li span{color:#9a9ca6}.classes_wrap.character_28 .original .characteristic .label{color:rgba(148, 163, 172, 0.5)}.classes_wrap.character_28 .original .characteristic .feature li span.title{color:#4a6272}.classes_wrap.character_28 .awakening .characteristic .label{color:rgba(182, 132, 132, 0.2)}.classes_wrap.character_28 .awakening .characteristic .feature li span.title{color:#bf3e3e}.classes_wrap.character_21 .awakening .characteristic .feature li span{color:#a69a9a}.classes_wrap.character_31 .original .characteristic .label{color:rgba(151, 126, 93, 0.5)}.classes_wrap.character_31 .original .characteristic .feature li span.title{color:#805415}.classes_wrap.character_31 .awakening .characteristic .label{color:rgba(208, 183, 223, 0.2)}.classes_wrap.character_31 .awakening .characteristic .feature li span.title{color:#8b76d7}.classes_wrap.character_31 .awakening .characteristic .feature li span{color:#b2b2b2}.classes_wrap.character_25 .original .characteristic .label{color:rgba(36, 80, 70, 0.5)}.classes_wrap.character_25 .original .characteristic .feature li span.title{color:#1a705c}.classes_wrap.character_25 .awakening .characteristic .label{color:rgba(149, 194, 191, 0.2)}.classes_wrap.character_25 .awakening .characteristic .feature li span.title{color:#689a94}.classes_wrap.character_25 .awakening .characteristic .feature li span{color:#afb4a7}.classes_wrap.character_27 .original .characteristic .label{color:rgba(112, 94, 121, 0.5)}.classes_wrap.character_27 .original .characteristic .feature li span.title{color:#683a8a}.classes_wrap.character_27 .awakening .characteristic .label{color:rgba(156, 130, 176, 0.2)}.classes_wrap.character_27 .awakening .characteristic .feature li span.title{color:#a166b9}.classes_wrap.character_27 .awakening .characteristic .feature li span{color:#aca0b1}.classes_wrap.character_19 .original .characteristic .label{color:rgba(151, 126, 93, 0.5)}.classes_wrap.character_19 .original .characteristic .feature li span.title{color:#5f0000}.classes_wrap.character_19 .awakening .characteristic .label{color:rgba(229, 195, 154, 0.2)}.classes_wrap.character_19 .awakening .characteristic .feature li span.title{color:#cc4d4d}.classes_wrap.character_19 .awakening .characteristic .feature li span{color:#c6b6b3}.classes_wrap.character_23 .original .characteristic .label{color:rgba(109, 126, 140, 0.5)}.classes_wrap.character_23 .original .characteristic .feature li span.title{color:#245983}.classes_wrap.character_23 .awakening .characteristic .label{color:rgba(149, 175, 194, 0.2)}.classes_wrap.character_23 .awakening .characteristic .feature li span.title{color:#4c8ec0}.classes_wrap.character_23 .awakening .characteristic .feature li span{color:#a6b1b9}.classes_wrap.character_11 .original .characteristic .label{color:rgba(124, 58, 54, 0.5)}.classes_wrap.character_11 .original .characteristic .feature li span.title{color:#811845}.classes_wrap.character_11 .awakening .characteristic .label{color:rgba(140, 109, 109, 0.5)}.classes_wrap.character_11 .awakening .characteristic .feature li span.title{color:#a64047}.classes_wrap.character_11 .awakening .characteristic .feature li span{color:#c3c3c3}.classes_wrap.character_29 .original .characteristic .label{color:rgba(76, 97, 85, 0.5)}.classes_wrap.character_29 .original .characteristic .feature li span.title{color:#245236}.classes_wrap.character_29 .awakening .characteristic .label{color:rgba(101, 140, 117, 0.2)}.classes_wrap.character_29 .awakening .characteristic .feature li span.title{color:#4d8e66}.classes_wrap.character_29 .awakening .characteristic .feature li span{color:#bccdc7}.classes_wrap.character_26 .original .characteristic .label{color:rgba(85, 35, 33, 0.5)}.classes_wrap.character_26 .original .characteristic .feature li span.title{color:#921818}.classes_wrap.character_26 .awakening .characteristic .label{color:rgba(182, 132, 132, 0.2)}.classes_wrap.character_26 .awakening .characteristic .feature li span.title{color:#bf3e3e}.classes_wrap.character_26 .awakening .characteristic .feature li span{color:#bcacac}.classes_wrap.character_17 .original .characteristic .label{color:rgba(76, 97, 85, 0.5)}.classes_wrap.character_17 .original .characteristic .feature li span.title{color:#245237}.classes_wrap.character_17 .awakening .characteristic .label{color:rgba(172, 129, 87, 0.25)}.classes_wrap.character_17 .awakening .characteristic .feature li span.title{color:#a98152}.classes_wrap.character_17 .awakening .characteristic .feature li span{color:#cdccbc}.classes_wrap.character_5 .original .characteristic .label{color:rgba(76, 76, 97, 0.5)}.classes_wrap.character_5 .original .characteristic .feature li span.title{color:#243852}.classes_wrap.character_5 .awakening .characteristic .label{color:rgba(255, 128, 144, 0.25)}.classes_wrap.character_1 .original .characteristic .label{color:rgba(77, 87, 108, 0.5)}.classes_wrap.character_1 .original .characteristic .feature li span.title{color:#314f97}.classes_wrap.character_1 .awakening .characteristic .label{color:rgba(229, 195, 154, 0.2)}.classes_wrap.character_9 .awakening .characteristic .label{color:rgba(229, 195, 154, 0.2)}.classes_wrap.character_9 .awakening .characteristic h3{color:#e4dada}.classes_wrap.character_9 .awakening .characteristic .feature li span.title{color:#998758}.classes_wrap.character_9 .awakening .characteristic .feature li span{color:#c6b6b3}.classes_wrap.character_9 .succession .characteristic .label{color:rgba(140, 109, 109, 0.5)}.classes_wrap.character_9 .succession .characteristic h3{color:#e4dada}.classes_wrap.character_9 .succession .characteristic .feature li span.title{color:#a7371d}.classes_wrap.character_9 .succession .characteristic .feature li span{color:#a39494}.classes_wrap.character_2 .original .characteristic .label{color:rgba(90, 58, 36, 0.5)}.classes_wrap.character_2 .original .characteristic .feature li span.title{color:#875023}.classes_wrap.character_2 .awakening .characteristic .label{color:rgba(149, 194, 191, 0.2)}.classes_wrap.character_2 .awakening .characteristic .feature li span.title{color:#948d4e}.classes_wrap.character_2 .awakening .characteristic .feature li span{color:#c3c1ab}.classes_wrap.character_2 .awakening .characteristic .desc{color:#c3c1ab}.classes_wrap.character_2 .succession .characteristic .label{color:#726981;opacity:1}.classes_wrap.character_2 .succession .characteristic .feature li span.title{color:#8979cc}.classes_wrap.character_2 .succession .characteristic .feature li span{color:#aea9b7}.classes_wrap.character_10 .original .characteristic .label{color:rgba(90, 58, 36, 0.5)}.classes_wrap.character_10 .original .characteristic .feature li span.title{color:#875023}.classes_wrap.character_10 .awakening .characteristic .label{color:rgba(139, 94, 120, 0.5)}.classes_wrap.character_10 .awakening .characteristic .feature li span.title{color:#c472a2}.classes_wrap.character_10 .awakening .characteristic .feature li span{color:#cecece}.classes_wrap.character_10 .awakening .characteristic .desc{color:rgba(206, 206, 206, 0.9)}.classes_wrap.character_10 .succession .characteristic .label{color:#6d7895}.classes_wrap.character_10 .succession .characteristic h3{color:#dadfe4}.classes_wrap.character_10 .succession .characteristic .feature li span.title{color:#3f7398}.classes_wrap.character_10 .succession .characteristic .feature li span{color:#959ea4}.classes_wrap.character_7 .original .characteristic .label{color:rgba(155, 56, 63, 0.5)}.classes_wrap.character_7 .original .characteristic .feature li span.title{color:#b77276}.classes_wrap.character_7 .awakening .characteristic .label{color:#91afc2}.classes_wrap.character_7 .awakening .characteristic .feature li span.title{color:#77a2bd}.classes_wrap.character_7 .awakening .characteristic .feature li span{color:#cecece}.classes_wrap.character_7 .succession .characteristic .label{color:#92abe4}.classes_wrap.character_7 .succession .characteristic h3{color:#fff}.classes_wrap.character_7 .succession .characteristic .feature li span.title{color:#92abe4}.classes_wrap.character_7 .succession .characteristic .feature li span{color:#fff}.classes_wrap.character_30 .original .characteristic .label{color:rgba(155, 56, 63, 0.5)}.classes_wrap.character_30 .original .characteristic .feature li span.title{color:#522824}.classes_wrap.character_30 .awakening .characteristic .label{color:#8784e9}.classes_wrap.character_30 .awakening .characteristic .feature li span.title{color:#767ae9}.classes_wrap.character_30 .awakening .characteristic .feature li span{color:#cecece}.classes_wrap.character_30 .succession .characteristic .label{color:#92abe4}.classes_wrap.character_30 .succession .characteristic h3{color:#fff}.classes_wrap.character_30 .succession .characteristic .feature li span.title{color:#92abe4}.classes_wrap.character_30 .succession .characteristic .feature li span{color:#fff}.classes_wrap.character_15 .original .characteristic .label{color:rgba(155, 56, 63, 0.5)}.classes_wrap.character_15 .original .characteristic .feature li span.title{color:#522824}.classes_wrap.character_15 .awakening .characteristic .label{color:#ff96f3}.classes_wrap.character_15 .awakening .characteristic .feature li span.title{color:#ffa8ef}.classes_wrap.character_15 .awakening .characteristic .feature li span{color:#cecece}.classes_wrap.character_15 .succession .characteristic .label{color:#92abe4}.classes_wrap.character_15 .succession .characteristic h3{color:#fff}.classes_wrap.character_15 .succession .characteristic .feature li span.title{color:#92abe4}.classes_wrap.character_15 .succession .characteristic .feature li span{color:#fff}.classes_wrap.character_6 .original .characteristic .label{color:rgba(155, 56, 63, 0.5)}.classes_wrap.character_6 .original .characteristic .feature li span.title{color:#522824}.classes_wrap.character_6 .awakening .characteristic .label{color:#f1c57c}.classes_wrap.character_6 .awakening .characteristic h3{color:#fff}.classes_wrap.character_6 .awakening .characteristic .feature li span.title{color:#f1c57c}.classes_wrap.character_6 .awakening .characteristic .feature li span{color:#fff}.classes_wrap.character_33 .original .characteristic .label{color:rgba(56, 91, 155, 0.5)}.classes_wrap.character_33 .original .characteristic .feature li span.title{color:#522824}.classes_wrap.character_33 .succession .characteristic .label{color:#92abe4}.classes_wrap.character_33 .succession .characteristic h3{color:#fff}.classes_wrap.character_33 .succession .characteristic .feature li span.title{color:#92abe4}.classes_wrap.character_33 .succession .characteristic .feature li span{color:#fff}.classes_wrap.character_33 .awakening .characteristic .label{color:#e7c38f}.classes_wrap.character_33 .awakening .characteristic h3{color:#fff}.classes_wrap.character_33 .awakening .characteristic .feature li span.title{color:#e6c28f}.classes_wrap.character_33 .awakening .characteristic .feature li span{color:#fff}.classes_wrap.character_34 .original .characteristic .label{color:rgba(162, 145, 138, 0.5)}.classes_wrap.character_34 .original .characteristic .feature li span.title{color:#243652}.classes_wrap.character_34 .awakening .characteristic .label{color:rgba(159, 115, 98, 0.56)}.classes_wrap.character_34 .awakening .characteristic h3{color:#fff}.classes_wrap.character_34 .awakening .characteristic .feature li span.title{color:#9f7362}.classes_wrap.character_34 .awakening .characteristic .feature li span{color:#fff}.classes_wrap.character_3 .original .characteristic .label{color:rgba(162, 145, 138, 0.5)}.classes_wrap.character_3 .original .characteristic .feature li span.title{color:#522424}.classes_wrap.character_3 .awakening .characteristic .label{color:rgba(231, 255, 255, 0.5)}.classes_wrap.character_3 .awakening .characteristic h3{color:#fff}.classes_wrap.character_3 .awakening .characteristic .feature li span.title{color:#e7ffe1}.classes_wrap.character_3 .awakening .characteristic .feature li span{color:#fff}.classes_wrap.character_32 .original .characteristic .label{color:rgba(162, 145, 138, 0.5)}.classes_wrap.character_32 .original .characteristic .feature li span.title{color:#522824}.classes_wrap.character_32 .awakening .characteristic .label{color:rgb(225, 241, 255, 0.8)}.classes_wrap.character_32 .awakening .characteristic h3{color:#fff;text-shadow:0 0 0.5em rgba(0,0,0,0.67059)}.classes_wrap.character_32 .awakening .characteristic .feature li span.title{color:#e1f1ff}.classes_wrap.character_32 .awakening .characteristic .feature li span{color:#fff}.classes_wrap .awakenOn{display:block!important}.characteristic .feature li.awakenOn{display:flex!important}.classes_wrap .talentOn{display:none!important}.classes_wrap .ascensionOn{display:none!important}.classes_wrap.character_17 .awakenOn{display:none!important}.classes_wrap.character_17 .talentOn{display:block!important}.classes_wrap.character_17 .feature .talentOn{display:flex!important}.classes_wrap.character_3 .awakenOn,.classes_wrap.character_32 .awakenOn,.classes_wrap.character_34 .awakenOn,.classes_wrap.character_6 .awakenOn{display:none!important}.classes_wrap.character_3 .ascensionOn,.classes_wrap.character_32 .ascensionOn,.classes_wrap.character_34 .ascensionOn,.classes_wrap.character_6 .ascensionOn{display:block!important}.classes_wrap.character_3 .feature .ascensionOn,.classes_wrap.character_32 .feature .ascensionOn,.classes_wrap.character_34 .feature .ascensionOn,.classes_wrap.character_6 .feature .ascensionOn{display:flex!important}.layer_tab ul li a.awakenOn{display:flex!important}.layer_tab ul li a.talentOn{display:none!important}.classes_wrap.character_17 .layer_tab ul li a.awakenOn{display:none!important}.classes_wrap.character_17 .layer_tab ul li a.talentOn{display:flex!important}.classes_wrap.character_3 .layer_tab ul li a.awakenOn,.classes_wrap.character_32 .layer_tab ul li a.awakenOn,.classes_wrap.character_34 .layer_tab ul li a.awakenOn,.classes_wrap.character_6 .layer_tab ul li a.awakenOn{display:none!important}.classes_wrap.character_3 .layer_tab_content ul li .title.awakenOn,.classes_wrap.character_32 .layer_tab_content ul li .title.awakenOn,.classes_wrap.character_34 .layer_tab_content ul li .title.awakenOn,.classes_wrap.character_6 .layer_tab_content ul li .title.awakenOn{display:block!important}.classes_wrap.character_3 .layer_tab ul li a.ascensionOn,.classes_wrap.character_32 .layer_tab ul li a.ascensionOn,.classes_wrap.character_34 .layer_tab ul li a.ascensionOn,.classes_wrap.character_6 .layer_tab ul li a.ascensionOn{display:flex!important}.media_area{margin-top:50px;display:flex;align-items:center;justify-content:center;-ms-flex-align:center;flex-wrap:wrap;justify-content:flex-start}.media_area > p{width:350px;height:250px;box-sizing:border-box;overflow:hidden;border:1px solid rgba(1, 1, 1, 0.2);box-shadow:0 4px 19px rgba(0, 0, 0, 0.69)}.media_area > p a img,.media_area > p.ready_area img{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.media_area > p.ready_area img{max-width:100%}.media_area > p a:before{display:block;content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;background-color:rgba(0, 0, 0, 0.35);transition:0.35s;opacity:0}.media_area > p a:hover:before{opacity:1}.media_area p.img_area{position:relative}.media_area p.img_area a:after{display:block;content:'';overflow:hidden;position:absolute;right:10px;bottom:5px;z-index:10;width:52px;height:53px;background:url(../images/spr_etc.png) -139px -243px no-repeat;background-size:800px 800px}.media_area p.ready_area,.media_area p.video_area{margin-left:10px;position:relative}.media_area p.video_area a:after{display:block;content:'';overflow:hidden;position:absolute;right:10px;bottom:5px;z-index:10;width:42px;height:51px;background:url(../images/spr_etc.png) -225px -243px no-repeat;background-size:800px 800px}.awakening .media_area > p{box-shadow:0 4px 19px rgba(51, 29, 22, 0.7)}.select_classes_wrap{--padding-select_character:8px;position:relative;padding:120px 0 190px;background-image:url(../images/select_classes_bg.jpg);background-position:50% 0;background-repeat:no-repeat;background-size:cover}.select_classes_wrap.select_main{--padding-select_character:9px}.select_classes_wrap .title_wrap{text-align:center}.select_classes_wrap .select_title{font-size:48px;color:#fff}.select_classes_wrap .select_title_desc{display:block;font-size:16px;color:rgba(255, 255, 255, 0.5);margin-top:15px}.select_classes_wrap .select_classes_list{margin:60px auto 0;width:93.5%;display:grid;grid-template-columns:repeat(7, calc(160px + var(--padding-select_character) * 2));justify-content:center;transition:display 0.8s,grid-template-columns 0.8s}.select_classes_wrap.select_main .select_classes_list{grid-template-columns:repeat(5, calc(237px + var(--padding-select_character) * 2))}.select_classes_wrap .select_character{position:relative;padding:0 var(--padding-select_character) 14px;box-sizing:border-box}.select_classes_wrap .select_character .class_wrap{position:relative;display:flex;width:100%;height:auto;aspect-ratio:237/329;-webkit-filter:grayscale(1) brightness(0.8);filter:grayscale(1) brightness(0.8);border-radius:6px;overflow:hidden;box-sizing:border-box;-webkit-transform:scale3d(1, 1, 1) translate3d(0, 0, 0);transform:scale3d(1, 1, 1) translate3d(0, 0, 0);-webkit-transition:filter 0.2s ease,transform 0.2s ease;transition:-webkit-filter 0.2s ease,-webkit-transform 0.2s ease;transition:filter 0.2s ease,transform 0.2s ease;transition:filter 0.2s ease,transform 0.2s ease,-webkit-filter 0.2s ease,-webkit-transform 0.2s ease;outline:none;will-change:transform}.select_classes_wrap .select_character .class_wrap:active,.select_classes_wrap .select_character .class_wrap:focus{-webkit-filter:none;filter:none;-webkit-transform:scale(1.12);transform:scale(1.12);z-index:1}.select_classes_wrap .select_character.active .class_wrap{-webkit-filter:none;filter:none}.select_classes_wrap .select_character .class_wrap::before{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-radius:6px;-webkit-transition:border-color 0.2s ease;transition:border-color 0.2s ease;content:'';box-sizing:border-box;z-index:1;-webkit-transform:translate3d(0, 0, 2px);transform:translate3d(0, 0, 2px)}.select_classes_wrap .select_character .class_wrap:active::before,.select_classes_wrap .select_character .class_wrap:focus::before{border-color:#e7bc5c}.select_classes_wrap .select_character .class_name{position:absolute;left:0;bottom:14px;width:100%;min-height:22px;padding:0 10px;font-size:18px;color:#fff;text-align:center;box-sizing:border-box;-webkit-transform:translate3d(0, 0, 1px);transform:translate3d(0, 0, 1px);-webkit-transition:color 0.2s ease;transition:color 0.2s ease}.select_classes_wrap .select_character.active .class_name{color:#e7bc5c}.select_classes_wrap .select_character .class_wrap:active .class_name,.select_classes_wrap .select_character .class_wrap:focus .class_name{color:#e7bc5c}.select_classes_wrap .select_character .class_name::after,.select_classes_wrap .select_character .class_name::before{position:absolute;left:calc(50% - 25px);bottom:100%;width:50px;height:50px;background:url(../images/classes_symbol_spr.png) no-repeat;background-size:100px auto;background-position-x:0;content:'';-webkit-transform:scale3d(0.9, 0.9, 1) translateZ(1px);transform:scale3d(0.9, 0.9, 1) translateZ(1px);-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease}.select_classes_wrap .select_character .class_name::after{background-position-x:-50px;opacity:0}.select_classes_wrap .select_character.active .class_name::before{opacity:0}.select_classes_wrap .select_character.active .class_name::after{opacity:1}.select_classes_wrap .select_character .class_wrap:active .class_name::before,.select_classes_wrap .select_character .class_wrap:focus .class_name::before{opacity:0}.select_classes_wrap .select_character .class_wrap:active .class_name::after,.select_classes_wrap .select_character .class_wrap:focus .class_name::after{opacity:1}.select_classes_wrap.select_main .title_wrap{opacity:0;transition:opacity 1s ease-in}.select_classes_wrap.select_main.on .title_wrap{opacity:1}.select_classes_wrap.select_main .select_character{position:relative;padding:0 8px 14px;box-sizing:border-box;opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%);transition:opacity 0.8s ease-in,-webkit-transform 0.8s;transition:opacity 0.8s ease-in,transform 0.8s;transition:opacity 0.8s ease-in,transform 0.8s,-webkit-transform 0.8s;-webkit-perspective:1000px;perspective:1000px}.select_classes_wrap.select_main.on .select_classes_list .select_character{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.select_classes_wrap.select_main .select_character .class_wrap{position:relative;display:flex;width:100%;height:auto;aspect-ratio:237/329;box-shadow:0 1px 5px rgba(0,0,0,0.6);border-radius:8px;overflow:hidden;box-sizing:border-box;-webkit-transform:rotate3d(0);transform:rotate3d(0);-webkit-transition:filter 0.2s ease,transform 0.3s ease-out,box-shadow 0.3s ease-out;transition:box-shadow 0.3s ease-out,-webkit-filter 0.2s ease,-webkit-transform 0.3s ease-out;transition:filter 0.2s ease,transform 0.3s ease-out,box-shadow 0.3s ease-out;transition:filter 0.2s ease,transform 0.3s ease-out,box-shadow 0.3s ease-out,-webkit-filter 0.2s ease,-webkit-transform 0.3s ease-out;outline:none;will-change:transform}.select_classes_wrap.select_main .select_character .class_wrap::before{border-radius:8px}.select_classes_wrap.select_main .select_character .class_wrap .card_glow{position:absolute;width:100%;height:100%;left:0;top:0;background-image:radial-gradient(circle at 50% -20%, rgba(255,255,255,0.13333), rgba(0,0,0,0.05882));opacity:0}.select_classes_wrap.select_main .select_character .class_wrap:active,.select_classes_wrap.select_main .select_character .class_wrap:focus{-webkit-filter:none;filter:none;-webkit-transform:scale(1.08);transform:scale(1.08)}.select_classes_wrap .character_0 .class_name::after,.select_classes_wrap .character_0 .class_name::before{background-position-y:0}.select_classes_wrap .character_4 .class_name::after,.select_classes_wrap .character_4 .class_name::before{background-position-y:-50px}.select_classes_wrap .character_8 .class_name::after,.select_classes_wrap .character_8 .class_name::before{background-position-y:-100px}.select_classes_wrap .character_12 .class_name::after,.select_classes_wrap .character_12 .class_name::before{background-position-y:-150px}.select_classes_wrap .character_16 .class_name::after,.select_classes_wrap .character_16 .class_name::before{background-position-y:-200px}.select_classes_wrap .character_20 .class_name::after,.select_classes_wrap .character_20 .class_name::before{background-position-y:-250px}.select_classes_wrap .character_21 .class_name::after,.select_classes_wrap .character_21 .class_name::before{background-position-y:-300px}.select_classes_wrap .character_24 .class_name::after,.select_classes_wrap .character_24 .class_name::before{background-position-y:-350px}.select_classes_wrap .character_25 .class_name::after,.select_classes_wrap .character_25 .class_name::before{background-position-y:-400px}.select_classes_wrap .character_26 .class_name::after,.select_classes_wrap .character_26 .class_name::before{background-position-y:-450px}.select_classes_wrap .character_28 .class_name::after,.select_classes_wrap .character_28 .class_name::before{background-position-y:-500px}.select_classes_wrap .character_31 .class_name::after,.select_classes_wrap .character_31 .class_name::before{background-position-y:-550px}.select_classes_wrap .character_27 .class_name::after,.select_classes_wrap .character_27 .class_name::before{background-position-y:-600px}.select_classes_wrap .character_19 .class_name::after,.select_classes_wrap .character_19 .class_name::before{background-position-y:-650px}.select_classes_wrap .character_23 .class_name::after,.select_classes_wrap .character_23 .class_name::before{background-position-y:-700px}.select_classes_wrap .character_11 .class_name::after,.select_classes_wrap .character_11 .class_name::before{background-position-y:-750px}.select_classes_wrap .character_29 .class_name::after,.select_classes_wrap .character_29 .class_name::before{background-position-y:-800px}.select_classes_wrap .character_17 .class_name::after,.select_classes_wrap .character_17 .class_name::before{background-position-y:-850px}.select_classes_wrap .character_5 .class_name::after,.select_classes_wrap .character_5 .class_name::before{background-position-y:-900px}.select_classes_wrap .character_1 .class_name::after,.select_classes_wrap .character_1 .class_name::before{background-position-y:-950px}.select_classes_wrap .character_9 .class_name::after,.select_classes_wrap .character_9 .class_name::before{background-position-y:-1000px}.select_classes_wrap .character_2 .class_name::after,.select_classes_wrap .character_2 .class_name::before{background-position-y:-1050px}.select_classes_wrap .character_10 .class_name::after,.select_classes_wrap .character_10 .class_name::before{background-position-y:-1100px}.select_classes_wrap .character_7 .class_name::after,.select_classes_wrap .character_7 .class_name::before{background-position-y:-1150px}.select_classes_wrap .character_30 .class_name::after,.select_classes_wrap .character_30 .class_name::before{background-position-y:-1200px}.select_classes_wrap .character_15 .class_name::after,.select_classes_wrap .character_15 .class_name::before{background-position-y:-1250px}.select_classes_wrap .character_6 .class_name::after,.select_classes_wrap .character_6 .class_name::before{background-position-y:-1300px}.select_classes_wrap .character_33 .class_name::after,.select_classes_wrap .character_33 .class_name::before{background-position-y:-1350px}.select_classes_wrap .character_34 .class_name::after,.select_classes_wrap .character_34 .class_name::before{background-position-y:-1400px}.select_classes_wrap .character_3 .class_name::after,.select_classes_wrap .character_3 .class_name::before{background-position-y:-1450px}.select_classes_wrap .character_32 .class_name::after,.select_classes_wrap .character_32 .class_name::before{background-position-y:-1500px}.select_classes_wrap .select_character .class_img{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/classes_spr.jpg) no-repeat;background-size:1000% auto;will-change:transform}.select_classes_wrap .character_0 .class_img{background-position:0 0}.select_classes_wrap .character_4 .class_img{background-position:calc((100% / 9) * 1) 0}.select_classes_wrap .character_8 .class_img{background-position:calc((100% / 9) * 2) 0}.select_classes_wrap .character_12 .class_img{background-position:calc((100% / 9) * 3) 0}.select_classes_wrap .character_16 .class_img{background-position:calc((100% / 9) * 4) 0}.select_classes_wrap .character_20 .class_img{background-position:calc((100% / 9) * 5) 0}.select_classes_wrap .character_21 .class_img{background-position:calc((100% / 9) * 6) 0}.select_classes_wrap .character_24 .class_img{background-position:calc((100% / 9) * 7) 0}.select_classes_wrap .character_25 .class_img{background-position:calc((100% / 9) * 8) 0}.select_classes_wrap .character_26 .class_img{background-position:calc((100% / 9) * 9) 0}.select_classes_wrap .character_28 .class_img{background-position:calc((100% / 9) * 0) calc((100% / 3) * 1)}.select_classes_wrap .character_31 .class_img{background-position:calc((100% / 9) * 1) calc((100% / 3) * 1)}.select_classes_wrap .character_27 .class_img{background-position:calc((100% / 9) * 2) calc((100% / 3) * 1)}.select_classes_wrap .character_19 .class_img{background-position:calc((100% / 9) * 3) calc((100% / 3) * 1)}.select_classes_wrap .character_23 .class_img{background-position:calc((100% / 9) * 4) calc((100% / 3) * 1)}.select_classes_wrap .character_11 .class_img{background-position:calc((100% / 9) * 5) calc((100% / 3) * 1)}.select_classes_wrap .character_29 .class_img{background-position:calc((100% / 9) * 6) calc((100% / 3) * 1)}.select_classes_wrap .character_17 .class_img{background-position:calc((100% / 9) * 7) calc((100% / 3) * 1)}.select_classes_wrap .character_5 .class_img{background-position:calc((100% / 9) * 8) calc((100% / 3) * 1)}.select_classes_wrap .character_1 .class_img{background-position:calc((100% / 9) * 9) calc((100% / 3) * 1)}.select_classes_wrap .character_9 .class_img{background-position:calc((100% / 9) * 0) calc((100% / 3) * 2)}.select_classes_wrap .character_2 .class_img{background-position:calc((100% / 9) * 1) calc((100% / 3) * 2)}.select_classes_wrap .character_10 .class_img{background-position:calc((100% / 9) * 2) calc((100% / 3) * 2)}.select_classes_wrap .character_7 .class_img{background-position:calc((100% / 9) * 3) calc((100% / 3) * 2)}.select_classes_wrap .character_30 .class_img{background-position:calc((100% / 9) * 4) calc((100% / 3) * 2)}.select_classes_wrap .character_15 .class_img{background-position:calc((100% / 9) * 5) calc((100% / 3) * 2)}.select_classes_wrap .character_6 .class_img{background-position:calc((100% / 9) * 6) calc((100% / 3) * 2)}.select_classes_wrap .character_33 .class_img{background-position:calc((100% / 9) * 7) calc((100% / 3) * 2)}.select_classes_wrap .character_34 .class_img{background-position:calc((100% / 9) * 8) calc((100% / 3) * 2)}.select_classes_wrap .character_3 .class_img{background-position:calc((100% / 9) * 9) calc((100% / 3) * 2)}.select_classes_wrap .character_32 .class_img{background-position:calc((100% / 9) * 0) calc((100% / 3) * 3)}.layer_class_detail{display:none}.container.wiki{min-height:100vh;padding-top:130px;background:url(../images/wiki_guide_bg.jpg) top center no-repeat #0f0b0a;background-size:100% auto;box-sizing:border-box}.select_classes_wrap.select_main{padding:140px 0 560px;background-image:url(../images/classes_main_bg.jpg);background-position:bottom center}.select_classes_wrap.select_main .select_character{width:100%;padding:0 var(--padding-select_character) 18px}.select_classes_wrap.select_main .select_character .class_wrap{-webkit-filter:none;filter:none}.select_classes_wrap.select_main .select_character .class_name{bottom:17px}.select_classes_wrap.select_main .select_character .class_name::after,.select_classes_wrap.select_main .select_character .class_name::before{bottom:120%}.select_classes_wrap.select_main .select_desc_wrap{display:flex;flex-direction:column;align-items:center;margin-top:125px}.select_classes_wrap.select_main .select_desc_wrap .select_desc_title{padding:0 0.5rem;color:#191614;font-size:46px;font-weight:bold;text-align:center}.select_classes_wrap.select_main .select_desc_wrap .select_desc_btn{display:flex;justify-content:center;align-items:center;margin-top:45px;width:390px;height:78px;font-size:20px;color:#201507}#modal_request_update{position:fixed;left:0;top:0;display:none;justify-content:center;align-items:center;width:100%;height:100%;padding:5% 10%;background:rgba(0, 0, 0, 0.7);box-sizing:border-box;z-index:1001}#modal_request_update .modal_inner{display:block;width:47.5rem;max-width:100%;background:#fff;overflow:hidden}#modal_request_update .modal_title{position:relative;width:100%;height:3.13rem;padding:0.63rem 3.13rem 0.63rem 1.56rem;font-size:1.06rem;line-height:1.88rem;text-overflow:ellipsis;white-space:nowrap;color:#fff;background:#1e2129;overflow:hidden;box-sizing:border-box}#modal_request_update .modal_title .btn_close{position:absolute;top:1rem;right:1.13rem;width:1.13rem;height:1.13rem;z-index:3;margin-left:-1px}#modal_request_update .modal_title .btn_close:hover .line{background:#fff}#modal_request_update .modal_title .btn_close .line{display:block;position:absolute;left:50%;top:50%;width:1.5rem;height:0.13rem;box-sizing:border-box;background:#666;-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}#modal_request_update .modal_title .btn_close .line:nth-child(1){-webkit-transform:translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg);transform:translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg)}#modal_request_update .modal_title .btn_close .line:nth-child(2){-webkit-transform:translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 135deg);transform:translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 135deg)}#modal_request_update .modal_content{max-height:80vh;padding:1.56rem;overflow-y:auto;box-sizing:border-box}#modal_request_update .modal_content .title{position:relative;display:block;padding-left:2.13rem;font-size:1.13rem;line-height:1.5rem;color:#010101}#modal_request_update .modal_content .icn_wiki_request{position:absolute;left:1px;top:1px;width:1.38rem;height:1.38rem;background:url(../images/icn_wiki_request.svg) no-repeat center center;background-size:contain}#modal_request_update .modal_content .input_family{display:block;width:100%;height:3.25rem;margin-top:0.63rem;padding:0.94rem;font-size:0.94rem;line-height:1.38rem;color:#888;border:1px solid #cecece;background:#fafafa;box-sizing:border-box}#modal_request_update .modal_content .input_family[disabled],#modal_request_update .modal_content .input_family[readonly]{opacity:0.7;cursor:not-allowed}#modal_request_update .modal_content .input_contents{display:block;width:100%;min-height:10rem;height:32.38rem;max-height:calc(100vh - 26rem);margin-top:0.63rem;padding:0.94rem;font-size:0.94rem;line-height:1.38rem;color:#888;border:1px solid #cecece;background:#fafafa;overflow-y:auto;resize:none;box-sizing:border-box}#modal_request_update .modal_content .btn_wrap{margin-top:0.94rem}#modal_request_update .modal_content .btn_request{display:block;width:16.28rem;height:3.5rem;font-size:1rem}.wiki_guide_wrap{padding:0 30px;overflow:hidden}.wiki_guide_wrap > h2{position:relative;font-size:48px;color:#fff;text-align:center;margin-bottom:50px;z-index:20}.content_wrap{position:relative;max-width:1300px;margin:0 auto;box-sizing:border-box}.content_wrap:after{display:block;content:'';height:0;font-size:0;opacity:0;clear:both}.aside_wrap{float:left;width:310px;margin-top:30px}.aside_wrap + .content{margin-left:330px}.content.wiki_search{padding-top:30px}.aside_wrap.fixed{position:fixed;top:66px}.aside_wrap.fixed.end{position:absolute;top:auto;bottom:120px}.btn_mob_toggle{display:none}.box_search_top .custom_input{border:1px solid #6e5856;height:50px;box-sizing:border-box}.box_search_top .custom_input input[type='text']{height:100%;background-color:transparent;color:#eee;font-size:15px}.box_search_top .custom_input input[type='text']:focus{box-shadow:none}.box_search_top .btn_search{display:block;width:50px;height:50px;background:#6e5856;position:absolute;top:-1px;right:-1px;cursor:pointer}.box_search_top .btn_search:before{display:block;content:'';overflow:hidden;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:25px;height:25px;box-sizing:border-box;background:url(../images/spr_etc.png) -225px -448px no-repeat;background-size:800px 800px;opacity:1}.menu_wrap{text-align:left;height:990px;box-sizing:border-box;margin-top:20px;padding:30px 20px 30px 30px;background:rgba(0, 0, 0, 0.5)}.menu_wrap.use_banner{max-height:calc(100vh - 500px)}.menu_wrap > .inner{height:100%;box-sizing:border-box;padding-right:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.menu_wrap > .inner::-webkit-scrollbar{width:9px;height:8px;background:url(../images/scrollbar_track_bg.png) repeat-y;background-position:50% 0}.menu_wrap > .inner::-webkit-scrollbar-button:decrement,.menu_wrap > .inner::-webkit-scrollbar-button:end:increment{display:block;height:10px;background-color:transparent}.menu_wrap > .inner::-webkit-scrollbar-track{background-color:transparent}.menu_wrap > .inner::-webkit-scrollbar-thumb{height:50px;width:11px;background:#66514f;-wekbkit-border-radius:11px;border-radius:11px;-webkit-box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.1)}.menu_wrap .list_wrap{margin-bottom:20px;padding-top:20px;border-top:1px solid rgba(255, 255, 255, 0.2);overflow:hidden;transition:max-height 1s ease}.menu_wrap .list_wrap:first-child{padding-top:0;border:none}.menu_wrap .list_wrap:last-child{margin-bottom:0}.menu_wrap .list_title{position:relative;padding-right:1.25rem;font-size:20px;color:#fff;font-weight:normal;line-height:1.3;text-align:left;cursor:pointer}.menu_wrap .icn_list_arrow,.menu_wrap .inner .list_wrap:not(.active) .icn_list_arrow{position:absolute;top:calc(50% - 7px);right:3px;width:14px;height:14px;-webkit-transition:top 0.25s ease;transition:top 0.25s ease}.menu_wrap .icn_list_arrow i,.menu_wrap .inner .list_wrap:not(.active) .icn_list_arrow i{position:absolute;top:calc(50% - 1px);display:inline-block;width:14px;height:2px;background-color:#a8a8a8;-webkit-transition:transform 0.4s ease;transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;transition:transform 0.4s ease,-webkit-transform 0.4s ease}.menu_wrap .icn_list_arrow i:first-of-type,.menu_wrap .inner .list_wrap:not(.active) .icn_list_arrow i:first-of-type{left:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.menu_wrap .icn_list_arrow i:last-of-type,.menu_wrap .inner .list_wrap:not(.active) .icn_list_arrow i:last-of-type{right:-5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.menu_wrap .list_wrap.active .icn_list_arrow i:first-of-type,.menu_wrap .list_wrap.show .icn_list_arrow i:first-of-type{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.menu_wrap .list_wrap.active .icn_list_arrow i:last-of-type,.menu_wrap .list_wrap.show .icn_list_arrow i:last-of-type{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.menu_wrap .list_item_wrap{display:none;margin-top:26px}.menu_wrap .list_wrap.show .list_item_wrap{display:block}.menu_wrap .list_item{margin:15px 0}.menu_wrap .list_item:first-child{margin-top:0}.menu_wrap .list_item:last-child{margin-bottom:0}.menu_wrap .list_item a{position:relative;display:inline-block;vertical-align:middle;padding-left:14px;font-size:15px;color:#a8a8a8;font-weight:normal;line-height:1.3}.menu_wrap .list_item a:before{display:block;content:'';overflow:hidden;position:absolute;top:0.55rem;left:0;width:6px;box-sizing:border-box;border-bottom:1px solid #a8a8a8;background:0 0}.menu_wrap .list_item a.active,.menu_wrap .list_item a:hover{color:#ae8d67}.menu_wrap .list_item a.active:before,.menu_wrap .list_item a:hover:before{border-color:#ae8d67}.breadcrumb ul:after{display:block;content:'';height:0;font-size:0;opacity:0;clear:both}.breadcrumb ul li{float:left}.breadcrumb ul li + li{margin-left:13px;padding-left:16px;position:relative}.breadcrumb ul li + li:before{display:block;content:'';overflow:hidden;position:absolute;top:4px;left:-4px;width:7px;height:7px;box-sizing:border-box;border-right:1px solid #fff;border-bottom:1px solid #fff;background:0 0;-webkit-transform:rotate(-40deg) skewX(10deg);transform:rotate(-40deg) skewX(10deg)}.breadcrumb{height:30px}.breadcrumb ul li a,.breadcrumb ul li span{font-size:13px;color:#fff;font-weight:normal;vertical-align:top}.detail_wrap{position:relative;padding-bottom:202px}.detail_wrap:after{display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:202px;box-sizing:border-box;background:url(../images/wiki_detail_wrap_bg.png) 50% 0 no-repeat;background-size:cover}.detail_wrap > .inner{position:relative;background:#eee;padding:40px;min-height:1030px;box-sizing:border-box;font-size:15px;color:#3d3d3d;line-height:1.6}.detail_wrap > .inner .head_title + .search_title{margin-top:1em}.detail_wrap .inner .youtube_wrap{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}.detail_wrap .inner iframe{position:absolute;width:100%;height:100%;top:0;left:0}.detail_wrap .share_wrap{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.8rem;padding:0.75rem 0.4rem 0.75rem 0}.detail_wrap .share_wrap.bottom{justify-content:space-between;align-items:center;margin-top:20px;padding-top:2.25rem;border-top:1px solid rgba(0, 0, 0, 0.125)}.detail_wrap .share_wrap .btn_req_update{position:relative;width:auto;height:auto;padding:6px 10px;font-size:14px;color:#3d3d3d}.detail_wrap .share_wrap .btn_share_wrap{align-items:center}.detail_wrap .share_wrap .btn_share_wrap .custom_sns_list{flex:0 0 auto}.detail_wrap .custom_share_wrap{margin-left:0;margin-right:0}.detail_wrap .update_txt{margin-right:0.6rem;font-size:0.8125rem;color:#a1a0a0}.detail_wrap .wiki_detail_contents{padding-bottom:25px}.detail_wrap .wiki_detail_contents p{overflow:hidden;text-overflow:ellipsis}.detail_wrap .head_title{position:relative;font-size:2rem;min-height:1.55em;color:#603a3a;padding:0 5rem 1rem 2rem;margin-bottom:1.8rem;border-bottom:1px solid #613a3a;line-height:1.55}.detail_wrap .head_title:before{display:block;content:'';position:absolute;top:0.875rem;left:0;width:24px;height:24px;background:url(../images/spr_etc.png) -372px -541px no-repeat}:lang(th-TH) .detail_wrap .head_title:before{top:7px}.detail_wrap .first_title{font-size:24px!important;color:#000;font-weight:bold;padding-left:25px}.detail_wrap .first_title:before{display:block;content:'';width:8px;height:8px;background:#000;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:15px}.detail_wrap .second_title{font-size:20px!important;color:#323232;font-weight:normal}.detail_wrap .sub_title{font-size:17px!important;color:#3d3d3d;font-weight:normal}.detail_wrap p{font-size:15px;color:#3d3d3d;font-weight:normal;line-height:1.6}.detail_wrap b,.detail_wrap strong{font-weight:bold}.detail_wrap img{max-width:100%;height:auto}.detail_wrap hr{height:1px;border:0;background:#dfdfdf;margin:24px 0}.detail_wrap .no_data p{line-height:50px}.detail_wrap .btn.btn_top{display:none;position:relative;width:66px;height:66px;background:#6e5856;position:absolute;right:20px;bottom:140px}.detail_wrap .btn.btn_top:before{display:block;content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);overflow:hidden;width:21px;height:23px;background:url(../images/spr_etc.png) no-repeat;background-position:-419px -541px;opacity:1}.detail_wrap .search_title{font-size:24px;color:#3d3d3d;font-weight:normal}.detail_wrap .search_title ~ .search_title{padding-top:30px;margin-top:30px;border-top:1px solid #dfdfdf}.detail_wrap .search_result{margin-top:30px}.detail_wrap .search_result.no_data{margin-top:-30px;border-top:0;border-bottom:1px solid #dfdfdf}.detail_wrap .search_result ul li{margin:20px 0 0 1.5rem}.detail_wrap .search_result ul li::before{display:none}.detail_wrap .search_result ul li a{display:inline-block;vertical-align:middle;position:relative;font-size:15px;color:#3d3d3d;font-weight:normal;padding-bottom:5px}.detail_wrap .search_result ul li a .year{position:relative;padding-right:15px;margin-right:10px;vertical-align:top}.detail_wrap .search_result ul li a .year:after{display:block;content:'';position:absolute;right:0;top:50%;width:8px;height:8px;box-sizing:border-box;background:0 0;border-left:1px solid #fff;border-top:1px solid #fff;-webkit-transform:translate(0, -50%) rotate(135deg);transform:translate(0, -50%) rotate(135deg)}.detail_wrap .search_result ul li a:hover{color:#ae8d67}.detail_wrap .search_result ul li a:hover:after{display:block;content:'';border-bottom:1px solid #ae8d67;position:absolute;left:0;bottom:0;width:100%;height:100%;box-sizing:border-box}.detail_wrap .btn_req_update{display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;width:50px;height:50px;box-sizing:border-box;border:1px solid #c9bebd;background:#f7f7f7;transition:0.3s;overflow:visible}.detail_wrap .btn_req_update .req_update_img{display:block;width:30px;height:32px;box-sizing:border-box;background:url(../images/reg_update.svg) no-repeat center;background-size:contain;-webkit-transform:translate3d(2px, 2px, 0);transform:translate3d(2px, 2px, 0)}.detail_wrap .btn_req_update .req_update_text{position:absolute;bottom:108%;left:50%;padding:4px 7px;font-size:12px;color:#f0f0f0;text-align:center;background:rgba(0, 0, 0, 0.85);opacity:0;visibility:hidden;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);-webkit-transition:opacity 0.15s,visibility 0.15s;transition:opacity 0.15s,visibility 0.15s;white-space:nowrap}.detail_wrap .btn_req_update:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;background-color:rgba(255, 255, 255, 0.4);opacity:0;transition:0.3s;z-index:1}.wiki_guide_wrap .detail_wrap .head_title{margin-bottom:0}.detail_wrap .search_result_item{display:block;padding:20px 12px;border-top:1px solid #dfdfdf;line-height:1.4}.detail_wrap .search_result_item .search_title{font-size:20px}.detail_wrap .search_result_item .search_result_keyword{color:#ad8b53}.detail_wrap .search_result_item .search_result{margin-top:10px;font-size:14px}.detail_wrap .search_result_item .search_result ul li{width:100%;width:calc(100% - 1.5rem);margin:0 0 0 1.5rem;color:#4e4e4e;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-indent:0;padding-left:0}.detail_wrap .search_result_item .search_result_link{color:#603a3a}.wiki_guide_wrap .btn_probability{display:block;position:relative;width:100%;height:80px;margin-top:20px;-webkit-transition:filter 0.3s;transition:-webkit-filter 0.3s;transition:filter 0.3s;transition:filter 0.3s,-webkit-filter 0.3s}.wiki_guide_wrap .btn_probability span{display:flex;align-items:center;position:absolute;left:0;top:0;width:100%;height:100%;padding-right:140px;padding-left:24px;color:#ffdfb9;font-size:16px;box-sizing:border-box}.wiki_guide_wrap .btn_probability img{display:block;width:100%;height:100%}.wiki_guide_wrap .btn_probability img.mobile{display:none}.sound_slide_wrap{position:relative}.sound_slide_wrap:before{content:'';display:block;position:absolute;width:123px;height:246px;right:50%;margin-right:-354px;top:50%;margin-top:-144px;background:url(../images/gameinfo_soundtrack_pin.png) center no-repeat;z-index:4;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);-webkit-transform-origin:106px 35px;transform-origin:106px 35px;-webkit-transition:transform 0.75s;transition:-webkit-transform 0.75s;transition:transform 0.75s;transition:transform 0.75s,-webkit-transform 0.75s}.sound_slide_wrap.on:before{-webkit-transform:rotate(8deg);-webkit-transform-origin:106px 35px;-webkit-transition:transform 1.2s 0.2s;transition:-webkit-transform 1.2s 0.2s;transition:transform 1.2s 0.2s;transition:transform 1.2s 0.2s,-webkit-transform 1.2s 0.2s}.sound_list{background:url(../images/gameinfo_soundtrack_bg.png) center no-repeat}.sound_list .owl-item img{display:block}.sound_list .sound_item{position:relative;text-align:center;display:inline-block;margin:0 auto;-webkit-transform:translateY(88px) scale(0.8);transform:translateY(88px) scale(0.8);-webkit-transition:transform 0.8s 0.2s;transition:-webkit-transform 0.8s 0.2s;transition:transform 0.8s 0.2s;transition:transform 0.8s 0.2s,-webkit-transform 0.8s 0.2s}.sound_list .sound_item .cover{position:relative;z-index:2;-webkit-transition:transform 0.4s;transition:-webkit-transform 0.4s;transition:transform 0.4s;transition:transform 0.4s,-webkit-transform 0.4s}.sound_list .sound_item .record{position:absolute;top:calc(50% - 180px);left:5%;z-index:1;width:90%;height:90%;-webkit-transition:transform 0.4s;transition:-webkit-transform 0.4s;transition:transform 0.4s;transition:transform 0.4s,-webkit-transform 0.4s}.sound_list .sound_item .record::before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/gameinfo_soundtrack_record.png) no-repeat center;background-size:contain;z-index:-1;content:''}.sound_list .sound_item .record::after{display:block;content:'';position:absolute;right:41%;top:2px;width:18%;height:26.5%;opacity:0.1;background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent)}.sound_list .sound_item .record img{position:relative;z-index:2;opacity:1}.sound_list .owl-item.center{text-align:center;position:relative;z-index:2}.sound_list.owl-carousel .owl-dots.disabled,.sound_list.owl-carousel .owl-nav.disabled{display:block}.sound_list .center .sound_item{margin:0 auto;-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1);-webkit-transition:transform 0.6s;transition:-webkit-transform 0.6s;transition:transform 0.6s;transition:transform 0.6s,-webkit-transform 0.6s;-webkit-transition-delay:0.2s;transition-delay:0.2s}.sound_list .center .sound_item img{max-width:100%}.sound_list .center .sound_item .cover{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition-delay:0.2s;transition-delay:0.2s}.sound_list .center .sound_item .record{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition-delay:0.2s;transition-delay:0.2s}.sound_list .center.on .sound_item .cover{-webkit-transform:translateX(-130px);transform:translateX(-130px)}.sound_list .center.on .sound_item .record{-webkit-transform:translateX(130px);transform:translateX(130px);will-change:initial}.sound_slide_wrap.on .sound_list .center.on .sound_item .record img{-webkit-animation:spin 2.5s infinite 0.8s linear;animation:spin 2.5s infinite 0.8s linear}.sound_slide_wrap.on .sound_list .center.on .sound_item .record::after{-webkit-animation:spinBright 5s infinite 0.8s linear both;animation:spinBright 5s infinite 0.8s linear both}.sound_list button[role='presentation']{position:absolute;display:inline-block;width:42px;height:70px;-webkit-transition:0.35s;transition:0.35s}.sound_list button[role='presentation']:before{display:block;overflow:hidden;content:'';position:absolute;top:50%}.sound_list button[role='presentation']:hover{background-color:transparent}.sound_list button[role='presentation'].owl-prev{left:0;top:50%;margin-top:-35px}.sound_list button[role='presentation'].owl-prev:before{left:80%;width:46px;height:46px;box-sizing:border-box;border-left:2px solid #fff;border-top:2px solid #fff;background:0 0;-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.sound_list button[role='presentation'].owl-next{right:0;top:50%;margin-top:-35px}.sound_list button[role='presentation'].owl-next:before{left:20%;width:46px;height:46px;box-sizing:border-box;border-left:2px solid #fff;border-top:2px solid #fff;background:0 0;-webkit-transform:translate(-50%, -50%) rotate(135deg);transform:translate(-50%, -50%) rotate(135deg)}.sound_list button[role='presentation'] span{display:none}.sound_info_wrap{position:relative;z-index:2;background:#e3e3e3;padding-bottom:50px;padding:0 50px;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e3e3e3), color-stop(1, #fff));background:linear-grdient(top, #e3e3e3 0, #fff 100%)}.sound_info_box{max-width:1300px;margin:0 auto;background:#f1f3f3;text-align:center;-webkit-transform:translateY(-50px);transform:translateY(-50px)}.sound_info_con{position:relative;z-index:3;padding:40px;background:url(../images/gameinfo_soundtrack_info01_bg.jpg) center no-repeat;background-size:cover}.sound_info_con img{max-width:100%}.sound_info_tab{display:none}.sound_info_desc h3{font-size:30px;color:#000;font-weight:normal;margin:20px 0;line-height:1}.sound_info_desc p{font-size:15px;color:#000;font-weight:normal;margin:20px 0;line-height:1.8}.sound_info_notice{text-align:center;margin-top:40px}.sound_info_notice li{font-size:13px;color:#494949;font-weight:normal;margin:10px 0}.sound_info_notice li span{display:inline-block}.sound_info_notice li span:before{display:inline-block;vertical-align:middle;content:'';margin-right:10px;width:2px;height:2px;background:#494949}.scPlayer{display:none;position:relative;max-width:1000px;margin:0 auto;padding:10px 0}.scPlayer.on{display:block}.scplayMusic{overflow:hidden;position:relative;width:100%;height:490px}.scplayMusic .scBg{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;padding:10px 0 10px 10px;box-sizing:border-box}.scplayMusic .scBg::before{content:'';display:block;width:100%;height:100%;border:1px solid rgba(255, 255, 255, 0.4)}.scPlayListWrap .scBg::before{border-left:none}.scplayMusic .scPlayListWrap .scBg{padding:10px 10px 10px 0}.scplayMusic .scPlayListWrap .scBg::before{border-color:rgba(213, 213, 213, 0.4)}.scplayMusic .bgAlbum{position:absolute;left:0;top:0;width:50%;height:100%;z-index:1;background-repeat:no-repeat;transition:0.8s ease-in-out}.scplayMusic.tab1 .bgAlbum{background-image:url(../images/gameinfo_soundtrack_bg_balenos.jpg)}.scplayMusic.tab2 .bgAlbum{background-image:url(../images/gameinfo_soundtrack_bg_serendia.jpg)}.scplayMusic.tab3 .bgAlbum{background-image:url(../images/gameinfo_soundtrack_bg_calpheon.jpg)}.scplayMusic .scLogo{position:absolute;left:24px;top:24px;z-index:2}.scplayMusic .scMusicPlayer{position:absolute;z-index:-1;overflow:hidden;left:0}.scPlayListWrap{position:absolute;top:0;right:0;z-index:1;width:50%;max-width:500px;height:100%;padding:30px 40px;box-sizing:border-box;background:#fbfbfb}.scInfo{position:relative;z-index:4}.scInfo .scInfoCont{display:flex;align-items:center;font-size:0;overflow:hidden;text-align:left}.scInfo .scGroupBtn{display:inline-block;min-width:44px;height:44px;vertical-align:middle;position:relative}.scInfo .scGroupBtn a{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/gameinfo_soundtrack_play.png) no-repeat}.scInfo .scGroupBtn a.icoBtnGroup.on{display:block}.scInfo .scInfoTitle{display:inline-block;vertical-align:middle;font-size:17px;font-weight:bold;letter-spacing:-0.2px;color:#000;padding-left:22px}.scInfo .scGroupBtn .icoPause{background-image:url(../images/gameinfo_soundtrack_stop.png)}.scInfo .scPlayerSlide{position:relative;margin-top:15px}.scInfo .scPlayerSlideCont{height:2px;background-color:#d5d5d5}.scInfo .scProgress{height:100%;background-color:#000}.scInfo .scBar{position:relative;padding:5px 0;cursor:pointer}.scInfo .scplaycontrol{position:absolute;top:50%;width:12px;height:12px;margin:-5px 0 0 -5px;background:url(../images/gameinfo_soundtrack_tick.png) no-repeat}.scInfo .scPlaytime{position:absolute;right:0;bottom:14px;font-size:12px;font-weight:100;color:#000}.scPlayList{display:none;position:relative;z-index:4;text-align:left}.scPlayList.on{display:block}.scPlayList .scPlayListTitle{display:none}.scList{padding:16px 0 0}.scList li ~ li{margin-top:10px}.scList .scLinkTxt{display:block;font-size:14px;color:#000;letter-spacing:0}.scList .on .scLinkTxt,.scList .scLinkTxt:hover{color:#2e3b7d}:lang(ja-JP) section.feature_wrap.first .visual_wrap .h2_desc{max-width:610px}:lang(ja-JP) section.feature_wrap.second .hisoty_wrap .history_world .inner .text_area{height:204px}:lang(ja-JP) .tab_guide_wrap .box_inner .h3_desc{font-size:17px}:lang(ja-JP) .characteristic .label,:lang(ja-JP) .characteristic .label{letter-spacing:0.32rem;margin-bottom:16px}:lang(ja-JP) .characteristic h3{font-size:32px}:lang(ja-JP) .characteristic .desc{letter-spacing:0}:lang(ja-JP) .detail_wrap .head_title{font-size:27px}:lang(ru-RU) section.feature_wrap.first .visual_wrap .h2_desc br{display:none}:lang(ru-RU) .characteristic h3{font-size:32px}:lang(ru-RU) .characteristic .desc{font-size:14px}:lang(ru-RU) .characteristic .desc br{display:none}:lang(ru-RU) section.feature_wrap.second .hisoty_wrap .box_history{padding:80px 0 0 29px}:lang(ru-RU) section.feature_wrap.second .hisoty_wrap .box_history strong.title{font-size:25px}:lang(ru-RU) section.feature_wrap.second .hisoty_wrap .history_world .inner .text_area br{display:none}:lang(ru-RU) .guide_bg_wrap .tab_nav_area ul li a{font-size:10px}:lang(ru-RU) .tab_guide_wrap .box_inner .desc_area br{display:none}.feature_rating{display:flex;align-items:center;padding-top:20px;min-height:568px;background:url(../images/rating_bg.jpg) no-repeat center/cover;box-sizing:border-box}.feature_rating .rating_list{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;width:100%;max-width:1400px;padding:60px 30px;margin:0 auto;box-sizing:border-box}.feature_rating .rating_item{display:flex;justify-content:center;align-items:center;flex-direction:column;flex:0 1 calc(100% / 3);min-height:116px;padding:10px 20px;text-align:center;box-sizing:border-box}.feature_rating .rating_item .rating_contents{font-size:18px;color:#fff}.feature_rating .rating_item .rating_agency{font-size:14px;color:#f8dda6;margin-top:0.4rem}.custom_input.search .btn_loader.btn_search.btn_wiki_search .loading_mini_circle{background:linear-gradient(0deg, rgba(110, 88, 86, 0.05) 33%, rgb(255, 255, 255) 100%)}.custom_input.search .btn_loader.btn_search.btn_wiki_search .loading_mini_core{background:#6e5856}.custom_input.search .btn_loader.btn_search.btn_wiki_search::before{content:none;display:none}body.app_mode .container.wiki{padding-top:65px}body.app_mode .container.ost .top_gameinfo_wrap{padding-top:0;overflow:hidden}body.app_mode .select_classes_wrap.select_main{padding-top:60px}body.app_mode section.feature_wrap.first{padding-top:0;overflow:hidden}@media screen and (min-width: 1024px) and (min-height: 600px){.menu_wrap{max-height:70vh}}@media screen and (min-width: 1281px){.box_search_top .custom_input:hover{border-color:#aa8f8d}.box_search_top .custom_input:hover .btn_search{background:#aa8f8d}.wiki_guide_wrap .btn_probability:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.detail_wrap .btn_req_update:hover .req_update_text{opacity:1;visibility:visible}.aside_wrap .menu_wrap{-webkit-transition:max-height 0.3s ease-in-out;transition:max-height 0.3s ease-in-out}.aside_wrap.fixed .menu_wrap{max-height:calc(100vh - 230px)}.aside_wrap.fixed .menu_wrap.use_banner{max-height:calc(100vh - 320px)}.custom_input.search:hover .btn_loader.btn_search.btn_wiki_search .loading_mini_circle{background:linear-gradient(0deg, rgba(164, 137, 131, 0.05) 33%, rgb(255, 255, 255) 100%)}.custom_input.search:hover .btn_loader.btn_search.btn_wiki_search .loading_mini_core{background:#aa8f8d}}@media screen and (min-width: 1025px){.detail_wrap .search_result_item .search_result_link:hover{text-decoration:underline;text-decoration:underline #603a3a;text-underline-position:under}.detail_wrap .btn_req_update:hover:before{opacity:1}.select_classes_wrap .select_character:hover{z-index:2}.select_classes_wrap .select_character .class_wrap:hover{-webkit-filter:none;filter:none;-webkit-transform:scale3d(1.12, 1.12, 1) translate3d(0, 0, 0);transform:scale3d(1.12, 1.12, 1) translate3d(0, 0, 0);z-index:1}.select_classes_wrap.select_sub .select_character .class_wrap:hover::before{border-color:#e7bc5c}.select_classes_wrap.select_sub .select_character .class_wrap:hover .class_name{color:#e7bc5c}.select_classes_wrap.select_sub .select_character .class_wrap:hover .class_name::before{opacity:0}.select_classes_wrap.select_sub .select_character .class_wrap:hover .class_name::after{opacity:1}.select_classes_wrap.select_main .select_character .class_wrap:hover{transition-duration:0.15s;box-shadow:0 5px 20px 5px rgba(0,0,0,0.26667)}.select_classes_wrap.select_main .select_character .class_wrap:hover .card_glow{opacity:0.6}}@media screen and (max-width: 1480px){section.feature_wrap.second .hisoty_wrap .tab_history_nav{margin:0 auto}section.feature_wrap.second .hisoty_wrap .tab_nav_area{padding-left:0}section.feature_wrap.second .hisoty_wrap .tab_history{margin:0 auto}section.feature_wrap.second .hisoty_wrap .box_history{padding-right:20px}:lang(ja-JP) section.feature_wrap.second .hisoty_wrap .tab_history_nav li a{font-size:14px}}@media screen and (max-width: 1280px){.floating_wrap{display:none}.top_gameinfo_wrap{padding-top:4.166rem;background-image:url(../images/m_gameinfo_top_bg.jpg);background-size:cover}.top_gameinfo_wrap h2{font-size:2.166rem;padding:2.08rem 0 1.125rem}.top_gameinfo_wrap p.h2_desc{font-size:0.791rem;padding:0 0 0.8rem}.top_gameinfo_wrap .inner{width:100%}section.feature_wrap.first{padding-top:4.166rem;height:auto;box-sizing:border-box;min-height:43.33rem;background-image:url(../images/m_feature_section01.jpg);background-size:cover}section.feature_wrap.first:before{display:none}section.feature_wrap.first .visual_wrap{text-align:center;margin-top:3.666rem;padding:0 1.25rem}section.feature_wrap.first .visual_wrap .label_title{font-size:1.25rem;margin-bottom:1rem}section.feature_wrap.first .visual_wrap h2{font-size:1.875rem;margin-bottom:1.25rem}section.feature_wrap.first .visual_wrap .video_area{margin-top:2.916rem;margin-bottom:2.916rem}section.feature_wrap.first .visual_wrap .h2_desc{margin:0 auto;max-width:27rem;font-size:0.916rem;padding-bottom:2.916rem}section.feature_wrap.first .visual_wrap .h2_desc br{display:none}section.feature_wrap.first .visual_wrap .h2_desc .mob_block{display:block}section.feature_wrap.first .visual_wrap .video_area.mob_block{display:block}section.feature_wrap.first .visual_wrap .video_area.mob_none{display:none}section.feature_wrap.first .visual_wrap .video_area a{margin:0 auto;width:100%;height:auto}section.feature_wrap.first .visual_wrap .video_area a:after{right:0.5rem;bottom:0.5rem;width:2.416rem;height:3rem;box-sizing:border-box;background-size:33.333rem 33.333rem;background-position:-15.958rem -12.75rem}section.feature_wrap.first .visual_wrap .video_area a img{position:relative;width:100%}section.feature_wrap.second{padding:0 1.25rem;height:auto;min-height:71.083rem;background-image:url(../images/m_feature_section02.jpg);background-size:cover}section.feature_wrap.second .label_title{font-size:1.25rem;padding-top:4.166rem}section.feature_wrap.second h2{font-size:1.875rem;margin-bottom:2.916rem}section.feature_wrap.second .hisoty_wrap{width:auto;padding-bottom:1.666rem}section.feature_wrap.second .hisoty_wrap .tab_nav_area{padding-left:0;margin-bottom:1.666rem}section.feature_wrap.second .hisoty_wrap .tab_cont:after{display:block;content:'';height:3.9166rem;background:url(../images/m_history_label_bg.png) 50% 0 no-repeat;background-size:contain}section.feature_wrap.second .hisoty_wrap .tab_history{width:auto}section.feature_wrap.second .hisoty_wrap .tab_history .line{display:none}section.feature_wrap.second .hisoty_wrap .tab_history_nav{flex-wrap:wrap;align-items:stretch}section.feature_wrap.second .hisoty_wrap .tab_history_nav li{width:50%;height:2.916rem;box-sizing:border-box;border-top:1px solid rgba(194, 194, 194, 0.2)}section.feature_wrap.second .hisoty_wrap .tab_history_nav li:nth-of-type(5n - 4)::before{display:none}section.feature_wrap.second .hisoty_wrap .tab_history_nav li::after{display:none}section.feature_wrap.second .hisoty_wrap .tab_history_nav li.active{border-top:1px solid #ae8973}section.feature_wrap.second .hisoty_wrap .tab_history_nav li a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:inherit;font-size:0.9583rem;padding:0}section.feature_wrap.second .hisoty_wrap .tab_history_nav li:nth-child(2n) a:before{display:block;content:'';width:0.08333rem;height:1.25rem;background:rgba(255, 255, 255, 0.2);position:absolute;top:50%;left:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}section.feature_wrap.second .hisoty_wrap .box_history{position:relative;width:100%;height:45rem;box-sizing:border-box;background-size:cover;margin-top:0;padding:3.33rem 1.66rem 6.25rem;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e4e4e4), color-stop(1, #ddd));background:-webkit-linear-gradient(top, #e4e4e4 0, #ddd 100%);background:linear-gradient(top, #e4e4e4 0, #ddd 100%)}section.feature_wrap.second .hisoty_wrap .box_history:before{display:block;content:'';position:absolute;left:0;top:0;right:0;height:7.5rem;background-size:auto 7.5rem;background-position:50% 0;background-repeat:no-repeat}section.feature_wrap.second .hisoty_wrap .history_world{background-color:#f0f0f0;background-image:url(../images/m_history_bg01.png);background-size:auto 20.08333rem;background-position:50% 100%;background-repeat:no-repeat}section.feature_wrap.second .hisoty_wrap .history_world:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:10rem;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e4e4e4), color-stop(1, #f0f0f0));background:-moz-linear-gradient(top, #e4e4e4 0, #f0f0f0 100%);background:-webkit-linear-gradient(top, #e4e4e4 0, #f0f0f0 100%);background:linear-gradient(top, #e4e4e4 0, #f0f0f0 100%)}section.feature_wrap.second .hisoty_wrap .box_calpheon:before{background-image:url(../images/m_history_symbol02.png)}section.feature_wrap.second .hisoty_wrap .box_serendia:before{background-image:url(../images/m_history_symbol03.png)}section.feature_wrap.second .hisoty_wrap .box_mediah:before{background-image:url(../images/m_history_symbol04.png)}section.feature_wrap.second .hisoty_wrap .box_valencia:before{background-image:url(../images/m_history_symbol05.png)}section.feature_wrap.second .hisoty_wrap .box_kamasylvia:before{background-image:url(../images/m_history_symbol06.png)}section.feature_wrap.second .hisoty_wrap .box_drieghan:before{background-image:url(../images/m_history_symbol07.png)}section.feature_wrap.second .hisoty_wrap .box_winter:before{background-image:url(../images/m_history_symbol08.png)}section.feature_wrap.second .hisoty_wrap .box_history .inner{width:100%}section.feature_wrap.second .hisoty_wrap .box_history .inner .text_area{margin-top:2.5rem;font-size:0.875rem;padding-right:1.25rem;height:35rem}section.feature_wrap.second .hisoty_wrap .box_history .inner .text_area .img_area{float:none;margin:0.625rem 0}section.feature_wrap.second .hisoty_wrap .box_history .inner .text_area .img_area.align_left{float:none;margin:0.625rem 0}section.feature_wrap.second .hisoty_wrap .box_history .inner .text_area .img_area img{max-width:100%;width:100%}section.feature_wrap.second .hisoty_wrap .box_history strong.title{font-size:1.666rem;position:relative}section.feature_wrap.second .hisoty_wrap .box_history strong.sub_title{font-size:1.25rem!important;margin-bottom:0.416rem}section.feature_wrap.second .hisoty_wrap .box_history .inner .text_area strong.year_title{font-size:1rem;margin-top:2.0833rem;margin-bottom:0.625rem}section.feature_wrap.second .hisoty_wrap .history_world strong.title{display:flex;-ms-flex-align:center;justify-content:center;align-items:center}section.feature_wrap.second .hisoty_wrap .history_world strong.title:after,section.feature_wrap.second .hisoty_wrap .history_world strong.title:before{display:block;content:'';flex:1;height:0.5rem;background-repeat:no-repeat;margin-top:-0.25rem;background-size:auto 100%}section.feature_wrap.second .hisoty_wrap .history_world strong.title:before{margin-right:2rem;background-image:url(../images/m_history_title_left_bg.png);background-position:right 50%}section.feature_wrap.second .hisoty_wrap .history_world strong.title:after{margin-left:2rem;background-image:url(../images/m_history_title_right_bg.png);background-position:left 50%}section.feature_wrap.second .hisoty_wrap .history_world .inner .text_area{height:22rem}section.feature_wrap.second .hisoty_wrap .history_world .text_area strong{font-size:1rem}section.feature_wrap.third{position:relative;height:auto}section.feature_wrap.third .title_wrap{position:absolute;top:4rem;width:100%}section.feature_wrap.third .label_title{font-size:1.25rem;margin-bottom:0.833rem;padding:0 1.25rem;box-sizing:border-box}section.feature_wrap.third h2{padding:0 1.25rem;font-size:1.875rem;box-sizing:border-box}section.feature_wrap.third .guide_bg_wrap.mob_block{position:relative}section.feature_wrap.third .guide_bg_wrap.mob_block .guide_item{padding-top:12.75rem}section.feature_wrap.third .guide_slider_wrap .owl-nav button[role='presentation']{top:12.75rem}.guide_bg_wrap.mob_none{display:none}.guide_bg_wrap.mob_block{display:block;position:relative}.guide_bg_wrap.mob_block .owl-dots{display:none}.guide_slider_wrap{height:100%;box-sizing:border-box}.guide_slider_wrap .owl-nav button[role='presentation']{position:absolute;display:block;width:3.9583rem;height:4.375rem;top:11.25rem}.guide_slider_wrap .owl-nav button[role='presentation'] span{display:none}.guide_slider_wrap .owl-nav .owl-prev{left:1.25rem}.guide_slider_wrap .owl-nav .owl-prev:before{display:block;content:'';position:absolute;width:0.916rem;height:0.916rem;border-left:2px solid #fff;border-top:2px solid #fff;background-color:transparent;-webkit-transform:translate(-50%, -50%) rotate(-40deg) skew(10deg);transform:translate(-50%, -50%) rotate(-40deg) skew(10deg);left:60%}.guide_slider_wrap .owl-nav .owl-next{right:1.25rem}.guide_slider_wrap .owl-nav .owl-next:before{display:block;content:'';position:absolute;width:0.916rem;height:0.916rem;border-left:2px solid #fff;border-top:2px solid #fff;background-color:transparent;-webkit-transform:translate(-50%, -50%) rotate(140deg) skew(10deg);transform:translate(-50%, -50%) rotate(140deg) skew(10deg);left:40%}.guide_bg_wrap .top_area{position:relative;padding:0 1.25rem;z-index:51}.guide_bg_wrap .top_area h3{margin-bottom:2.5rem;display:flex;align-items:center;justify-content:center;-ms-flex-align:center;height:4.375rem;box-sizing:border-box;text-align:center;font-size:1.5833rem;color:#fff;font-weight:normal;border-top:1px solid rgba(255, 255, 255, 0.25);border-bottom:1px solid rgba(255, 255, 255, 0.25)}.guide_bg_wrap .top_area h3 span{display:flex;align-items:center;justify-content:center;-ms-flex-align:center;padding:0 0.416rem;height:100%;border-top:1px solid #ae8973;border-bottom:1px solid #ae8973}.guide_bg_wrap .top_area .h3_desc{display:block;font-size:1.25rem;color:#ae8973;font-weight:normal;margin-bottom:1rem;text-align:center}.guide_bg_wrap .top_area .desc_area{font-size:0.916rem;color:#dededf;font-weight:normal;line-height:1.9;text-align:center;margin-bottom:1.666rem;text-shadow:0 0 0.8rem #000}.guide_bg_wrap .bottom_area{display:block;position:relative;padding:5.833rem;min-height:26.166rem;box-sizing:border-box}.guide_bg_wrap .bottom_area:after{display:block;content:'';height:0;font-size:0;opacity:0;clear:both}.guide_bg_wrap .bottom_area > a{display:block;position:absolute;top:5.833rem;bottom:0;width:100%;z-index:60}.guide_bg_wrap .bottom_area:before{display:block;content:'';position:absolute;left:0;bottom:0;background-repeat:no-repeat;background-size:contain;background-position:left bottom;z-index:50}.guide_bg_wrap .bottom_area .bg_area{float:left;width:50%}.guide_bg_wrap .bottom_area .bg_area span{position:relative;display:block;content:'';overflow:hidden;padding-bottom:94.5%;background-size:cover}.guide_bg_wrap .bottom_area .img_area{float:left;width:50%;position:relative;z-index:20}.guide_bg_wrap .bottom_area .img_area span{position:relative;display:block;overflow:hidden;padding-bottom:94.5%;box-sizing:border-box}.guide_bg_wrap .bottom_area .img_area span:after{display:block;content:'';overflow:hidden;position:absolute;right:0.5rem;bottom:0.5rem;width:2.083rem;height:2.083rem;background:url(../images/spr_etc.png) -5.791rem -10.125rem no-repeat;background-size:33.333rem 33.333rem}.guide_bg_wrap .bottom_area .img_area img{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:auto;height:100%}.guide_bg_wrap .guide_item{display:block;padding-top:11.25rem}.guide_bg_wrap .guide_item:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;background-size:cover}.guide_bg_wrap .guide_item.graphics:before{background-image:url(../images/m_guide_list01.jpg)}.guide_bg_wrap .guide_item.combat:before{background-image:url(../images/m_guide_list02.jpg)}.guide_bg_wrap .guide_item.nodesiege_war:before{background-image:url(../images/m_guide_list03.jpg)}.guide_bg_wrap .guide_item.openworld:before{background-image:url(../images/m_guide_list04.jpg)}.guide_bg_wrap .guide_item.knowledge:before{background-image:url(../images/m_guide_list05.jpg)}.guide_bg_wrap .guide_item.customizing:before{background-image:url(../images/m_guide_list06.jpg)}.guide_bg_wrap .guide_item.graphics .bottom_area .bg_area span{background-image:url(../images/m_guide_img_bg01.jpg)}.guide_bg_wrap .guide_item.combat .bottom_area .bg_area span{background-image:url(../images/m_guide_img_bg02.jpg)}.guide_bg_wrap .guide_item.nodesiege_war .bottom_area .bg_area span{background-image:url(../images/m_guide_img_bg03.jpg)}.guide_bg_wrap .guide_item.openworld .bottom_area .bg_area span{background-image:url(../images/m_guide_img_bg04.jpg)}.guide_bg_wrap .guide_item.knowledge .bottom_area .bg_area span{background-image:url(../images/m_guide_img_bg05.jpg)}.guide_bg_wrap .guide_item.customizing .bottom_area .bg_area span{background-image:url(../images/m_guide_img_bg06.jpg)}.guide_bg_wrap .guide_item.graphics .bottom_area:before{width:21.125rem;min-width:40%;height:26.166rem;min-height:82%;background-image:url(../images/m_guide_character01.png)}.guide_bg_wrap .guide_item.combat .bottom_area:before{width:19.791rem;min-width:38%;height:29.166rem;min-height:86%;background-image:url(../images/m_guide_character02.png)}.guide_bg_wrap .guide_item.nodesiege_war .bottom_area:before{width:17.5rem;min-width:40%;height:32.916rem;min-height:105%;background-image:url(../images/m_guide_character03.png)}.guide_bg_wrap .guide_item.openworld .bottom_area:before{width:29.166rem;min-width:56%;height:26.25rem;min-height:80%;background-image:url(../images/m_guide_character04.png)}.guide_bg_wrap .guide_item.knowledge .bottom_area:before{width:23.33rem;min-width:43%;height:26.166rem;min-height:80%;background-image:url(../images/m_guide_character05.png)}.guide_bg_wrap .guide_item.customizing .bottom_area:before{width:18.5rem;min-width:38%;height:26.166rem;min-height:87%;background-image:url(../images/m_guide_character06.png)}.classes_wrap .classes_top{height:35.416rem;background-size:cover}.classes_wrap .classes_top h2{left:0;bottom:3.333rem;display:block;width:100%;padding:0 5%;font-size:2.916rem;text-align:center;-webkit-transform:none;transform:none;box-sizing:border-box}.classes_wrap .classes_top_symbol{margin-top:-1.898rem}.classes_wrap .classes_top_symbol,.classes_wrap .classes_top_symbol .img_character_symbol{height:6rem}.classes_wrap .classes_top_symbol .img_character_symbol{position:absolute;left:50%;display:block;width:106.6666rem;margin-left:-53.3333rem}.classes_wrap .original{display:flex;justify-content:flex-start;align-items:center;height:auto;box-sizing:border-box;min-height:42rem;padding:0;background-size:cover}.characteristic .label{font-size:1.3rem;letter-spacing:0.58rem;margin-bottom:0.6rem}.characteristic h3{max-width:28rem;margin:0 auto;padding-bottom:2.2rem;font-size:1.59rem;box-sizing:border-box}.characteristic h3 .mob_block{display:block}.characteristic .desc_wrap .btn_more{display:box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-flex;display:-o-flex;display:flex;-webkit-align-items:center;-ms-align-items:center;-moz-align-items:center;-o-align-items:center;align-items:center;-webkit-justify-content:center;-ms-justify-content:center;-moz-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-align:center;width:100%;font-size:0.833rem;color:#000;font-weight:normal;border:1px solid rgba(0, 0, 0, 0.5);height:2.8333rem;box-sizing:border-box}.characteristic .feature{max-width:23rem;margin:0 auto 0.8rem auto}.characteristic .feature li + li{margin-left:0;margin-top:0.4166rem}.characteristic .feature li span{font-size:1.08rem}.characteristic .feature li span.title{margin-right:0;padding-left:0;font-size:0.75rem}.characteristic .feature li span.title:before{display:none}.characteristic .btn_wrap{width:23rem;margin:0 auto}.characteristic .btn_wrap.mob_block{display:block}.characteristic .desc{display:none}.media_area{justify-content:center;width:100%;margin-top:1.6rem}.media_area > p{width:11.25rem;height:7.916rem}.media_area > p a img{width:100%}.media_area p.ready_area,.media_area p.video_area{margin:0 0 0 0.5rem}.media_area p.img_area a:after{right:0.5rem;bottom:0.5rem;width:2.083rem;height:2.083rem;background-size:33.333rem 33.333rem;background-position:-5.791rem -10.125rem}.media_area p.video_area a:after{right:0.5rem;bottom:0.5rem;width:2rem;height:2.416rem;background-size:33.333rem 33.333rem;background-position:-9.375rem -10.125rem}.awakening{display:flex;justify-content:flex-end;align-items:center;height:auto;box-sizing:border-box;min-height:42.916rem;padding:0;background-size:cover}.awakening:before{background-size:cover}.awakening .characteristic .feature > ul{padding:0}.awakening .characteristic .desc_wrap{justify-content:flex-end}.awakening .characteristic .desc_wrap .btn_more{border-color:#fff;color:#fff}.awakening .media_area{align-items:flex-end}.succession{display:flex;justify-content:flex-start;align-items:center;height:auto;box-sizing:border-box;min-height:42.916rem;padding:0;background-size:cover}.succession:before{background-size:cover}.succession .characteristic .feature > ul{padding:0}.succession .characteristic .desc_wrap{justify-content:flex-start}.succession .characteristic .desc_wrap .btn_more{border-color:#fff;color:#fff}.succession .media_area{align-items:flex-start}.select_classes_wrap .select_classes_list{grid-template-columns:repeat(6, calc(148px + var(--padding-select_character) * 2))}.select_classes_wrap.select_main .select_classes_list{grid-template-columns:repeat(4, calc(237px + var(--padding-select_character) * 2))}.awakening .right_area,.classes_wrap .original .left_area,.succession .center_area{max-width:none;min-width:23rem;width:100%;margin:0}.classes_wrap .original .characteristic{padding:0}.classes_wrap .awakening,.classes_wrap .original,.classes_wrap .succession{flex-shrink:0;height:1px;min-height:42rem;padding:0 1.041rem;background-position-x:60%}.classes_wrap .awakening > .inner,.classes_wrap .original > .inner,.classes_wrap .succession > .inner{width:54%;min-width:23rem;margin:0;box-sizing:border-box}.classes_wrap.character_8 .original{background-position:left 68% center}.classes_wrap.character_24 .original{background-position:left 69% center}.classes_wrap.character_25 .original{background-position:left 69% center}.classes_wrap.character_31 .original{background-position:left 69% center}.classes_wrap.character_27 .original{background-position:left 67% center}.classes_wrap.character_1 .original{background-position:left 69% center}.classes_wrap.character_19 .original{background-position:left 72% center}.classes_wrap.character_11 .original{background-position:left 63% center}.classes_wrap.character_29 .original{background-position:left 70% center}.classes_wrap.character_5 .original{background-position:left 68% center}.classes_wrap.character_10 .original{background-position:left 68% center}.classes_wrap.character_7 .original{background-position:left 68% center}.classes_wrap.character_33 .original{background-position:left 68% center}.classes_wrap.character_34 .original{background-position:left 68% center}.classes_wrap.character_3 .original{background-position:left 68% center}.classes_wrap.character_32 .original{background-position:left 68% center}.classes_wrap.character_2 .awakening{background-position:left 16% center}.classes_wrap.character_4 .awakening{background-position:left 32% center}.classes_wrap.character_8 .awakening{background-position:left 36% center}.classes_wrap.character_24 .awakening{background-position:left 25% center}.classes_wrap.character_25 .awakening{background-position:left 23% center}.classes_wrap.character_26 .awakening{background-position:left 30% center}.classes_wrap.character_31 .awakening{background-position:left 35% center}.classes_wrap.character_27 .awakening{background-position:left 32% center}.classes_wrap.character_1 .awakening{background-position:left 20% center}.classes_wrap.character_23 .awakening{background-position:left 29% center}.classes_wrap.character_19 .awakening{background-position:left 29% center}.classes_wrap.character_11 .awakening{background-position:left 29% center}.classes_wrap.character_29 .awakening{background-position:left 26% center}.classes_wrap.character_17 .awakening{background-position:left 28% center}.classes_wrap.character_5 .awakening{background-position:left 34% center}.classes_wrap.character_10 .awakening{background-position:left 30% center}.classes_wrap.character_7 .awakening{background-position:left 30% center}.classes_wrap.character_30 .awakening{background-position:left 30% center}.classes_wrap.character_15 .awakening{background-position:left 30% center}.classes_wrap.character_6 .awakening{background-position:left 30% center}.classes_wrap.character_33 .awakening{background-position:left 30% center}.classes_wrap.character_34 .awakening{background-position:left 30% center}.classes_wrap.character_3 .awakening{background-position:left 30% center}.classes_wrap.character_32 .awakening{background-position:left 30% center}.classes_wrap.character_4 .succession{background-position:left 70% center}.classes_wrap.character_8 .succession{background-position:left 72% center}.classes_wrap.character_16 .succession{background-position:left 76% center}.classes_wrap.character_20 .succession{background-position:left 76% center}.classes_wrap.character_24 .succession{background-position:left 76% center}.classes_wrap.character_25 .succession{background-position:left 71% center}.classes_wrap.character_26 .succession{background-position:left 75% center}.classes_wrap.character_31 .succession{background-position:left 77% center}.classes_wrap.character_27 .succession{background-position:left 74% center}.classes_wrap.character_1 .succession{background-position:left 75% center}.classes_wrap.character_23 .succession{background-position:left 77% center}.classes_wrap.character_19 .succession{background-position:left 71% center}.classes_wrap.character_11 .succession{background-position:left 79% center}.classes_wrap.character_5 .succession{background-position:left 71% center}.classes_wrap.character_10 .succession{background-position:left 76% center}.classes_wrap.character_12 .succession{background-position:left 80% center}.classes_wrap.character_7 .succession{background-position:left 80% center}.classes_wrap.character_30 .succession{background-position:left 80% center}.classes_wrap.character_15 .succession{background-position:left 65% center}.classes_wrap.character_33 .succession{background-position:left 65% center}.layer_class_detail{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.85);color:#fff;z-index:999}.layer_class_detail.active{display:block}.layer_class_detail .inner{position:absolute;top:50%;left:0;right:0;padding:0 2.083rem;height:29.166rem;box-sizing:border-box;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.layer_class_detail .inner h2{font-size:2.916rem;color:#fff;font-weight:normal;text-align:center;margin-bottom:2.5rem}.layer_class_detail .btn_layer_close{display:block;position:absolute;top:1rem;right:1rem;border:1px solid #fff;width:3.333rem;height:3.333rem;box-sizing:border-box;font-size:0}.layer_class_detail .btn_layer_close:hover{background:#fff}.layer_class_detail .btn_layer_close span{display:block;position:absolute;left:0.6rem;top:1.583rem;width:2rem;height:0.083rem;box-sizing:border-box;background:rgba(255, 255, 255, 0.5)}.layer_class_detail .btn_layer_close:hover span{background:#323232}.layer_class_detail .btn_layer_close span:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.layer_class_detail .btn_layer_close span:nth-child(2){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.layer_tab{margin-bottom:2.5rem}.layer_tab ul{display:flex;align-items:center;justify-content:center;-ms-flex-align:center}.layer_tab ul li{width:100%;margin-left:-1px}.layer_tab ul li a{display:flex;align-items:center;justify-content:center;-ms-flex-align:center;height:3.75rem;box-sizing:border-box;border:1px solid rgba(255, 255, 255, 0.5);font-size:1.0833rem;color:#bbb;font-weight:normal}.layer_tab ul li.tab_original.active a{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #c9b594), color-stop(1, #ad9d84));background:-webkit-linear-gradient(top, #c9b594 0, #ad9d84 100%);background:linear-gradient(top, #c9b594 0, #ad9d84 100%);border-color:#dac8b0;color:#000;font-weight:normal}.layer_tab ul li.tab_awakening.active a{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #8b3840), color-stop(1, #6f2c33));background:-webkit-linear-gradient(top, #8b3840 0, #6f2c33 100%);background:linear-gradient(top, #8b3840 0, #6f2c33 100%);border-color:#b35c64;font-weight:normal}.layer_tab ul li.tab_succession.active a{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #39628d), color-stop(1, #2b416b));background:-webkit-linear-gradient(top, #39628d 0, #2b416b 100%);background:linear-gradient(top, #39628d 0, #2b416b 100%);border-color:#4a6b96;color:#fff;font-weight:normal}.layer_tab_content{display:none}.layer_tab_content.active{display:block}.layer_tab_content .feature{margin-bottom:2.0833rem}.layer_tab_content .feature ul li{margin:0.833rem 0}.layer_tab_content .feature ul li span{font-size:1.0416rem;line-height:1.875}.layer_tab_content .feature ul li .title{float:left;margin-right:0.833rem}.layer_tab_content .feature ul li .title + span{display:block;overflow:hidden}.layer_tab_content .desc{height:10rem;box-sizing:border-box;overflow-y:auto;padding-right:1rem;line-height:1.875}.layer_tab_content .desc br{display:none}.layer_tab_content.tab_content_original .feature ul li .title{color:#beab8e}.layer_tab_content.tab_content_awakening .feature ul li .title{color:#aa414a}.layer_tab_content.tab_content_succession .feature ul li .title{color:#6091d4}.container.wiki{background-image:url(../images/m_wiki_guide_bg.jpg);background-size:100% auto;height:auto;min-height:0;padding:4.166rem 0 3.75rem}.wiki_guide_wrap{padding:0 1.25rem}.wiki_guide_wrap > h2{font-size:2.166rem;margin-top:2.083rem;margin-bottom:2.083rem}.wiki_guide_wrap .btn_probability{position:absolute;justify-content:center;height:auto;bottom:auto;left:50%;top:36.5rem;margin:0 auto;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);z-index:10;opacity:0;transition:opacity 0.2s,-webkit-filter 0.3s;transition:opacity 0.2s,filter 0.3s;transition:opacity 0.2s,filter 0.3s,-webkit-filter 0.3s;visibility:hidden;background:url(../images/m_wiki_bnr_item_bg.jpg) no-repeat center;background-size:cover}.wiki_guide_wrap .btn_probability span{position:relative;padding:1.25rem 50% 1.25rem 4%;min-height:6rem;font-size:1.2rem;line-height:1.48;z-index:1}.wiki_guide_wrap .btn_probability img{display:none;width:auto;height:auto;max-width:100%}.wiki_guide_wrap .btn_probability img.mobile{position:absolute;top:0;right:1rem;height:100%;display:block;z-index:0}.wiki_guide_wrap .on .btn_probability{opacity:1;transition-delay:0s;visibility:visible}.content_wrap{padding:0}.aside_wrap{position:relative;float:none;width:auto;max-width:100%;margin-top:0;margin-left:auto}.aside_wrap:before{display:block;content:'';position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);z-index:0;opacity:0;transition:opacity 0.1s linear;pointer-events:none}.aside_wrap.on:before{z-index:9;opacity:1}.aside_wrap + .content{margin-left:0}.content.wiki_search{padding-top:0}.box_search_top .btn_mob_toggle{display:block;width:4.166rem;height:4.166rem;background:#6e5856;position:absolute;right:0;top:-1px;cursor:pointer}.box_search_top .btn_mob_toggle:before{display:block;content:'';position:absolute;bottom:0.666rem;left:50%;top:50%;width:1.25rem;height:1.25rem;margin-top:-0.3125rem;box-sizing:border-box;background:0 0;border-left:0.166rem solid #fff;border-bottom:0.166rem solid #fff;-webkit-transform:translate(-50%, -50%) rotate(312.5deg) skew(-5deg);transform:translate(-50%, -50%) rotate(312.5deg) skew(-5deg)}.box_search_top .btn_mob_toggle.on:before{-webkit-transform:translate(-50%, -50%) rotate(133.5deg) skew(-5deg);transform:translate(-50%, -50%) rotate(133.5deg) skew(-5deg);margin-top:0.3125rem}.box_search_top{position:relative;z-index:10;margin-bottom:1rem;background:rgba(0, 0, 0, 0.4)}.box_search_top .custom_input{width:100%;height:4.166rem}.box_search_top .custom_input input[type='text']{padding-left:4.166rem;color:#fff;font-size:1rem}.box_search_top .btn_search{left:0;right:auto;background:0 0;width:4.166rem;height:4.166rem}.box_search_top .btn_search:before{width:1.75rem;height:1.75rem;box-sizing:border-box;background-size:33.333rem 33.333rem;background-position:-7.916rem -19.856rem;background-position:-10.083rem -19.856rem}.menu_wrap{display:none;position:absolute;left:0;top:100%;margin-top:-1px;padding:1.8333rem 1.25rem;z-index:10;width:100%;height:32.4rem;min-height:8rem;max-height:calc(100vh - 16.081rem);background:#1b1311;border:1px solid #6e5856}.menu_wrap.use_banner{max-height:none}.menu_wrap > .inner{height:100%;padding-right:1.25rem}.menu_wrap .list_wrap{margin-bottom:1.8333rem;padding-top:1.8333rem}.menu_wrap .list_title{padding-right:1.65rem;font-size:1.4583rem}.menu_wrap .list_item{margin:1.833rem 0}.menu_wrap .list_item a{padding-left:1.125rem;font-size:1.25rem}.menu_wrap .list_item a:before{top:0.9rem;width:0.5rem}.menu_wrap .icn_list_arrow,.menu_wrap .inner .list_wrap:not(.active) .icn_list_arrow{top:calc(50% - 0.625rem);width:1.25rem;height:1.25rem}.menu_wrap .icn_list_arrow i,.menu_wrap .inner .list_wrap:not(.active) .icn_list_arrow i{top:calc(50% - 0.0625rem);width:1rem;height:0.125rem}.menu_wrap .icn_list_arrow i:first-of-type,.menu_wrap .inner .list_wrap:not(.active) .icn_list_arrow i:first-of-type{left:-0.2rem}.menu_wrap .icn_list_arrow i:last-of-type,.menu_wrap .inner .list_wrap:not(.active) .icn_list_arrow i:last-of-type{right:-0.2rem}.breadcrumb{display:none}.detail_wrap{width:auto;margin:0 auto;padding-bottom:24vw;background-size:cover}.detail_wrap:after{height:24vw;box-sizing:border-box;background:url(../images/m_wiki_detail_wrap_bg.png) 50% 0 no-repeat;background-size:100%}.detail_wrap .share_wrap{margin-bottom:0}.detail_wrap .update_txt{margin-right:0.75rem}.detail_wrap .share_wrap .btn_req_update{padding:0.4rem 0.65rem;font-size:0.925rem}.detail_wrap .inner{padding:1.5rem 1rem;min-height:43.75rem;font-size:1rem}.detail_wrap .head_title{font-size:1.5rem;padding:0 3.5rem 0.8rem 1.5rem;margin-bottom:1rem}.detail_wrap .head_title:before{width:1.4rem;height:1.4rem;background-position:-15.4rem -22.35rem;background-size:33.333rem 33.333rem;top:0.55rem}.detail_wrap .first_title{font-size:1.333rem!important;padding-left:1.0833rem;margin-bottom:1.25rem}.detail_wrap .first_title:before{width:0.583rem;height:0.583rem;top:0.75rem}.detail_wrap .second_title{font-size:1.166rem!important;margin-bottom:1.25rem}.detail_wrap .sub_title{font-size:1.0833rem!important;margin-bottom:1.25rem}.detail_wrap p{font-size:1rem}.detail_wrap hr{margin:1.66rem 0}.detail_wrap .no_data p{line-height:2.5rem}.detail_wrap .btn.btn_top{right:1rem;bottom:6.333rem;width:4.166rem;height:4.166rem}.detail_wrap .btn.btn_top:before{width:1.416rem;height:1.541rem;background-position:-17.4583rem -23.916rem;background-size:33.33rem 33.33rem}.detail_wrap .search_result_item{padding:1.1rem 0.9rem}.detail_wrap .search_result_item .search_title{font-size:1.4rem}.detail_wrap .search_result_item .search_result{margin-top:0.75rem;font-size:1rem}.sound_slide_wrap:after{width:11.04rem;height:2.7rem;margin-left:-1.875rem;top:-1.875rem;background-size:100%}.sound_slide_wrap:before{width:7rem;height:15rem;margin-top:-9rem;margin-right:-18rem;background-size:contain}.sound_list{background-size:contain}.sound_list .center .sound_item .cover{transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}.sound_list .center .sound_item .record{transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}.sound_list .sound_item{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s}.sound_list .sound_item .record{top:calc(55% - 8.5rem)}.sound_list button[role='presentation']{position:absolute;display:block;width:3.9583rem;height:4.375rem;top:11.25rem;background-color:rgba(0, 0, 0, 0.3)}.sound_list button[role='presentation'].owl-prev{left:0}.sound_list button[role='presentation'].owl-prev.owl-prev:before{display:block;content:'';position:absolute;width:0.916rem;height:0.916rem;border-left:2px solid #fff;border-top:2px solid #fff;-webkit-transform:translate(-50%, -50%) rotate(-40deg) skew(10deg);transform:translate(-50%, -50%) rotate(-40deg) skew(10deg);left:50%}.sound_list button[role='presentation'].owl-next{right:0}.sound_list button[role='presentation'].owl-next:before{display:block;content:'';position:absolute;width:0.916rem;height:0.916rem;border-left:2px solid #fff;border-top:2px solid #fff;background-color:transparent;-webkit-transform:translate(-50%, -50%) rotate(140deg) skew(10deg);transform:translate(-50%, -50%) rotate(140deg) skew(10deg);left:50%}.sound_info_wrap{padding:0 2.08rem;padding-bottom:2.08rem}.sound_info_box{-webkit-transform:translateY(-2.08rem);transform:translateY(-2.08rem)}.sound_list .sound_item .cover{width:17rem}.sound_list .center.on .sound_item .cover{transform:translateX(-5.5rem);-ms-transform:translateX(-5.5rem);-webkit-transform:translateX(-5.5rem);-moz-transform:translateX(-5.5rem)}.sound_list .center.on .sound_item .record{transform:translateX(5.5rem);-ms-transform:translateX(5.5rem);-webkit-transform:translateX(5.5rem);-moz-transform:translateX(5.5rem)}.sound_list .sound_item{transition:inherit;-webkit-transition:inherit;-moz-transition:inherit;transition-delay:inherit}.sound_list .center .sound_item{transition:inherit;transition-delay:inherit}.sound_info_con{padding:1.66rem}.sound_info_tab{display:block;margin-bottom:40px}.sound_info_tab ul:after{display:block;content:'';height:0;font-size:0;opacity:0;clear:both}.sound_info_tab li{float:left;vertical-align:top;width:33.3333%}.sound_info_tab li a{display:block;height:3.3rem;box-sizing:border-box;line-height:3.3rem;border:1px solid #dcdcdc;background:#fff;font-size:0.95rem;color:#3d3d3d;font-weight:normal;margin-left:-1px}.sound_info_tab li.active a{background:#323232;font-size:inherit;color:#fff;font-weight:500;position:relative;z-index:2}.sound_info_desc h3{font-size:1.25rem;margin:1.66rem 0}.sound_info_desc p{font-size:0.8rem;margin:1.66rem 0}.sound_info_notice{margin-top:1.66rem}.sound_info_notice li{font-size:0.54rem;text-align:left;line-height:1.4;text-indent:-0.9rem;padding-left:2rem}.scPlayer{padding:0}.scplayMusic{height:auto}.scplayMusic .scBg{display:none}.scplayMusic .bgAlbum{width:100%;background-size:cover;background-position:right bottom}.scplayMusic.tab1 .bgAlbum{background-image:url(../images/gameinfo_soundtrack_bg_balenos_m.jpg)}.scplayMusic.tab2 .bgAlbum{background-image:url(../images/gameinfo_soundtrack_bg_balenos_m.jpg)}.scplayMusic.tab3 .bgAlbum{background-image:url(../images/gameinfo_soundtrack_bg_balenos_m.jpg)}.scplayMusic .scLogo{left:auto;top:auto;bottom:1rem;right:1rem}.scplayMusic .scLogo a{display:block;height:16px}.scPlayListWrap{position:static;width:100%;max-width:100%;padding:1.41rem 2rem 8.75rem;background:0 0}.scInfo .scGroupBtn{min-width:3.16rem;height:3.16rem}.scInfo .scGroupBtn a{background-size:cover;background-image:url(../images/gameinfo_soundtrack_play_mo.png)}.scInfo .scGroupBtn a.icoBtnGroup.on{display:block}.scInfo .scInfoTitle{font-size:1.083rem;padding-left:1.25rem}.scInfo .scGroupBtn .icoPause{background-image:url(../images/gameinfo_soundtrack_stop_mo.png)}.scInfo .scPlayerSlide{margin-top:1rem}.scInfo .scBar{padding:0.5rem 0}.scInfo .scPlaytime{bottom:0.8rem;font-size:0.78rem}.scList .scLinkTxt{font-size:1rem}.detail_wrap .btn_req_update{width:2.5rem;height:2.5rem}.detail_wrap .btn_req_update .req_update_img{width:1.5rem;height:1.5rem;-webkit-transform:translate3d(3%, 7%, 0);transform:translate3d(3%, 7%, 0)}:lang(ja-JP) section.feature_wrap.second .hisoty_wrap .history_world .inner .text_area{height:22rem}:lang(ja-JP) section.feature_wrap.second .hisoty_wrap .tab_history_nav li a{font-size:0.9583rem}:lang(ja-JP) .characteristic .label{font-size:1.875rem;margin-bottom:1.25rem}:lang(ja-JP) .characteristic h3{font-size:1.625rem;margin-bottom:5.833rem}:lang(ja-JP) section.feature_wrap.first .visual_wrap .h2_desc{max-width:100%}:lang(ja-JP) .detail_wrap .head_title{font-size:1.2rem;letter-spacing:-1px}:lang(th-TH) .detail_wrap .head_title:before{top:0.1rem}body.app_mode .container.wiki{padding-top:0}.custom_input.search .btn_loader.btn_search.btn_wiki_search .loading_mini_core{background:#332523}.custom_input.search input:focus + .btn_loader.btn_search.btn_wiki_search .loading_mini_circle{background:linear-gradient(0deg, rgba(110, 88, 86, 0.05) 33%, rgb(255, 255, 255) 100%)}.custom_input.search input:focus + .btn_loader.btn_search.btn_wiki_search .loading_mini_core{background:#332523}}@media screen and (max-width: 768px){.sound_slide_wrap:before{display:none}.sound_list{background-size:contain}}@media screen and (max-width: 1024px){.select_classes_wrap{--padding-select_character:0.5rem;padding:3.8rem 0;height:auto;min-height:51.666rem;background-image:url(../images/m_select_classes_bg.jpg);background-size:cover}.select_classes_wrap.select_main{--padding-select_character:0.5rem}.select_classes_wrap .select_title{font-size:1.666rem}.select_classes_wrap .select_title_desc{font-size:0.833rem}.select_classes_wrap .select_classes_list{grid-template-columns:repeat(5, calc(132px + var(--padding-select_character) * 2))}.select_classes_wrap.select_main .select_classes_list{margin-top:2.5rem;grid-template-columns:repeat(4, calc(178px + var(--padding-select_character) * 2))}.select_classes_wrap .select_character{padding:0 0.5rem 1rem}.select_classes_wrap .select_character .class_wrap{will-change:initial}.select_classes_wrap .select_character .class_wrap:active,.select_classes_wrap .select_character .class_wrap:focus{-webkit-transform:none;transform:none}.select_classes_wrap .select_character .class_wrap::before{border-width:0.3rem}.select_classes_wrap .select_character .class_name{display:none}.select_classes_wrap.select_main{padding:6.8rem 0 48vw}.select_classes_wrap.select_main .select_character{padding:0 var(--padding-select_character) 1rem}.select_classes_wrap.select_main .select_desc_wrap{margin-top:4.66rem}.select_classes_wrap.select_main .select_desc_wrap .select_desc_title{font-size:2rem}.select_classes_wrap.select_main .select_desc_wrap .select_desc_btn{margin-top:1.8rem;width:16.25rem;max-width:100%;height:3.25rem;font-size:1rem}.classes_wrap.character_10 .awakening{background-position:left 23% center}html:lang(ru-RU) section.feature_wrap.first .visual_wrap .h2_desc .mob_block{display:inline}html:lang(ru-RU) .characteristic h3{font-size:1.625rem}html:lang(ru-RU) section.feature_wrap.second .hisoty_wrap .box_history{padding:3.33rem 1.66rem 6.25rem}html:lang(ru-RU) section.feature_wrap.second .hisoty_wrap .box_history strong.title{font-size:1.666rem}.feature_rating{min-height:auto;padding-top:1rem}.feature_rating .rating_list{padding:4rem 1.5rem}.feature_rating .rating_item{padding:0.75rem 1.5rem}.feature_rating .rating_item .rating_contents{font-size:1.025rem}.feature_rating .rating_item .rating_agency{font-size:0.925rem}body.app_mode .select_classes_wrap.select_main{padding-top:2.634rem}}@media (max-width: 767px){.awakening .right_area,.classes_wrap .original .left_area,.succession .center_area{max-width:none;min-width:auto;width:100%;margin:0}.classes_wrap .original,.classes_wrap .succession{height:auto;background-position:left 60% center}.classes_wrap .awakening{height:auto;background-position:left 35% center}.classes_wrap .original .characteristic{max-width:100%;margin:0 auto}.classes_wrap .awakening > .inner,.classes_wrap .original > .inner,.classes_wrap .succession > .inner{width:50%;min-width:11.25rem;height:auto;padding:4rem 0}.classes_wrap .original .characteristic{text-shadow:0 0 0.5em #fff}.classes_wrap .awakening .characteristic,.classes_wrap .succession .characteristic{text-shadow:0 0 1em #000}.classes_wrap .original .btn_more{box-shadow:0 0 1em rgba(231, 230, 228, 0.5)}.classes_wrap .awakening .btn_more,.classes_wrap .succession .btn_more{box-shadow:0 0 1em rgba(0, 0, 0, 0.5)}.characteristic .feature,.media_area{max-width:100%;min-width:11.25rem;border:none;margin-left:auto;margin-right:auto}.awakening .media_area,.media_area,.succession .media_area{flex-direction:column;align-items:center}.characteristic .feature li{width:100%;padding:0}.media_area p.ready_area,.media_area p.video_area{margin:0}.characteristic .btn_wrap{width:11.25rem;margin:0 auto}.characteristic .feature > ul{flex-direction:column;padding:0}.guide_bg_wrap .bottom_area{padding:5.833rem 4rem}.select_classes_wrap .select_classes_list{grid-template-columns:repeat(4, calc(118px + var(--padding-select_character) * 2))}.select_classes_wrap.select_main .select_classes_list{grid-template-columns:repeat(3, calc(178px + var(--padding-select_character) * 2))}.select_classes_wrap.select_main{padding:6.8rem 0 87vw;background-color:#373333;background-image:url(../images/m_classes_main_bg.png);background-size:100% auto}.feature_rating .rating_item{flex:0 1 50%}body.app_mode .classes_wrap .original > .inner{padding-top:3rem}body.app_mode .awakening > .inner,body.app_mode .succession > .inner{padding-top:3.583rem}body.app_mode .characteristic .desc_wrap .inner{padding:0}}@media screen and (min-width: 720px) and (max-width: 1024px){.detail_wrap{width:auto;padding-bottom:10rem;background-size:cover}}@media screen and (max-width: 640px){.classes_wrap .classes_top{min-height:35.416rem;height:105vw}.classes_wrap .awakening,.classes_wrap .original,.classes_wrap .succession{align-items:flex-start;height:auto;background-position:center 35%!important}.classes_wrap .awakening .characteristic,.classes_wrap .original .characteristic,.classes_wrap .succession .characteristic{max-width:auto}.classes_wrap .awakening > .inner,.classes_wrap .original > .inner,.classes_wrap .succession > .inner{width:100%;min-width:auto;height:auto;padding:3.5rem 0 0 0}.classes_wrap .awakening > .inner{padding:4rem 0 0 0}.characteristic h3{min-height:6.6rem;padding:0 0 2.2rem 0}.characteristic .feature,.media_area{max-width:11.25rem;margin:0 auto 0.8rem 0}.media_area{margin-top:2.5rem}.classes_wrap .awakening .characteristic .btn_wrap,.classes_wrap .awakening .characteristic .feature{margin:0 0 2.5rem auto}.classes_wrap .awakening .media_area{margin:0 0 2rem auto}.characteristic .feature > ul{padding:0}.characteristic .feature li{width:100%}.characteristic .btn_wrap{width:11.25rem;margin:0 auto 0 0}.classes_wrap.character_0 .classes_top{background-image:url(../images/m_character_0_top_effect.jpg)}.classes_wrap.character_0 .original{background-image:url(../images/m_original_character_0_char.jpg)}.classes_wrap.character_0 .awakening{background-image:url(../images/m_awakening_character_0_char.jpg)}.classes_wrap.character_0 .succession{background-image:url(../images/m_succession_character_0_char.jpg)}.classes_wrap.character_4 .classes_top{background-image:url(../images/m_character_4_top_effect.jpg)}.classes_wrap.character_4 .original{background-image:url(../images/m_original_character_4_char.jpg)}.classes_wrap.character_4 .awakening{background-image:url(../images/m_awakening_character_4_char.jpg)}.classes_wrap.character_4 .succession{background-image:url(../images/m_succession_character_4_char.jpg)}.classes_wrap.character_8 .classes_top{background-image:url(../images/m_character_8_top_effect.jpg)}.classes_wrap.character_8 .original{background-image:url(../images/m_original_character_8_char.jpg)}.classes_wrap.character_8 .awakening{background-image:url(../images/m_awakening_character_8_char.jpg)}.classes_wrap.character_8 .succession{background-image:url(../images/m_succession_character_8_char.jpg)}.classes_wrap.character_12 .classes_top{background-image:url(../images/m_character_12_top_effect.jpg)}.classes_wrap.character_12 .original{background-image:url(../images/m_original_character_12_char.jpg)}.classes_wrap.character_12 .awakening{background-image:url(../images/m_awakening_character_12_char.jpg)}.classes_wrap.character_12 .succession{background-image:url(../images/m_succession_character_12_char.jpg)}.classes_wrap.character_16 .classes_top{background-image:url(../images/m_character_16_top_effect.jpg)}.classes_wrap.character_16 .original{background-image:url(../images/m_original_character_16_char.jpg)}.classes_wrap.character_16 .awakening{background-image:url(../images/m_awakening_character_16_char.jpg)}.classes_wrap.character_16 .succession{background-image:url(../images/m_succession_character_16_char.jpg)}.classes_wrap.character_20 .classes_top{background-image:url(../images/m_character_20_top_effect.jpg)}.classes_wrap.character_20 .original{background-image:url(../images/m_original_character_20_char.jpg)}.classes_wrap.character_20 .awakening{background-image:url(../images/m_awakening_character_20_char.jpg)}.classes_wrap.character_20 .succession{background-image:url(../images/m_succession_character_20_char.jpg)}.classes_wrap.character_24 .classes_top{background-image:url(../images/m_character_24_top_effect.jpg)}.classes_wrap.character_24 .original{background-image:url(../images/m_original_character_24_char.jpg)}.classes_wrap.character_24 .awakening{background-image:url(../images/m_awakening_character_24_char.jpg)}.classes_wrap.character_24 .succession{background-image:url(../images/m_succession_character_24_char.jpg)}.classes_wrap.character_21 .classes_top{background-image:url(../images/m_character_21_top_effect.jpg)}.classes_wrap.character_21 .original{background-image:url(../images/m_original_character_21_char.jpg)}.classes_wrap.character_21 .awakening{background-image:url(../images/m_awakening_character_21_char.jpg)}.classes_wrap.character_21 .succession{background-image:url(../images/m_succession_character_21_char.jpg)}.classes_wrap.character_28 .classes_top{background-image:url(../images/m_character_28_top_effect.jpg)}.classes_wrap.character_28 .original{background-image:url(../images/m_original_character_28_char.jpg)}.classes_wrap.character_28 .awakening{background-image:url(../images/m_awakening_character_28_char.jpg)}.classes_wrap.character_28 .succession{background-image:url(../images/m_succession_character_28_char.jpg)}.classes_wrap.character_31 .classes_top{background-image:url(../images/m_character_31_top_effect.jpg)}.classes_wrap.character_31 .original{background-image:url(../images/m_original_character_31_char.jpg)}.classes_wrap.character_31 .awakening{background-image:url(../images/m_awakening_character_31_char.jpg)}.classes_wrap.character_31 .succession{background-image:url(../images/m_succession_character_31_char.jpg)}.classes_wrap.character_25 .classes_top{background-image:url(../images/m_character_25_top_effect.jpg)}.classes_wrap.character_25 .original{background-image:url(../images/m_original_character_25_char.jpg)}.classes_wrap.character_25 .awakening{background-image:url(../images/m_awakening_character_25_char.jpg)}.classes_wrap.character_25 .succession{background-image:url(../images/m_succession_character_25_char.jpg)}.classes_wrap.character_27 .classes_top{background-image:url(../images/m_character_27_top_effect.jpg)}.classes_wrap.character_27 .original{background-image:url(../images/m_original_character_27_char.jpg)}.classes_wrap.character_27 .awakening{background-image:url(../images/m_awakening_character_27_char.jpg)}.classes_wrap.character_27 .succession{background-image:url(../images/m_succession_character_27_char.jpg)}.classes_wrap.character_19 .classes_top{background-image:url(../images/m_character_19_top_effect.jpg)}.classes_wrap.character_19 .original{background-image:url(../images/m_original_character_19_char.jpg)}.classes_wrap.character_19 .awakening{background-image:url(../images/m_awakening_character_19_char.jpg)}.classes_wrap.character_19 .succession{background-image:url(../images/m_succession_character_19_char.jpg)}.classes_wrap.character_23 .classes_top{background-image:url(../images/m_character_23_top_effect.jpg)}.classes_wrap.character_23 .original{background-image:url(../images/m_original_character_23_char.jpg)}.classes_wrap.character_23 .awakening{background-image:url(../images/m_awakening_character_23_char.jpg)}.classes_wrap.character_23 .succession{background-image:url(../images/m_succession_character_23_char.jpg)}.classes_wrap.character_11 .classes_top{background-image:url(../images/m_character_11_top_effect.jpg)}.classes_wrap.character_11 .original{background-image:url(../images/m_original_character_11_char.jpg)}.classes_wrap.character_11 .awakening{background-image:url(../images/m_awakening_character_11_char.jpg)}.classes_wrap.character_11 .succession{background-image:url(../images/m_succession_character_11_char.jpg)}.classes_wrap.character_29 .classes_top{background-image:url(../images/m_character_29_top_effect.jpg)}.classes_wrap.character_29 .original{background-image:url(../images/m_original_character_29_char.jpg)}.classes_wrap.character_29 .awakening{background-image:url(../images/m_awakening_character_29_char.jpg)}.classes_wrap.character_26 .classes_top{background-image:url(../images/m_character_26_top_effect.jpg)}.classes_wrap.character_26 .original{background-image:url(../images/m_original_character_26_char.jpg)}.classes_wrap.character_26 .awakening{background-image:url(../images/m_awakening_character_26_char.jpg)}.classes_wrap.character_26 .succession{background-image:url(../images/m_succession_character_26_char.jpg)}.classes_wrap.character_17 .classes_top{background-image:url(../images/m_character_17_top_effect.jpg)}.classes_wrap.character_17 .original{background-image:url(../images/m_original_character_17_char.jpg)}.classes_wrap.character_17 .awakening{background-image:url(../images/m_awakening_character_17_char.jpg)}.classes_wrap.character_5 .classes_top{background-image:url(../images/m_character_5_top_effect.jpg)}.classes_wrap.character_5 .original{background-image:url(../images/m_original_character_5_char.jpg)}.classes_wrap.character_5 .awakening{background-image:url(../images/m_awakening_character_5_char.jpg)}.classes_wrap.character_5 .succession{background-image:url(../images/m_succession_character_5_char.jpg)}.classes_wrap.character_1 .classes_top{background-image:url(../images/m_character_1_top_effect.jpg)}.classes_wrap.character_1 .original{background-image:url(../images/m_original_character_1_char.jpg)}.classes_wrap.character_1 .awakening{background-image:url(../images/m_awakening_character_1_char.jpg)}.classes_wrap.character_1 .succession{background-image:url(../images/m_succession_character_1_char.jpg)}.classes_wrap.character_9 .classes_top{background-image:url(../images/m_character_9_top_effect.jpg)}.classes_wrap.character_9 .original{background-image:url(../images/m_original_character_9_char.jpg)}.classes_wrap.character_9 .awakening{background-image:url(../images/m_awakening_character_9_char.jpg)}.classes_wrap.character_9 .succession{background-image:url(../images/m_succession_character_9_char.jpg)}.classes_wrap.character_2 .classes_top{background-image:url(../images/m_character_2_top_effect.jpg)}.classes_wrap.character_2 .original{background-image:url(../images/m_original_character_2_char.jpg)}.classes_wrap.character_2 .awakening{background-position:top center;background-image:url(../images/m_awakening_character_2_char.jpg)}.classes_wrap.character_2 .succession{background-image:url(../images/m_succession_character_2_char.jpg)}.classes_wrap.character_10 .classes_top{background-image:url(../images/m_character_10_top_effect.jpg)}.classes_wrap.character_10 .original{background-image:url(../images/m_original_character_10_char.jpg)}.classes_wrap.character_10 .awakening{background-image:url(../images/m_awakening_character_10_char.jpg)}.classes_wrap.character_10 .succession{background-image:url(../images/m_succession_character_10_char.jpg)}.classes_wrap.character_7 .classes_top{background-image:url(../images/m_character_7_top_effect.jpg)}.classes_wrap.character_7 .original{background-image:url(../images/m_original_character_7_char.jpg)}.classes_wrap.character_7 .awakening{background-image:url(../images/m_awakening_character_7_char.jpg)}.classes_wrap.character_7 .succession{background-image:url(../images/m_succession_character_7_char.jpg)}.classes_wrap.character_30 .classes_top{background-image:url(../images/m_character_30_top_effect.jpg)}.classes_wrap.character_30 .original{background-image:url(../images/m_original_character_30_char.jpg)}.classes_wrap.character_30 .awakening{background-image:url(../images/m_awakening_character_30_char.jpg)}.classes_wrap.character_30 .succession{background-image:url(../images/m_succession_character_30_char.jpg)}.classes_wrap.character_15 .classes_top{background-image:url(../images/m_character_15_top_effect.jpg)}.classes_wrap.character_15 .original{background-image:url(../images/m_original_character_15_char.jpg)}.classes_wrap.character_15 .awakening{background-image:url(../images/m_awakening_character_15_char.jpg)}.classes_wrap.character_15 .succession{background-image:url(../images/m_succession_character_15_char.jpg)}.classes_wrap.character_6 .classes_top{background-image:url(../images/m_character_6_top_effect.jpg)}.classes_wrap.character_6 .original{background-image:url(../images/m_original_character_6_char.jpg)}.classes_wrap.character_6 .awakening{background-image:url(../images/m_awakening_character_6_char.jpg)}.classes_wrap.character_33 .classes_top{background-image:url(../images/m_character_33_top_effect.jpg)}.classes_wrap.character_33 .original{background-image:url(../images/m_original_character_33_char.jpg)}.classes_wrap.character_33 .awakening{background-image:url(../images/m_awakening_character_33_char.jpg)}.classes_wrap.character_33 .succession{background-image:url(../images/m_succession_character_33_char.jpg)}.classes_wrap.character_34 .classes_top{background-image:url(../images/m_character_34_top_effect.jpg)}.classes_wrap.character_34 .original{background-image:url(../images/m_original_character_34_char.jpg)}.classes_wrap.character_34 .awakening{background-image:url(../images/m_awakening_character_34_char.jpg)}.classes_wrap.character_3 .classes_top{background-image:url(../images/m_character_3_top_effect.jpg)}.classes_wrap.character_3 .original{background-image:url(../images/m_original_character_3_char.jpg)}.classes_wrap.character_3 .awakening{background-image:url(../images/m_awakening_character_3_char.jpg)}.classes_wrap.character_32 .classes_top{background-image:url(../images/m_character_32_top_effect.jpg)}.classes_wrap.character_32 .original{background-image:url(../images/m_original_character_32_char.jpg)}.classes_wrap.character_32 .awakening{background-image:url(../images/m_awakening_character_32_char.jpg)}.select_classes_wrap .select_classes_list{grid-template-columns:repeat(4, minmax(calc(60px + var(--padding-select_character) * 2), calc(118px + var(--padding-select_character) * 2)))}.select_classes_wrap.select_main .select_classes_list{grid-template-columns:repeat(3, calc(118px + var(--padding-select_character)))}.guide_bg_wrap .bottom_area{padding:5.833rem 0}.sound_info_notice li{font-size:11px}section.feature_wrap.first .visual_wrap .h2_desc{font-size:12px}.characteristic .desc_wrap .btn_more,.characteristic .feature li span.title,.detail_wrap,.detail_wrap .search_result ul li a,.detail_wrap .tag_year,.detail_wrap .update_txt,.detail_wrap p,.guide_bg_wrap .top_area .desc_area,.layer_tab ul li a,.layer_tab_content .desc,.layer_tab_content .feature ul li span,.scInfo .scPlaytime,.scList .scLinkTxt,.select_classes_wrap .select_title_desc,.sound_info_desc p,.sound_info_tab li a,.sound_info_tab li.active a,.top_gameinfo_wrap p.h2_desc,section.feature_wrap.second .hisoty_wrap .box_history .inner .text_area,section.feature_wrap.second .hisoty_wrap .tab_history_nav li a{font-size:12px}.characteristic .feature li span,.scInfo .scInfoTitle{font-size:13px}.scInfo .scPlaytime{bottom:0.9rem}#modal_request_update{padding:0 5%}#modal_request_update .modal_content .input_contents{height:16rem}}@media (max-width: 480px){.select_classes_wrap .select_classes_list{grid-template-columns:repeat(3, minmax(calc(60px + var(--padding-select_character) * 2), calc(118px + var(--padding-select_character) * 2)))}.select_classes_wrap.select_main .select_classes_list{grid-template-columns:repeat(3, minmax(calc(60px + var(--padding-select_character) * 2), calc(118px + var(--padding-select_character) * 2)))}}@media only screen and (max-height: 415px) and (min-width: 415px) and (orientation: landscape){section.feature_wrap.second .hisoty_wrap .history_world{background-size:contain}.layer_tab{margin-bottom:1rem}.layer_tab ul li a{height:2.2rem;font-size:0.8rem}.layer_tab_content .feature{margin-bottom:0.5rem}.layer_tab_content .feature ul li{margin:0.3rem 0}.layer_tab_content .feature ul li span{font-size:0.7rem}.layer_tab_content .feature ul li .title + span{font-size:0.7rem}.layer_tab_content .desc{height:4.4rem;font-size:0.6rem}.layer_class_detail .inner h2{display:none}.layer_class_detail .inner{height:auto}.layer_class_detail .btn_layer_close{top:50%;right:1.6rem;margin-top:-2.8rem;-webkit-transform:scale(0.7);transform:scale(0.7)}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinBright{0%{opacity:0.1}20%{opacity:0.25}40%{opacity:0.125}60%{opacity:0.3}100%{opacity:0.1}}@keyframes spinBright{0%{opacity:0.1}20%{opacity:0.25}40%{opacity:0.125}60%{opacity:0.3}100%{opacity:0.1}}