body{background-color:#000;background-color:#c4cafb;padding:0;margin:0}.loadingDiv{background-color:#000;background-size:100% 100%;width:100%;height:100%;position:fixed;z-index:9999;display:flex;flex-direction:column;justify-content:center}.loadingDiv .loadingDiv_Text{text-align:center;width:60%;margin:0 auto}.maskLoadingDiv{width:100%;height:100%;position:fixed;z-index:10000;background-color:#fff;opacity:0}.leftBox ul li a span.pcDownloadSpan:after{line-height:1vw}.MainDiv{width:100%}.bottomBox{position:relative}.bottomBox_platBox_bg{background-image:url(/skin/images/bottom_bg.jpg);background-repeat:no-repeat;background-position:center;background-size:100%;width:100%;height:0;padding-bottom:5%;position:fixed;bottom:0;left:0;z-index:100}.bottomBox_platBox{display:flex;flex-direction:row;margin:.5% 27.5% 0 27.5%;width:45%}.bottomBox_platBox .bottomBox_platBox_text{color:#fff;font-size:2.8vw;width:40%;display:inline-block;white-space:nowrap}.bottomBox_platBox a{width:100%;transition:all .3s ease-in-out}.bottomBox_platBox a:hover{opacity:.8}.bottomBox_platBox .bottomBox_platBox_plat{background-repeat:no-repeat;background-position:center;background-size:100%;width:25%;height:0;padding-bottom:10%;display:inline-block;margin:0 1.5%}.bottomBox_platBox .bottomBox_platBox_plat.bottomBox_platBox_ios{background-image:url(/skin/images/download_apple.svg);width:20%}.bottomBox_platBox .bottomBox_platBox_plat.bottomBox_platBox_android{background-image:url(/skin/images/download_google.png)}.bottomBox_platBox .bottomBox_platBox_plat.bottomBox_platBox_pc{background-image:url(/skin/images/download_pc.png)}.section_effect_div_title{-webkit-mask-image:url(/skin/images/mask.png);-webkit-mask-mode:alpha;-webkit-mask-repeat:no-repeat;-webkit-mask-size:5000px;-webkit-mask-position:left center}.section_effect_div_content{-webkit-mask-image:url(/skin/images/mask.png);-webkit-mask-mode:alpha;-webkit-mask-repeat:no-repeat;-webkit-mask-size:5000px;-webkit-mask-position:left center}.maskDiv_w{background-image:url(/skin/images/video_mask.png);background-repeat:no-repeat;background-position:center;background-size:102%;position:fixed;z-index:3;width:100%;height:0;padding-bottom:56.3%}.section_banner{width:100%;height:0;padding-bottom:56%;position:relative}.section_banner video{width:100%;position:absolute;z-index:1}.section_banner .maskDiv{background-color:rgba(0,0,6,.4);position:absolute;z-index:2;width:100%;height:0;padding-bottom:56.3%}.section_banner .banner_ad{display:none}.section_banner #pc_video{display:block}.section_banner #m_video{display:none}.section_banner .voice_switch{background-repeat:no-repeat;background-position:center;background-size:100%;position:absolute;z-index:4;width:3%;height:0;padding-bottom:3%;right:1%;top:2%;cursor:pointer}.section_banner .voice_switch.on{background-image:url(/skin/images/voice_on.svg)}.section_banner .voice_switch.off{background-image:url(/skin/images/voice_off.svg)}.section_padding{width:70%;margin:0 auto;padding-top:5%}.section_title{width:80%;height:0;padding-bottom:9%;margin:0 auto;background-size:100%;background-position:center;background-repeat:no-repeat;transition:all .3s ease-in-out}.section_bg_effect{-webkit-animation:animIn .5s ease .5s forwards;animation:animIn .5s ease .5s forwards}.section_news{height:0;padding-bottom:37%;position:relative;z-index:5}.section_news .section_title_news{background-image:url(/skin/images/title_news.png)}.section_news .section_title_news.section_title_news_en{background-image:url(/skin/images/title_news_en.png)}.section_news .section_newsBox{width:100%;margin:5% 0 0 0}.section_news .section_newsBox .section_newsBoxData{display:flex;flex-direction:row}.section_news .section_newsBox .section_newsBoxData .swiperNewsBox{padding:6% 7%}.section_news .section_newsBox .section_newsBoxData .swiperNewsBox #swiperNews img{width:100%}.section_news .section_newsBoxData_banner{width:60%;height:0;padding-bottom:33%;background-image:url(/skin/images/frame_news.png);background-repeat:no-repeat;background-position:center;background-size:100%}.section_news .section_newsBoxData_ListBox{width:40%;padding-top:1.7%}.section_news .section_newsBoxData_ListBox .section_newsBoxData_ListTag{display:flex;flex-direction:row;align-items:center}.section_news .section_newsBoxData_ListBox .section_newsBoxData_ListTag a{width:27%;margin:0 1.5%}.section_news .section_newsBoxData_ListBox .section_newsBoxData_ListTag a .news_tag{background-repeat:no-repeat;background-position:center;background-size:100%;width:100%;height:0;padding-bottom:40%;display:inline-block;transition:all .3s ease-in-out}.section_news .section_newsBoxData_ListBox .section_newsBoxData_ListTag a .news_tag.news_tag_all{background-image:url(/skin/images/tag_all.png)}.section_news .section_newsBoxData_ListBox .section_newsBoxData_ListTag a .news_tag.news_tag_event{background-image:url(/skin/images/tag_event.png)}.section_news .section_newsBoxData_ListBox .section_newsBoxData_ListTag a .news_tag.news_tag_system{background-image:url(/skin/images/tag_system.png)}.section_news .section_newsBoxData_ListBox .section_newsBoxData_ListTag a.active .news_tag.news_tag_all,.section_news .section_newsBoxData_ListBox .section_newsBoxData_ListTag a.active:hover .news_tag.news_tag_all{background-image:url(/skin/images/tag_all_h.png)}.section_news .section_newsBoxData_ListBox .section_newsBoxData_ListTag a.active .news_tag.news_tag_event,.section_news .section_newsBoxData_ListBox .section_newsBoxData_ListTag a.active:hover .news_tag.news_tag_event{background-image:url(/skin/images/tag_event_h.png)}.section_news .section_newsBoxData_ListBox .section_newsBoxData_ListTag a.active .news_tag.news_tag_system,.section_news .section_newsBoxData_ListBox .section_newsBoxData_ListTag a.active:hover .news_tag.news_tag_system{background-image:url(/skin/images/tag_system_h.png)}.section_news .section_newsBoxData_List{background-color:rgba(255,255,255,.2);width:87.4%;margin:0 0 0 1.5%;padding:2% 0 61.5% 0;height:0;position:relative;overflow:hidden}.section_news .section_newsBoxData_List ul{padding-left:0}.section_news .section_newsBoxData_List ul,.section_news .section_newsBoxData_List ul li{list-style:none}.section_news .section_newsBoxData_List ul li{border-bottom:1px solid #4f53a5;padding:1.5% .5%}.section_news .section_newsBoxData_List ul li a{transition:all .3s ease-in-out}.section_news .section_newsBoxData_List ul li a,.section_news .section_newsBoxData_List ul li a:link,.section_news .section_newsBoxData_List ul li a:visited{color:#4f53a5;text-decoration:none}.section_news .section_newsBoxData_List ul li a:active,.section_news .section_newsBoxData_List ul li a:hover{color:rgba(79,83,165,.7);text-decoration:none}.section_news .section_newsBoxData_List ul li a{display:flex;flex-direction:row}.section_news .section_newsBoxData_List ul li a span{display:inline-block;transition:all .3s ease-in-out}.section_news .section_newsBoxData_List ul li a .news_date{width:21%;font-size:.85vw}.section_news .section_newsBoxData_List ul li a .news_subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:77%;font-size:.95vw;margin-left:2%}.section_news .section_newsBoxData_List .news_more{position:absolute;bottom:2%;right:4%}.section_news .section_newsBoxData_List .news_more,.section_news .section_newsBoxData_List .news_more:link,.section_news .section_newsBoxData_List .news_more:visited{color:#4f53a5;text-decoration:none;font-size:.95vw}.section_news .section_newsBoxData_List .news_more:active,.section_news .section_newsBoxData_List .news_more:hover{color:rgba(79,83,165,.7);text-decoration:none}.section_news .section_newsBoxData_List #newsWp{overflow:hidden}.section_news .section_newsBoxData_List #newsListToSingle{width:400%;transition:all .3s ease-in-out;display:flex;flex-direction:row}.section_news .section_newsBoxData_List #newsListToSingle ul{width:25%;padding:0 1.5%}.section_news .section_newsBoxData_List #newsListToSingle.step1{transform:translateX(0)}.section_news .section_newsBoxData_List #newsListToSingle.step2{transform:translateX(-25%)}.section_news .section_newsBoxData_List #newsListToSingle.step3{transform:translateX(-50%)}.section_world .section_title_world{background-image:url(/skin/images/title_world.png)}.section_world .section_title_world.section_title_world_en{background-image:url(/skin/images/title_world_en.png)}.section_world .section_world_bg{background-image:url(/skin/images/world_bg.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:100%;height:0;padding-bottom:63%;padding-top:5%}.section_world .section_world_text{background-image:url(/skin/images/world_text.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:100%;height:0;padding-bottom:45%}.section_role{margin-top:-5%;padding-top:0;z-index:5;position:relative}.section_role .section_title_role{background-image:url(/skin/images/title_role.png)}.section_role .section_title_role.section_title_role_en{background-image:url(/skin/images/title_role_en.png)}.section_role #roleIntro{width:80%;margin:2% auto 0 auto;position:relative}.section_role #roleIntro .swiper-wrapper{position:relative;padding:0 5%}.section_role #roleIntro .swiper-wrapper p{color:#000}.section_role #roleIntro .swiper-wrapper .role_name{font-size:2.8vw;font-weight:500;margin-bottom:4%;letter-spacing:.5vw}.section_role #roleIntro .swiper-wrapper .role_name:after{background-image:url(/skin/images/border.png);background-repeat:no-repeat;background-position:bottom;background-size:100%;width:40%;height:0;padding-bottom:3%;position:absolute;left:0;top:8%;content:" "}.section_role #roleIntro .swiper-wrapper .role_cv{font-size:1.15vw;font-family:'Noto Serif JP',serif;font-weight:500}.section_role #roleIntro .swiper-wrapper .roleVoice{width:30%}.section_role #roleIntro .swiper-wrapper .roleVoice .roleVoice_box.role_voice_child{display:none}.section_role #roleIntro .swiper-wrapper .role_voice{display:inline-block;background-image:url(/skin/images/role/voice.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:30%;height:0;padding-bottom:15%;margin-right:8%;cursor:pointer}.section_role #roleIntro .swiper-wrapper .role_voice.red{background-image:url(/skin/images/role/voice_red.png)}.section_role #roleIntro .swiper-wrapper .role_voice.gray{background-image:url(/skin/images/role/voice_gray.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content{background-repeat:no-repeat;background-position:center;background-size:100%;width:28%;height:0;padding-bottom:28%}.section_role #roleIntro .swiper-wrapper .roleIntro_content1{background-image:url(/skin/images/role/content_1.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content2{background-image:url(/skin/images/role/content_2.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content3{background-image:url(/skin/images/role/content_3.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content4{background-image:url(/skin/images/role/content_4.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content5{background-image:url(/skin/images/role/content_5.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content6{background-image:url(/skin/images/role/content_6.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content7{background-image:url(/skin/images/role/content_7.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content8{background-image:url(/skin/images/role/content_8.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content9{background-image:url(/skin/images/role/content_9.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content10{background-image:url(/skin/images/role/content_10.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content11{background-image:url(/skin/images/role/content_11.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content12{background-image:url(/skin/images/role/content_12.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content13{background-image:url(/skin/images/role/content_13.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content14{background-image:url(/skin/images/role/content_14.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content15{background-image:url(/skin/images/role/content_15.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content_insert_1{background-image:url(/skin/images/role/content_insert_1.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content_insert_2{background-image:url(/skin/images/role/content_insert_2.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content_insert_3{background-image:url(/skin/images/role/content_insert_3.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content_insert_4{background-image:url(/skin/images/role/content_insert_4.png)}.section_role #roleIntro .swiper-wrapper .roleImage{position:absolute;right:5%;bottom:8%;transition:all .3s ease-in-out}.section_role #roleIntro .swiper-wrapper .roleImage.adult{background-repeat:no-repeat;background-position:center;background-size:100%;width:40%;height:0;padding-bottom:50%;opacity:1}.section_role #roleIntro .swiper-wrapper .roleImage.child{background-repeat:no-repeat;background-position:center;background-size:100%;width:40%;height:0;padding-bottom:50%;opacity:0}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role1{background-image:url(/skin/images/role/adult_1.png)}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role2{background-image:url(/skin/images/role/adult_2.png);width:18%;right:15%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role3{background-image:url(/skin/images/role/adult_3.png);width:27%;right:8%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role4{background-image:url(/skin/images/role/adult_4.png);width:25%;right:12%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role5{background-image:url(/skin/images/role/adult_5.png);width:25%;right:12%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role6{background-image:url(/skin/images/role/adult_6.png);width:25%;right:10%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role7{background-image:url(/skin/images/role/adult_7.png);width:31%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role8{background-image:url(/skin/images/role/adult_8.png);width:27%;right:13%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role9{background-image:url(/skin/images/role/adult_9.png);width:31%;right:10%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role10{background-image:url(/skin/images/role/adult_10.png);width:20%;right:12%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role11{background-image:url(/skin/images/role/adult_11.png);width:20%;right:15%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role12{background-image:url(/skin/images/role/adult_12.png);width:20%;right:13%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role13{background-image:url(/skin/images/role/adult_13.png);width:25%;right:13%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role14{background-image:url(/skin/images/role/adult_14.png);width:27%;right:10%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role15{background-image:url(/skin/images/role/adult_15.png);width:16%;right:15%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role_insert_1{background-image:url(/skin/images/role/adult_insert_1.png);width:25%;padding-bottom:55%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role_insert_2{background-image:url(/skin/images/role/adult_insert_2.png);width:35%;padding-bottom:55%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role_insert_3{background-image:url(/skin/images/role/adult_insert_3.png);width:37%;padding-bottom:50%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role_insert_4{background-image:url(/skin/images/role/adult_insert_4.png);width:32%;padding-bottom:50%;right:9%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role1{background-image:url(/skin/images/role/child_1.png);width:35%;right:8%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role2{background-image:url(/skin/images/role/child_2.png);width:14%;right:18%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role3{background-image:url(/skin/images/role/child_3.png);width:20%;right:15%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role4{background-image:url(/skin/images/role/child_4.png);width:11%;right:20%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role5{background-image:url(/skin/images/role/child_5.png);width:15%;right:15%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role6{background-image:url(/skin/images/role/child_6.png);width:22%;right:15%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role7{background-image:url(/skin/images/role/child_7.png);width:18%;right:15%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role8{background-image:url(/skin/images/role/child_8.png);width:21%;right:15%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role9{background-image:url(/skin/images/role/child_9.png);right:8%;width:34%;bottom:9%;padding-bottom:53%}.section_role #roleIntro .swiper-wrapper .role_state{width:17%;height:0;padding-bottom:17%;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition-duration:.5s;position:relative;margin-top:8%}.section_role #roleIntro .swiper-wrapper .role_state .change_stateBtn{display:inline-block;background-image:url(/skin/images/role/state_border.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:100%;height:0;padding-bottom:100%;transition:all .3s ease-in-out;left:100%;position:absolute;z-index:1}.section_role #roleIntro .swiper-wrapper .role_state .change_stateBtn.red{background-image:url(/skin/images/role/state_border_red.png)}.section_role #roleIntro .swiper-wrapper .role_state .change_stateBtn.is_active{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.section_role #roleIntro .swiper-wrapper .role_state .change_stateBtn.is_active2{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}.section_role #roleIntro .swiper-wrapper .role_state .role_state_state_img{background-repeat:no-repeat;background-position:center;background-size:100%;width:50%;height:0;padding-bottom:20%;position:absolute;top:40%;left:125%;cursor:pointer;z-index:2}.section_role #roleIntro .swiper-wrapper .role_state .adult{background-image:url(/skin/images/role/adult_state.png);opacity:1}.section_role #roleIntro .swiper-wrapper .role_state .red.adult{background-image:url(/skin/images/role/adult_state_red.png)}.section_role #roleIntro .swiper-wrapper .role_state .child{background-image:url(/skin/images/role/child_state.png);opacity:0}.section_role #roleIntro .swiper-wrapper .role_state .red.child{background-image:url(/skin/images/role/child_state_red.png)}.section_role .roleSwiperDiv{position:absolute;z-index:2}.section_role #roleIntro .swiper-slide{transform:translateX(0);transition:all .5s ease-in-out;opacity:1}.section_role #roleIntro .swiper-slide.fadeSlide{transform:translateX(0);opacity:0}.section_role #roleIntro .swiper-button-next.swiper-button-disabled,.section_role #roleIntro .swiper-button-prev.swiper-button-disabled{opacity:1}.section_role #roleIntro .swiper-button-next,.section_role #roleIntro .swiper-button-prev{width:2vw;height:4vw;background-size:cover;top:50%}.section_role #roleIntro .swiper-button-prev{background-image:url(/skin/images/left.svg);left:0}.section_role #roleIntro .swiper-button-next{background-image:url(/skin/images/right.svg);right:0}.section_role #roleIntro .role_pagination{padding:1% 5% 29% 0;width:90%;margin:0 8% 10% 2%}.section_role #roleIntro .role_pagination .role_dot_list{position:relative;width:100%}.section_role #roleIntro .role_pagination .role_dot{position:absolute;width:13%;height:13%}.section_role #roleIntro .role_pagination .role_dot a{display:inline-block;width:100%;height:100%;position:relative;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.section_role #roleIntro .role_pagination .role_dot a span{display:inline-block;width:80%;height:0;padding-bottom:90%;background-position:center;background-repeat:no-repeat;background-size:100%;position:relative;overflow:hidden;transition:all .5s ease-in-out}.section_role #roleIntro .role_pagination .role_dot a span:before{background-color:rgba(0,0,0,.4);position:absolute;width:83%;top:12.3%;height:36.7%;content:"";transition-duration:.5s;left:10.5%}.section_role #roleIntro .role_pagination .role_dot a span:after{background-color:rgba(0,0,0,.4);position:absolute;width:83%;top:49%;height:36.7%;content:"";transition-duration:.5s;left:10.5%}.section_role #roleIntro .role_pagination .role_dot.is_active a span:before{height:0}.section_role #roleIntro .role_pagination .role_dot.is_active a span:after{top:83%;height:0}.section_role #roleIntro .role_pagination .role_dot.role_dot_2{margin-top:7%;left:7%}.section_role #roleIntro .role_pagination .role_dot.role_dot_3{left:20%}.section_role #roleIntro .role_pagination .role_dot.role_dot_4{left:34%}.section_role #roleIntro .role_pagination .role_dot.role_dot_5{left:48%}.section_role #roleIntro .role_pagination .role_dot.role_dot_6{margin-top:7%;left:27%}.section_role #roleIntro .role_pagination .role_dot.role_dot_7{margin-top:7%;left:41%}.section_role #roleIntro .role_pagination .role_dot.role_dot_8{margin-top:14%;left:20%}.section_role #roleIntro .role_pagination .role_dot.role_dot_9{margin-top:14%;left:34%}.section_role #roleIntro .role_pagination .role_dot.role_dot_10{margin-top:14%;left:48%}.section_role #roleIntro .role_pagination .role_dot.role_dot_11{left:68%}.section_role #roleIntro .role_pagination .role_dot.role_dot_12{left:82%}.section_role #roleIntro .role_pagination .role_dot.role_dot_13{margin-top:7%;left:61%}.section_role #roleIntro .role_pagination .role_dot.role_dot_14{margin-top:7%;left:75%}.section_role #roleIntro .role_pagination .role_dot.role_dot_15{margin-top:7%;left:89%}.section_role #roleIntro .role_pagination .role_dot.role_dot_insert_1{margin-top:14%}.section_role #roleIntro .role_pagination .role_dot.role_dot_insert_2{margin-top:21%;left:27%}.section_role #roleIntro .role_pagination .role_dot.role_dot_insert_3{margin-top:14%;left:68%}.section_role #roleIntro .role_pagination .role_dot.role_dot_insert_4{margin-top:14%;left:82%}.section_role #roleIntro .role_pagination .role_dot.role_dot_1 a span{background-image:url(/skin/images/role/dot_1.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_2 a span{background-image:url(/skin/images/role/dot_2.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_3 a span{background-image:url(/skin/images/role/dot_3.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_4 a span{background-image:url(/skin/images/role/dot_4.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_5 a span{background-image:url(/skin/images/role/dot_5.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_6 a span{background-image:url(/skin/images/role/dot_6.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_7 a span{background-image:url(/skin/images/role/dot_7.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_8 a span{background-image:url(/skin/images/role/dot_8.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_9 a span{background-image:url(/skin/images/role/dot_9.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_10 a span{background-image:url(/skin/images/role/dot_10.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_11 a span{background-image:url(/skin/images/role/dot_11.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_12 a span{background-image:url(/skin/images/role/dot_12.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_13 a span{background-image:url(/skin/images/role/dot_13.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_14 a span{background-image:url(/skin/images/role/dot_14.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_15 a span{background-image:url(/skin/images/role/dot_15.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_insert_1 a span{background-image:url(/skin/images/role/dot_insert_1.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_insert_2 a span{background-image:url(/skin/images/role/dot_insert_2.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_insert_3 a span{background-image:url(/skin/images/role/dot_insert_3.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_insert_4 a span{background-image:url(/skin/images/role/dot_insert_4.png)}.section_role .roleBg{position:relative;top:0;z-index:1}.section_role .roleBg .bg_img{background-repeat:no-repeat;background-position:bottom;background-size:100%;width:55%;height:0;padding-bottom:65%;opacity:0;margin-left:40%;margin-top:3%;transition:all .3s ease-in-out;position:absolute}.section_role .roleBg .bg_img.is_active{opacity:1}.section_role .roleBg .bg_img.adult#role_bg_img1{background-image:url(/skin/images/role/adult_bg_1.png)}.section_role .roleBg .bg_img.adult#role_bg_img2{background-image:url(/skin/images/role/adult_bg_2.png)}.section_role .roleBg .bg_img.adult#role_bg_img3{background-image:url(/skin/images/role/adult_bg_3.png);width:54%;margin-left:41%}.section_role .roleBg .bg_img.adult#role_bg_img4{background-image:url(/skin/images/role/adult_bg_4.png)}.section_role .roleBg .bg_img.adult#role_bg_img5{background-image:url(/skin/images/role/adult_bg_5.png)}.section_role .roleBg .bg_img.adult#role_bg_img6{background-image:url(/skin/images/role/adult_bg_6.png)}.section_role .roleBg .bg_img.adult#role_bg_img7{background-image:url(/skin/images/role/adult_bg_7.png)}.section_role .roleBg .bg_img.adult#role_bg_img8{background-image:url(/skin/images/role/adult_bg_8.png)}.section_role .roleBg .bg_img.adult#role_bg_img9{background-image:url(/skin/images/role/adult_bg_9.png)}.section_role .roleBg .bg_img.adult#role_bg_img10{background-image:url(/skin/images/role/adult_bg_10.png)}.section_role .roleBg .bg_img.adult#role_bg_img11{background-image:url(/skin/images/role/adult_bg_11.png)}.section_role .roleBg .bg_img.adult#role_bg_img12{background-image:url(/skin/images/role/adult_bg_12.png)}.section_role .roleBg .bg_img.adult#role_bg_img13{background-image:url(/skin/images/role/adult_bg_13.png)}.section_role .roleBg .bg_img.adult#role_bg_img14{background-image:url(/skin/images/role/adult_bg_14.png)}.section_role .roleBg .bg_img.adult#role_bg_img15{background-image:url(/skin/images/role/adult_bg_15.png)}.section_role .roleBg .bg_img.adult#role_bg_img_insert_1{background-image:url(/skin/images/role/adult_bg_insert_1.png)}.section_role .roleBg .bg_img.adult#role_bg_img_insert_2{background-image:url(/skin/images/role/adult_bg_insert_2.png)}.section_role .roleBg .bg_img.adult#role_bg_img_insert_3{background-image:url(/skin/images/role/adult_bg_insert_3.png)}.section_role .roleBg .bg_img.adult#role_bg_img_insert_4{background-image:url(/skin/images/role/adult_bg_insert_4.png)}.section_role .roleBg .bg_img.child#role_bg_img1{background-image:url(/skin/images/role/child_bg_1.png);width:53%;margin-left:42%}.section_role .roleBg .bg_img.child#role_bg_img2{background-image:url(/skin/images/role/child_bg_2.png)}.section_role .roleBg .bg_img.child#role_bg_img3{background-image:url(/skin/images/role/child_bg_3.png);width:54%;margin-left:41%}.section_role .roleBg .bg_img.child#role_bg_img4{background-image:url(/skin/images/role/child_bg_4.png)}.section_role .roleBg .bg_img.child#role_bg_img5{background-image:url(/skin/images/role/child_bg_5.png)}.section_role .roleBg .bg_img.child#role_bg_img6{background-image:url(/skin/images/role/child_bg_6.png)}.section_role .roleBg .bg_img.child#role_bg_img7{background-image:url(/skin/images/role/child_bg_7.png)}.section_role .roleBg .bg_img.child#role_bg_img8{background-image:url(/skin/images/role/child_bg_8.png)}.section_role .roleBg .bg_img.child#role_bg_img9{background-image:url(/skin/images/role/child_bg_9.png)}.section_gameIntro{z-index:5;position:relative}.section_gameIntro .section_title_game{background-image:url(/skin/images/title_game.png)}.section_gameIntro #gameIntro{position:relative;width:80%;margin:0 auto}.section_gameIntro #gameIntro .swiper-container{padding-bottom:8%;margin:7% auto}.section_gameIntro #gameIntro .swiper-slide{width:30vw;-webkit-filter:brightness(.7);filter:brightness(.7)}.section_gameIntro #gameIntro .swiper-slide img{display:block;width:100%}.section_gameIntro #gameIntro .swiper-slide.swiper-slide-active{-webkit-filter:brightness(1);filter:brightness(1);box-shadow:0 8px 8px rgba(0,0,0,.5)}.section_gameIntro #gameIntro .swiper-pagination{width:100%;bottom:20px}.section_gameIntro #gameIntro .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;width:1vw;height:1vw;opacity:1;background:unset;border-radius:unset;background-image:url(/skin/images/dot.svg);background-size:contain;background-repeat:no-repeat}.section_gameIntro #gameIntro .swiper-pagination-bullets .swiper-pagination-bullet-active{background-image:url(/skin/images/dot_h.svg);transform:scale(1.2)}.section_gameIntro #gameIntro .swiper-button-next,.section_gameIntro #gameIntro .swiper-button-prev{width:2vw;height:4vw;background-size:cover;margin-top:-7%}.section_gameIntro #gameIntro .swiper-button-prev{background-image:url(/skin/images/left.svg);left:3%}.section_gameIntro #gameIntro .swiper-button-next{background-image:url(/skin/images/right.svg);right:3%}@media screen and (max-width:1200px){.section_news .section_newsBoxData_List ul li a .news_date{width:26%}.section_news .section_newsBoxData_List ul li a .news_subject{width:74%}}@media screen and (max-width:1040px){.section_news .section_newsBoxData_List ul li a .news_date{width:28%}.section_news .section_newsBoxData_List ul li a .news_subject{width:72%}}@media screen and (max-width:800px) and (min-width:768px){.section_news .section_newsBoxData_List ul li a .news_date{width:32%}.section_news .section_newsBoxData_List ul li a .news_subject{width:68%}}@media screen and (max-width:768px){.MainDiv{overflow-x:hidden}.leftBox ul li a span.pcDownloadSpan:after{line-height:unset}.maskDiv_w{background-image:url(/skin/images/video_mask_m.png);background-size:35%;padding-bottom:165%;background-position:0 0}.section_banner{height:0;padding-bottom:131.5%}.section_banner .videoBg{width:100%;position:absolute;height:100vh;padding-bottom:0}.section_banner #pc_video{display:none}.section_banner #m_video{display:block}.section_banner #m_video video{width:100%;height:100vh}.section_banner .banner_ad{position:absolute;z-index:3;width:90%;background-image:url(/skin/images/banner_bg_m.png);background-repeat:no-repeat;background-position:center;background-size:100%;margin:0 5%;height:0;padding-bottom:23%;display:flex;justify-content:center;top:80%}.section_banner .banner_ad .banner_ad_text{font-size:6vw;position:absolute;display:inline-block;text-align:center;margin-top:1%}.section_banner .banner_ad .banner_ad_img{background-repeat:no-repeat;background-position:center;background-size:100%;width:32%;height:0;padding-bottom:11%;display:inline-block;margin:13% 1.5% 0 1.5%}.section_banner .banner_ad .banner_ad_img.banner_ad_img_ios{background-image:url(/skin/images/download_apple.svg);width:25.5%}.section_banner .banner_ad .banner_ad_img.banner_ad_img_android{background-image:url(/skin/images/download_google.png)}.section_banner .maskDiv{padding-bottom:131.5%}.section_banner .voice_switch{width:11%;padding-bottom:11%}.section_effect_div_title{-webkit-mask-size:5000px}.bottomBox{margin:3% 0 5% 0}.bottomBox .bottomBox_platBox_bg{z-index:98;background-size:100% 100%;background-image:url(/skin/images/bottom_bg_m.png);width:100%;height:0;padding-top:2%;padding-bottom:20%}.bottomBox .bottomBox_platBox{margin:0 auto;width:90%;padding-top:9%;position:relative;justify-content:center}.bottomBox_platBox .bottomBox_platBox_text{position:absolute;top:0;left:35%;width:35%;font-size:6vw}.bottomBox .bottomBox_platBox .bottomBox_platBox_plat{width:36%;padding-bottom:11%}.bottomBox .bottomBox_platBox .bottomBox_platBox_plat.bottomBox_platBox_ios{width:29%}.section_padding{width:100%}.section_title{width:100%;padding-bottom:18%}.section_news{padding-bottom:100%;width:100%}.section_news .section_title_news{background-image:url(/skin/images/title_news_m.png)}.section_news .section_newsBoxData_banner{display:none}.section_news .section_newsBoxData_ListBox{width:95%;margin:0 auto}.section_news .section_newsBoxData_ListBox .section_newsBoxData_ListTag{justify-content:center}.section_news .section_newsBoxData_ListBox .section_newsBoxData_ListTag a{width:25%;margin:0 2.5%}.section_news .section_newsBoxData_List{width:95%;height:100%;margin:0 auto;padding:2% 0 0 0}.section_news .section_newsBoxData_List #newsListToSingle ul{padding:0 1%}.section_news .section_newsBoxData_List .news_more,.section_news .section_newsBoxData_List .news_more:link,.section_news .section_newsBoxData_List .news_more:visited,.section_news .section_newsBoxData_List ul li a .news_date,.section_news .section_newsBoxData_List ul li a .news_subject{font-size:1em}.section_role{padding-bottom:0}.section_role .section_title_role{background-image:url(/skin/images/title_role_m.png)}.section_role #roleIntro{width:99%}.section_role #roleIntro .swiper-wrapper{padding:0 1%}.section_role #roleIntro .swiper-container{height:0;padding-bottom:200%}.section_role #roleIntro .swiper-wrapper .role_name{font-size:3.2em}.section_role #roleIntro .swiper-wrapper .role_name:after{width:55%;margin-top:12%}.section_role #roleIntro .swiper-wrapper .role_cv{font-size:1.4em}.section_role #roleIntro .swiper-wrapper .roleVoice{width:60%}.section_role .roleBg .bg_img{width:100%;height:0;padding-bottom:160%;margin-left:0}.section_role .roleBg .bg_img.adult#role_bg_img3{width:100%;margin-left:0}.section_role .roleBg .bg_img.child{width:100%}.section_role .roleBg .bg_img.child#role_bg_img1{width:96%;margin-left:4%}.section_role .roleBg .bg_img.child#role_bg_img3{width:100%;margin-left:0}.section_role #roleIntro .swiper-wrapper .role_state{width:30%;padding-bottom:30%;position:absolute;right:25%;margin-top:-180%}.section_role #roleIntro .swiper-wrapper .roleIntro_content{width:100%;height:0;padding-bottom:50%;margin-top:130%}.section_role #roleIntro .swiper-wrapper .roleIntro_content1{background-image:url(/skin/images/role/mobile/content_1_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content2{background-image:url(/skin/images/role/mobile/content_2_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content3{background-image:url(/skin/images/role/mobile/content_3_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content4{background-image:url(/skin/images/role/mobile/content_4_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content5{background-image:url(/skin/images/role/mobile/content_5_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content6{background-image:url(/skin/images/role/mobile/content_6_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content7{background-image:url(/skin/images/role/mobile/content_7_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content8{background-image:url(/skin/images/role/mobile/content_8_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content9{background-image:url(/skin/images/role/mobile/content_9_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content10{background-image:url(/skin/images/role/mobile/content_10_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content11{background-image:url(/skin/images/role/mobile/content_11_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content12{background-image:url(/skin/images/role/mobile/content_12_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content13{background-image:url(/skin/images/role/mobile/content_13_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content14{background-image:url(/skin/images/role/mobile/content_14_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content15{background-image:url(/skin/images/role/mobile/content_15_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content_insert_1{background-image:url(/skin/images/role/mobile/content_insert_1_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content_insert_2{background-image:url(/skin/images/role/mobile/content_insert_2_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content_insert_3{background-image:url(/skin/images/role/mobile/content_insert_3_m.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content_insert_4{background-image:url(/skin/images/role/mobile/content_insert_4_m.png)}.section_role #roleIntro .swiper-wrapper .roleImage.adult,.section_role #roleIntro .swiper-wrapper .roleImage.child{top:0;margin-top:65%;position:absolute;right:-10%;width:75%;padding-bottom:100%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role1{right:-20%;width:85%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role2{width:36%;right:5%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role3{width:54%;right:-9%;padding-bottom:110%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role4{width:52%;right:3%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role5{width:50%;right:0}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role6{width:50%;right:-6%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role7{width:60%;right:-14%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role8{width:55%;right:0}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role9{width:64%;right:-12%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role10{width:40%;right:-2%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role11{width:40%;right:4%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role12{width:40%;right:2%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role13{width:50%;right:-3%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role14{width:55%;right:-5%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role15{width:33%;right:5%;padding-bottom:105%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role_insert_1{width:45%;right:0;padding-bottom:100%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role_insert_2{width:70%;padding-bottom:108%;right:-15%;margin-top:56%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role_insert_3{width:70%;padding-bottom:105%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role_insert_4{width:60%;padding-bottom:105%;right:-4%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role1{width:70%;right:-15%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role2{width:28%;right:10%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role3{width:41%;right:4%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role4{width:24%;right:14%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role5{width:29%;right:7%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role6{right:-2%;width:45%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role7{width:38%;right:1%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role8{width:44%;right:4%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role9{right:-10%;width:65%;padding-bottom:100%}.section_role #roleIntro .role_pagination{padding:3% 0 5% 0;width:96%;margin:0 2% 10% 2%}.section_role #roleIntro .role_pagination .role_dot_list{display:flex;flex-direction:column;width:97%;margin:0 1%}.section_role #roleIntro .role_pagination .role_dot_list .role_sortDiv{width:100%;height:0;padding-bottom:40%;padding-left:25%;padding-right:25%}.section_role #roleIntro .role_pagination .role_dot_list .role_sortDiv .role_dot{position:absolute;width:22%;height:0;padding-bottom:40%}.section_role #roleIntro .role_pagination .role_dot_list .role_sortDiv:nth-child(2){padding-bottom:53%}.section_role #roleIntro .role_pagination .role_dot a span:before{height:36.8%}.section_role #roleIntro .role_pagination .role_dot.role_dot_1{left:23%}.section_role #roleIntro .role_pagination .role_dot.role_dot_2{margin-top:0;left:46%}.section_role #roleIntro .role_pagination .role_dot.role_dot_3{left:-6.5%}.section_role #roleIntro .role_pagination .role_dot.role_dot_4{left:17%}.section_role #roleIntro .role_pagination .role_dot.role_dot_5{left:40%}.section_role #roleIntro .role_pagination .role_dot.role_dot_6{margin-top:0;left:63%}.section_role #roleIntro .role_pagination .role_dot.role_dot_7{margin-top:12%;left:5%}.section_role #roleIntro .role_pagination .role_dot.role_dot_8{margin-top:12%;left:28.3%}.section_role #roleIntro .role_pagination .role_dot.role_dot_9{margin-top:12%;left:51.3%}.section_role #roleIntro .role_pagination .role_dot.role_dot_10{margin-top:12%;left:75%}.section_role #roleIntro .role_pagination .role_dot.role_dot_11{left:22%}.section_role #roleIntro .role_pagination .role_dot.role_dot_12{left:45%}.section_role #roleIntro .role_pagination .role_dot.role_dot_13{margin-top:12%;left:10%}.section_role #roleIntro .role_pagination .role_dot.role_dot_14{margin-top:12%;left:33.5%}.section_role #roleIntro .role_pagination .role_dot.role_dot_15{margin-top:12%;left:57%}.section_role #roleIntro .role_pagination .role_dot.role_dot_insert_1{margin-top:13%;left:34.5%}.section_role #roleIntro .role_pagination .role_dot.role_dot_insert_2{margin-top:24%;left:15%}.section_role #roleIntro .role_pagination .role_dot.role_dot_insert_3{margin-top:24%;left:21.5%}.section_role #roleIntro .role_pagination .role_dot.role_dot_insert_4{margin-top:24%;left:45%}.section_role #roleIntro .swiper-button-next,.section_role #roleIntro .swiper-button-prev{width:6vw;height:12vw;top:76%}.section_world .section_title_world{background-image:url(/skin/images/title_world_m.png)}.section_world .section_world_bg{padding-bottom:120%}.section_world .section_world_text{background-image:url(/skin/images/world_text_m.png);width:100%;height:0;padding-bottom:100%}.section_gameIntro{width:100%;margin:10% auto}.section_gameIntro .section_title_game{background-image:url(/skin/images/title_game_m.png);width:100%}.section_gameIntro #gameIntro{width:100%}.section_gameIntro #gameIntro .swiper-slide{width:90%}.section_gameIntro #gameIntro .swiper-pagination{bottom:0}.section_gameIntro #gameIntro .swiper-pagination-bullets .swiper-pagination-bullet{width:4vw;height:4vw}.section_gameIntro #gameIntro .swiper-button-next,.section_gameIntro #gameIntro .swiper-button-prev{width:4vw;height:8vw}}@media screen and (max-width:650px){.section_role #roleIntro .swiper-wrapper .role_name{font-size:2.8em}.section_role #roleIntro .swiper-wrapper .roleIntro_content{margin-top:125%}}@media screen and (max-width:500px){.section_role #roleIntro .swiper-wrapper .role_name:after{margin-top:14%}}@media screen and (max-width:465px){.section_role #roleIntro .swiper-wrapper .roleIntro_content11{margin-top:100%}.section_pre .preBox_modelBox .preInData5{padding-bottom:20%}}@media screen and (max-width:440px){.section_role #roleIntro .swiper-wrapper .roleIntro_content{margin-top:115%}.section_role #roleIntro .swiper-wrapper .role_name:after{margin-top:16%}}@media screen and (max-width:390px){.section_role #roleIntro .swiper-wrapper .roleIntro_content{margin-top:115%}.section_role #roleIntro .swiper-wrapper .roleIntro_content11{margin-top:90%}.section_role #roleIntro .swiper-wrapper .role_name:after{margin-top:18%;padding-bottom:4%}}@media screen and (max-width:340px){.section_role #roleIntro .swiper-wrapper .roleIntro_content{margin-top:105%}.section_role #roleIntro .swiper-wrapper .roleIntro_content11{margin-top:83%}.section_role #roleIntro .swiper-wrapper .role_name:after{margin-top:20%}}@-webkit-keyframes animIn{100%{-webkit-mask-position:right center}}@keyframes animIn{100%{-webkit-mask-position:right center}}