@charset "UTF-8";
html{color:#000}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,iframe,img{border:0}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:""}abbr,acronym{-webkit-font-feature-settings:normal;border:0;font-feature-settings:normal;font-variant:normal}sub,sup{vertical-align:baseline}legend{color:#000}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}button,input,select,textarea{*font-size:100%}img{vertical-align:middle}*{margin:0;padding:0}html{font-size:62.5%}html body{font-size:13px;line-height:normal}#contents #header,.navi_item a,.navi_item p,html{font-family:M PLUS\ 1p,メイリオ,Meiryo,Verdana,Century Gothic,Trebuchet MS,ＭＳ Ｐゴシック,Osaka,ヒラギノ角ゴ Pro W3}#contents #header,.mac,html{font-family:M PLUS\ 1p,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Century Gothic,Verdana,Trebuchet MS,メイリオ,Meiryo,ＭＳ Ｐゴシック,Osaka}#error404,#FAQ_box,#footer,#info_area,#topic,.btn_list p,.help_button,.info_body,.listback_btn_box,form{font-family:メイリオ,Meiryo,Verdana,Century Gothic,Trebuchet MS,ＭＳ Ｐゴシック,Osaka,ヒラギノ角ゴ Pro W3}#about_all{font-family:Noto Sans JP,メイリオ,Meiryo,Verdana,Century Gothic,Trebuchet MS,ＭＳ Ｐゴシック,Osaka,ヒラギノ角ゴ Pro W3}a{color:#fff;text-decoration:none;cursor:pointer}body,html{width:100%;height:100%;font-family:toppan-bunkyu-midashi-go-std,sans-serif;font-style:normal;font-weight:700}html{overflow:auto}html.steam_overlay #footer_box,html.steam_overlay header{display:none}body{background-color:#102c5e;line-height:0}header{-webkit-background-size:cover;background:url(/images/bg.jpg?v=20210616170415) 50% 50% no-repeat #7acae7;background-size:cover}.webp header{-webkit-background-size:cover;background:url(/images/bg.webp?v=20210616170415) 50% 50% no-repeat #7acae7;background-size:cover}#key_visual{position:relative;max-width:1280px;margin:0 auto}.key_img{display:block}.key_img,.key_sp{z-index:0;position:absolute;width:100%;height:auto}.key_sp{display:none}nav{-webkit-filter:drop-shadow(0 10px 10px rgba(0,0,0,.6));border-bottom:1px solid #00eaff;background:rgba(0,18,49,.72157);filter:drop-shadow(0 10px 10px rgba(0,0,0,.6))}.c_1_font{font-size:1rem}.nav_btnset{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.nav_btn{padding:1%;color:#fff;font-size:calc(112.5% + .1vw);line-height:2.7em}.nav_btn a:hover{color:#56d8ff}.on_active{color:#3cabd4}.nav_start{display:block;margin:0 0 0 auto;padding:1%}.center_img{max-width:100%;height:auto;max-height:100%}.cp a:hover{opacity:.3}.center_box{position:relative}.center_box,ul{max-width:1280px;margin:0 auto}.btnset_box{position:relative;background-image:url(/images/gurade_bg.png?v=20210616170415)}.webp .btnset_box{position:relative;background-image:url(/images/gurade_bg.webp?v=20210616170415)}article{line-height:normal}.half_img{width:50%;height:auto}.button01{-webkit-border-radius:3rem;-webkit-background-size:400% 400%;display:inline-block;z-index:1;position:relative;width:214px;margin:0 auto;border:2px solid hsla(0,0%,100%,.65882);border-radius:3rem;background-image:-webkit-gradient(linear,left top,right top,from(#00b9ca),color-stop(#0c00ff),to(#00b9ca));background-image:-webkit-linear-gradient(left,#00b9ca,#0c00ff,#00b9ca);background-image:-o-linear-gradient(left,#00b9ca,#0c00ff,#00b9ca);background-image:linear-gradient(90deg,#00b9ca,#0c00ff,#00b9ca);background-size:400%;color:#fff;font-size:calc(12px + .25vw);line-height:3em;text-align:center;text-decoration:none}.button01:before{-webkit-border-radius:1.5em;-webkit-filter:blur(1em);-webkit-transition:opacity .6s;-o-transition:opacity .6s;z-index:1;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.5em;background:inherit;content:"";filter:blur(1em);opacity:0;transition:opacity .6s;will-change:transform}.button01:hover{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite}.button01:hover:before{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite;opacity:1}.button02{-webkit-border-radius:4.5em;-webkit-background-size:400% 400%;-webkit-filter:drop-shadow(10px 10px 10px #0a003a);display:inline-block;z-index:0;position:relative;width:100%;height:100%;border:2px solid hsla(0,0%,100%,.65882);border-radius:4.5em;background-image:-webkit-gradient(linear,left top,right top,from(#00b9ca),color-stop(#0c00ff),to(#00b9ca));background-image:-webkit-linear-gradient(left,#00b9ca,#0c00ff,#00b9ca);background-image:-o-linear-gradient(left,#00b9ca,#0c00ff,#00b9ca);background-image:linear-gradient(90deg,#00b9ca,#0c00ff,#00b9ca);background-size:400%;color:#fff;font-size:calc(112.5% + .7vw);line-height:3.4em;text-align:center;text-decoration:none;filter:drop-shadow(10px 10px 10px #0a003a);will-change:transform}.button02:before{-webkit-border-radius:1.5em;-webkit-filter:blur(1em);-webkit-transition:opacity .6s;-o-transition:opacity .6s;z-index:1;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.5em;background:inherit;content:"";filter:blur(1em);opacity:0;transition:opacity .6s}.button02:hover{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite}.button02:hover:before{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite;opacity:1}::-webkit-full-page-media,:future,:root .button_faq{-webkit-filter:none;overflow:hidden;filter:none}::-webkit-full-page-media,:future,:root .button_hub{-webkit-filter:none;overflow:hidden;filter:none}::-webkit-full-page-media,:future,:root .button01{-webkit-filter:none;overflow:hidden;filter:none}::-webkit-full-page-media,:future,:root .button02{-webkit-filter:none;overflow:hidden;filter:none}::-webkit-full-page-media,:future,:root .button03{-webkit-filter:none;overflow:hidden;filter:none}::-webkit-full-page-media,:future,:root .button04{-webkit-filter:none;overflow:hidden;filter:none}::-webkit-full-page-media,:future,:root .button05{-webkit-filter:none;overflow:hidden;filter:none}::-webkit-full-page-media,:future,:root .button_wp{-webkit-filter:none;overflow:hidden;filter:none}.button03{-webkit-border-radius:4.5em;-webkit-background-size:400% 400%;-webkit-filter:drop-shadow(10px 10px 10px #0a003a);display:inline-block;z-index:0;position:relative;width:100%;height:100%;border:2px solid hsla(0,0%,100%,.65882);border-radius:4.5em;background-image:-webkit-gradient(linear,left top,right top,from(#ff1212),color-stop(#ff9c00),to(#ff1212));background-image:-webkit-linear-gradient(left,#ff1212,#ff9c00,#ff1212);background-image:-o-linear-gradient(left,#ff1212,#ff9c00,#ff1212);background-image:linear-gradient(90deg,#ff1212,#ff9c00,#ff1212);background-size:400%;color:#fff;font-size:calc(112.5% + .7vw);line-height:3.4em;text-align:center;text-decoration:none;filter:drop-shadow(10px 10px 10px #0a003a);will-change:transform}.button03:before{-webkit-border-radius:1.5em;-webkit-filter:blur(1em);-webkit-transition:opacity .6s;-o-transition:opacity .6s;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.5em;background:inherit;content:"";filter:blur(1em);opacity:0;transition:opacity .6s}.button03:hover{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite}.button03:hover:before{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite;opacity:1}.button04{-webkit-border-radius:4.5em;width:100%;height:100%;border:2px solid #0e2156;border-radius:4.5em;background-color:#484848;color:#7d7d7d;font-size:calc(112.5% + .7vw);line-height:3.4em;cursor:default}.button04,.button05{-webkit-background-size:400% 400%;display:inline-block;position:relative;background-size:400%;text-align:center;text-decoration:none;will-change:transform}.button05{-webkit-border-radius:3rem;-webkit-filter:drop-shadow(10px 10px 10px #072b3c);z-index:1;width:214px;margin:0 auto;overflow:hidden;border:2px solid hsla(0,0%,100%,.65882);border-radius:3rem;background-image:-webkit-gradient(linear,left top,right top,from(#2a256b),color-stop(#1b2dff),to(#1d1bff));background-image:-webkit-linear-gradient(left,#2a256b,#1b2dff,#1d1bff);background-image:-o-linear-gradient(left,#2a256b,#1b2dff,#1d1bff);background-image:linear-gradient(90deg,#2a256b,#1b2dff,#1d1bff);color:#fff;font-size:calc(12px + .25vw);line-height:3em;filter:drop-shadow(10px 10px 10px #072b3c)}.button05:before{-webkit-border-radius:1.5em;-webkit-filter:blur(1em);-webkit-transition:opacity .6s;-o-transition:opacity .6s;z-index:1;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.5em;background:inherit;content:"";filter:blur(1em);opacity:0;transition:opacity .6s}.button05:hover{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite}.button05:hover:before{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite;opacity:1}.cp{position:relative;margin:0 auto;padding:0 4% 4%;background-color:#102c5e;text-align:center}@-webkit-keyframes glow{0%{background-position:0}to{background-position:400%}}@keyframes glow{0%{background-position:0}to{background-position:400%}}.global_icon{width:7%;padding:2%}.global_icon,.steam_icon{height:auto;vertical-align:middle}.steam_icon{width:17%}.steam_icon_l{width:12%;height:auto;vertical-align:middle}.select-wrapper{-webkit-border-radius:.5em;-webkit-background-size:400% 400%;position:relative;width:28%;margin:1%;float:right;overflow:hidden;border:1px solid #0a1d3e;border-radius:.5em;background-color:hsla(0,0%,100%,.72941);background-size:400%;color:rgba(84,84,84,.74902);font-size:1.4rem;font-weight:700;line-height:2.2em;text-align:center;text-decoration:none}.btn-select{-webkit-border-radius:6px;position:relative;width:237px;border-radius:6px;cursor:pointer}.label_lang{position:absolute;width:100%;color:#050a45}.select{-webkit-border-radius:6px;position:relative;width:237px;border-radius:6px;cursor:pointer;opacity:0}.select::-ms-expand{display:none}.select:focus{z-index:-1;opacity:1}.arrow:before{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);display:block;position:absolute;top:9px;left:94%;width:0;height:0;transform:translateX(-50%);border-top:12px solid rgba(0,0,0,0);border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:10px 9px 0;content:""}.main_btn{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;align-items:center;justify-content:center;padding-top:330px}.main_btn li{width:30%;margin:4%}canvas{display:block;vertical-align:bottom}.head-border{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center}.head-border:before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:3px;margin-right:1rem;background:-webkit-gradient(linear,right top,left top,from(#03d7e3),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(right,#03d7e3,rgba(0,0,0,0));background:-o-linear-gradient(right,#03d7e3,rgba(0,0,0,0));background:linear-gradient(-90deg,#03d7e3,rgba(0,0,0,0));content:""}.head-border:after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:3px;margin-left:1rem;background:-webkit-gradient(linear,left top,right top,from(#03d7e3),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(left,#03d7e3,rgba(0,0,0,0));background:-o-linear-gradient(left,#03d7e3,rgba(0,0,0,0));background:linear-gradient(90deg,#03d7e3,rgba(0,0,0,0));content:""}#information{-webkit-background-size:cover;z-index:0;position:relative;background:url(/images/info_img.jpg?v=20210616170415) 50% 50% no-repeat;background-size:cover}.webp #information{-webkit-background-size:cover;z-index:0;position:relative;background:url(/images/info_img.webp?v=20210616170415) 50% 50% no-repeat;background-size:cover}h2{-webkit-filter:drop-shadow(3px 3px 3px #0a003a);padding:3%;color:#3cabd4;font-size:calc(112.5% + 1.6vw);font-weight:700;filter:drop-shadow(3px 3px 3px #0a003a)}#introduction{-webkit-background-size:cover;background:url(/images/introduction_bg.jpg?v=20210616170415) 50% 50% no-repeat;background-size:cover;text-align:center}.webp #introduction{-webkit-background-size:cover;background:url(/images/introduction_bg.webp?v=20210616170415) 50% 50% no-repeat;background-size:cover;text-align:center}#season{-webkit-background-size:cover;background:url(/images/season_bg.jpg?v=20210616170415) 50% 50% no-repeat;background-size:cover;text-align:center}.webp #season{-webkit-background-size:cover;background:url(/images/season_bg.webp?v=20210616170415) 50% 50% no-repeat;background-size:cover;text-align:center}.box_side{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.box_side_img{min-width:30%;padding:1%}.new:before{-webkit-border-radius:1rem;display:inline-block;position:relative;top:-2px;max-height:18px;max-height:1.8rem;padding:.2rem;border-radius:1rem;background-color:#9bced0!important;color:#16365e!important;font-size:1.1rem;font-weight:700;line-height:1.8rem;content:"NEW"}#battlepass{-webkit-background-size:cover;background:url(/images/introduction_bg.jpg?v=20210616170415) 50% 50% no-repeat;background-size:cover;text-align:center}.webp #battlepass{-webkit-background-size:cover;background:url(/images/introduction_bg.webp?v=20210616170415) 50% 50% no-repeat;background-size:cover;text-align:center}.section_bg{margin:3%}.section_bg,.section_inter_bg{padding:1%;background:rgba(25,38,123,.81176)}.section_inter_bg{margin:3% 3% 15%}.section_space{width:980px;margin:0 auto;padding:1%;line-height:normal}#particles-js{-webkit-background-size:cover;width:100%;height:100%;background-color:#01123e;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.btest_text{margin:20% 0}.btest_text,.main_text_cope{-webkit-filter:drop-shadow(3px 3px 3px #0a003a);display:block;position:absolute;width:100%;color:#fff;font-size:calc(112.5% + 2.5vw);font-weight:700;line-height:normal;text-align:center;filter:drop-shadow(3px 3px 3px #0a003a)}.main_text_cope{margin:18% 0}.main_text_cope span{color:#fff;font-size:calc(80% + .1vw)}.text_box_bule{padding:0 3% 3%;color:#3383a4;font-size:1.8rem}.text_box_lightblue{padding:0 3% 3%;color:#42d1b9;font-size:1.8rem}.text-subicon{padding:2%;color:#42d1b9;font-size:calc(112.5% + .9vw);font-weight:700;line-height:1.7em;text-align:center}.swiper-container{max-width:800px;padding:50px}.swiper-slide{-webkit-background-size:cover;background-position:50%;background-size:cover}.swiper-slide img{max-width:100%;height:auto;max-height:100%}.community{-webkit-background-size:cover;background:url(/images/community_bg.jpg?v=20210616170415) 50% 50% no-repeat;background-size:cover}.community,.webp .community{color:#fff;text-align:center}.webp .community{-webkit-background-size:cover;background:url(/images/community_bg.webp?v=20210616170415) 50% 50% no-repeat;background-size:cover}.box_side a{margin:5%}.button_co{-webkit-border-radius:4.5em;border:2px solid #0e2156;border-radius:4.5em;background-color:#484848;color:#fff;color:#7d7d7d;font-size:calc(112.5% + .3vw);cursor:default}.button_co,.button_tw{-webkit-background-size:400% 400%;display:inline-block;z-index:1;position:relative;width:10em;height:2.4em;margin:2%;background-size:400%;line-height:2.4em;text-align:center;text-decoration:none}.button_tw{-webkit-border-radius:4.5em;-webkit-filter:drop-shadow(10px 10px 10px #0a003a);border:2px solid hsla(0,0%,100%,.65882);border-radius:4.5em;background-image:-webkit-gradient(linear,left top,right top,from(#2dc5ff),color-stop(#88fffa),to(#2dc5ff));background-image:-webkit-linear-gradient(left,#2dc5ff,#88fffa,#2dc5ff);background-image:-o-linear-gradient(left,#2dc5ff,#88fffa,#2dc5ff);background-image:linear-gradient(90deg,#2dc5ff,#88fffa,#2dc5ff);color:#fff;font-size:calc(112.5% + .7vw);filter:drop-shadow(10px 10px 10px #0a003a)}.button_tw:before{-webkit-border-radius:1.5em;-webkit-filter:blur(1em);-webkit-transition:opacity .6s;-o-transition:opacity .6s;z-index:1;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.5em;background:inherit;content:"";filter:blur(1em);opacity:0;transition:opacity .6s}.button_tw:hover{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite}.button_tw:hover:before{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite;opacity:1}.button_wp{-webkit-border-radius:4.5em;-webkit-background-size:400% 400%;-webkit-filter:drop-shadow(6px 6px 6px #0a003a);display:inline-block;z-index:1;position:relative;width:10em;height:2.4em;margin:2%;border:2px solid hsla(0,0%,100%,.65882);border-radius:4.5em;background-image:-webkit-gradient(linear,left top,right top,from(#1666f8),color-stop(#d500ff),to(#1666f8));background-image:-webkit-linear-gradient(left,#1666f8,#d500ff,#1666f8);background-image:-o-linear-gradient(left,#1666f8,#d500ff,#1666f8);background-image:linear-gradient(90deg,#1666f8,#d500ff,#1666f8);background-size:400%;color:#fff;font-size:calc(112.5% + .3vw);line-height:2.4em;text-align:center;text-decoration:none;filter:drop-shadow(6px 6px 6px #0a003a)}.button_wp:before{-webkit-border-radius:1.5em;-webkit-filter:blur(1em);-webkit-transition:opacity .6s;-o-transition:opacity .6s;z-index:1;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.5em;background:inherit;content:"";filter:blur(1em);opacity:0;transition:opacity .6s}.button_wp:hover{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite}.button_wp:hover:before{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite;opacity:1}.season_topic{width:50%}.button_hub{-webkit-border-radius:4.5em;-webkit-background-size:400% 400%;-webkit-filter:drop-shadow(10px 10px 10px #0a003a);display:inline-block;z-index:1;position:relative;width:12em;height:2.4em;margin:2%;border:2px solid hsla(0,0%,100%,.65882);border-radius:4.5em;background-image:-webkit-gradient(linear,left top,right top,from(#484848),color-stop(#000),to(#484848));background-image:-webkit-linear-gradient(left,#484848,#000,#484848);background-image:-o-linear-gradient(left,#484848,#000,#484848);background-image:linear-gradient(90deg,#484848,#000,#484848);background-size:400%;color:#fff;font-size:calc(112.5% + .7vw);line-height:2.4em;text-align:center;text-decoration:none;filter:drop-shadow(10px 10px 10px #0a003a)}.button_hub:before{-webkit-border-radius:1.5em;-webkit-filter:blur(1em);-webkit-transition:opacity .6s;-o-transition:opacity .6s;z-index:1;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.5em;background:inherit;content:"";filter:blur(1em);opacity:0;transition:opacity .6s}.button_hub:hover{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite}.button_hub:hover:before{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite;opacity:1}.community_hub{margin:5% 0}.sub_text{padding:1% 3%;font-size:calc(112.5% + .2vw);font-weight:700;text-align:center}.black_box{padding:0 1%;background:rgba(0,0,0,.50196)}.black_box,.sky_box{width:100%;margin:1%;border:1px solid #00eaff}.sky_box{background:#001a50}.coming_text{margin:0 auto;color:#2d5a71;font-size:40px;text-align:center}.button_min{-webkit-background-size:400% 400%;display:inline-block;z-index:1;position:relative;width:6em;height:2.2em;margin:3%;border:2px solid hsla(0,0%,100%,.65882);background-image:-webkit-gradient(linear,left top,right top,from(azure),color-stop(#0ff),to(azure));background-image:-o-linear-gradient(left,azure,#0ff,azure);background-image:-webkit-linear-gradient(left,azure,#0ff,azure);background-image:linear-gradient(90deg,azure,#0ff,azure);color:#193063;font-size:calc(100% + .1vw);line-height:2.2em;text-align:center}.min_btn_r{text-align:right}.button_min:before{-webkit-border-radius:1.5em;-webkit-filter:blur(1em);-webkit-transition:opacity .6s;-o-transition:opacity .6s;z-index:1;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.5em;background:inherit;content:"";filter:blur(1em);opacity:0;transition:opacity .6s}.button_min:hover{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite}.button_min:hover:before{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite;opacity:1}span{color:#42d1b9}ol{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.drop{-webkit-box-shadow:2px 3px #20d1f7;border:1px solid #00eaff;box-shadow:2px 3px #20d1f7}.manga_top{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-flex-direction:column;-webkit-justify-content:space-between;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;flex-direction:column;justify-content:space-between;margin:2%;line-height:normal;text-align:center}.manga_top span{padding:1%}.sky_box ol{max-width:600px;margin:0 auto}#media{-webkit-background-size:cover;background:url(/images/media_bg.jpg?v=20210616170415) 50% 50% no-repeat;background-size:cover}.webp #media{-webkit-background-size:cover;background:url(/images/media_bg.webp?v=20210616170415) 50% 50% no-repeat;background-size:cover}.manga_box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-bottom:15%}#pagetop{display:block;position:absolute;margin:-53px}footer{border-top:1px solid #00eaff;background:#050a45;color:#fff;text-align:center}#footer_box{max-width:980px;margin:0 auto;line-height:normal}#top_scroll{position:relative;bottom:4em;margin-bottom:-5rem}.ft_inner{margin:2%}.ft_inner,.top_back{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}.top_back{z-index:100;position:relative;max-width:980px;margin:0 auto}.button_supo{-webkit-background-size:400% 400%;-webkit-filter:drop-shadow(10px 10px 10px #031d25);display:inline-block;z-index:1;position:relative;width:12em;height:2.4em;margin:0 1% 2%;overflow:hidden;border:2px solid hsla(0,0%,100%,.65882);background-image:-webkit-gradient(linear,left top,right top,from(#2dc5ff),color-stop(#88fffa),to(#2dc5ff));background-image:-webkit-linear-gradient(left,#2dc5ff,#88fffa,#2dc5ff);background-image:-o-linear-gradient(left,#2dc5ff,#88fffa,#2dc5ff);background-image:-webkit-gradient(linear,left top,right top,from(#1666f8),color-stop(#42a8e9),to(#1666f8));background-image:-webkit-linear-gradient(left,#1666f8,#42a8e9,#1666f8);background-image:-o-linear-gradient(left,#1666f8,#42a8e9,#1666f8);background-image:linear-gradient(90deg,#1666f8,#42a8e9,#1666f8);background-size:400%;color:#fff;font-size:calc(112.5% + .1vw);line-height:2.4em;text-decoration:none;filter:drop-shadow(10px 10px 10px #031d25)}.button_supo:before{-webkit-border-radius:1.5em;-webkit-filter:blur(1em);-webkit-transition:opacity .6s;-o-transition:opacity .6s;z-index:1;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.5em;background:inherit;content:"";filter:blur(1em);opacity:0;transition:opacity .6s}.button_supo:hover{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite}.button_supo:hover:before{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite;opacity:1}.button_faq{-webkit-background-size:400% 400%;-webkit-filter:drop-shadow(10px 10px 10px #0a003a);display:inline-block;z-index:1;position:relative;width:12em;height:2.4em;margin:0 1% 2%;border:2px solid hsla(0,0%,100%,.65882);background-image:-webkit-gradient(linear,left top,right top,from(#2dc5ff),color-stop(#88fffa),to(#2dc5ff));background-image:-webkit-linear-gradient(left,#2dc5ff,#88fffa,#2dc5ff);background-image:-o-linear-gradient(left,#2dc5ff,#88fffa,#2dc5ff);background-image:-webkit-gradient(linear,left top,right top,from(#1666f8),color-stop(#42a8e9),to(#1666f8));background-image:-webkit-linear-gradient(left,#1666f8,#42a8e9,#1666f8);background-image:-o-linear-gradient(left,#1666f8,#42a8e9,#1666f8);background-image:linear-gradient(90deg,#1666f8,#42a8e9,#1666f8);background-size:400%;color:#fff;font-size:calc(112.5% + .1vw);line-height:2.4em;text-decoration:none;filter:drop-shadow(10px 10px 10px #0a003a)}.button_faq:before{-webkit-border-radius:1.5em;-webkit-filter:blur(1em);-webkit-transition:opacity .6s;-o-transition:opacity .6s;z-index:1;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.5em;background:inherit;content:"";filter:blur(1em);opacity:0;transition:opacity .6s}.button_faq:hover{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite}.button_faq:hover:before{-webkit-animation:glow 6s linear infinite;animation:glow 6s linear infinite;opacity:1}.head-border-line{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;max-width:980px;margin:0 auto;padding:2% 1% 1%;font-size:calc(112.5% + .5vw)}.head-border-line:before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:2px;margin-right:1rem;background:-webkit-gradient(linear,right top,left top,from(#fff),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(right,#fff,rgba(0,0,0,0));background:-o-linear-gradient(right,#fff,rgba(0,0,0,0));background:linear-gradient(-90deg,#fff,rgba(0,0,0,0));content:""}.head-border-line:after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:2px;margin-left:1rem;background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(left,#fff,rgba(0,0,0,0));background:-o-linear-gradient(left,#fff,rgba(0,0,0,0));background:linear-gradient(90deg,#fff,rgba(0,0,0,0));content:""}.ft_inner{font-size:11px}.ft_inner li{display:inline;margin-right:3%;padding-left:3%;color:#6dc4e4;list-style-type:none}.ft_inner li+li{border-left:1px solid #999}#footer_right{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;padding:5%}.logo_speace,.speace{padding:1%}.hamburger{display:block;z-index:3;position:fixed;top:12px;right:13px;width:42px;width:44px;height:42px;height:45px;border:2px solid hsla(0,0%,100%,.65882);background:rgba(8,101,121,.54902);text-align:center;cursor:pointer}.hamburger span{-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;display:block;position:absolute;left:6px;width:30px;height:2px;background:#fff;transition:.3s ease-in-out}.hamburger span:first-child{top:10px}.hamburger span:nth-child(2){top:20px}.hamburger span:nth-child(3){top:30px}.hamburger.active{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);transition:all .3s ease-in-out;transition-delay:.6s}.hamburger.active span:nth-child(2){width:0}.hamburger.active span:first-child,.hamburger.active span:nth-child(3){-webkit-transition-delay:.3s;-o-transition-delay:.3s;top:17px;transition-delay:.3s}.hamburger.active span:first-child{-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px)}.hamburger.active span:nth-child(3){-webkit-transform:translateY(-16px) rotate(90deg);-ms-transform:translateY(-16px) rotate(90deg);top:37px;transform:translateY(-16px) rotate(90deg)}#tw_box{margin:0 4%}.globalMenuSp{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transition:all .9s;-o-transition:all .9s;z-index:2;position:fixed;top:0;left:0;width:100%;transform:translateY(-100%);color:#000;text-align:center;transition:all .9s}.globalMenuSp ul{width:100%;margin:0 auto;padding:0;border-bottom:2px solid hsla(0,0%,100%,.65882);background:rgba(13,0,66,.78824)}.globalMenuSp ul li{width:100%;padding:0;font-size:2rem;list-style-type:none}.globalMenuSp ul li:last-child{padding-bottom:0;border-bottom:none}.globalMenuSp ul li a{display:block;text-decoration:none}.globalMenuSp ul li a:hover{color:#56d8ff}.globalMenuSp ul li:first-child,.globalMenuSp ul li:nth-child(2),.globalMenuSp ul li:nth-child(3),.globalMenuSp ul li:nth-child(4),.globalMenuSp ul li:nth-child(5){padding:1em 0}.globalMenuSp ul li:nth-child(6){margin:3% 0}.globalMenuSp ul li:nth-child(7){margin:3% 0}.youtube{position:relative;width:100%}.globalMenuSp.active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.main_text{-webkit-filter:drop-shadow(3px 3px 3px #0a003a);padding:3%;color:#3cabd4;font-size:calc(112.5% + 2.5vw);font-weight:700;filter:drop-shadow(3px 3px 3px #0a003a)}.head-border{clear:both;overflow:hidden}.center{display:inline-block}.custom-select-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:inline-block;position:relative;user-select:none}.custom-select-wrapper select{display:none}.custom-select{display:inline-block;position:relative}.custom-select-trigger{-webkit-border-radius:40px;-webkit-filter:drop-shadow(3px 3px 3px #0a003a);display:block;position:relative;margin:0 auto;padding:0 84px 0 22px;border:2px solid hsla(0,0%,100%,.65882);border-radius:40px;background:rgba(25,38,123,.81176);color:#fff;font-size:calc(112.5% + .4vw);font-weight:300;font-weight:700;line-height:50px;text-align:center;cursor:pointer;filter:drop-shadow(3px 3px 3px #0a003a)}.custom-select-trigger:hover{text-decoration:none;cursor:pointer;opacity:.8}.custom-select-trigger:after{-webkit-transform:rotate(45deg) translateY(-50%);-ms-transform:rotate(45deg) translateY(-50%);-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;display:block;position:absolute;top:50%;right:25px;width:10px;height:10px;margin-top:-3px;transform:rotate(45deg) translateY(-50%);transform-origin:50% 0;border-right:1px solid #fff;border-bottom:1px solid #fff;content:"";transition:all .4s ease-in-out}.custom-select.opened .custom-select-trigger:after{-webkit-transform:rotate(-135deg) translateY(-50%);-ms-transform:rotate(-135deg) translateY(-50%);margin-top:3px;transform:rotate(-135deg) translateY(-50%)}.custom-options{-webkit-border-radius:4px;-webkit-box-sizing:border-box;-webkit-box-shadow:0 2px 1px rgba(0,0,0,.07);-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);box-sizing:border-box;display:block;visibility:hidden;position:absolute;top:100%;right:0;left:0;min-width:100%;margin:15px 0;transform:translateY(-15px);border:1px solid #b5b5b5;border-radius:4px;background:#fff;box-shadow:0 2px 1px rgba(0,0,0,.07);opacity:0;pointer-events:none;transition:all .4s ease-in-out}.custom-select.opened .custom-options{-webkit-transform:translateY(0);-ms-transform:translateY(0);visibility:visible;transform:translateY(0);opacity:1;pointer-events:all}.custom-options:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;display:block;position:absolute;right:25px;bottom:100%;width:7px;height:7px;margin-bottom:-4px;transform:rotate(45deg);border-top:1px solid #b5b5b5;border-left:1px solid #b5b5b5;background:#fff;content:"";transition:all .4s ease-in-out}.option-hover:before{background:#f9f9f9}.custom-option{-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;display:block;position:relative;padding:0 22px;border-bottom:1px solid #b5b5b5;color:#153279;font-size:18px;font-weight:600;line-height:47px;cursor:pointer;transition:all .4s ease-in-out}.custom-option:first-of-type{-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.custom-option:last-of-type{-webkit-border-radius:0 0 4px 4px;border-bottom:0;border-radius:0 0 4px 4px}.custom-option.selection,.custom-option:hover{background:#f9f9f9}@media only screen and (max-width:980px){.key_img{display:none!important}.key_sp{display:block!important}}@media screen and (-webkit-min-device-pixel-ratio:0){.button01,.button02,.button03,.button04,.button05,.button_faq,.button_hub,.button_wp,::i-block-chrome{-webkit-filter:none;overflow:hidden;filter:none}}@media screen and (max-width:730px){.box_side{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;flex-wrap:wrap;justify-content:space-between}}@media screen and (max-width:900px){.text_box_lightblue{font-size:1.4rem}h2 img{width:10%;height:auto}h3 img{width:7%;height:auto}.logo_speace img{width:25%;height:auto}}@media screen and (max-width:1080px){.black_box,.sky_box{margin-top:1%;padding:0}.manga_top span{font-size:calc(112.5% + .1vw)}.manga_box{display:block;width:95%;margin:0 auto}.youtube{width:80%;margin:0 auto;padding-top:56.25%}.youtube iframe{position:absolute;top:0;right:0;width:100%!important;height:100%!important}.manga_top{position:relative;max-width:100%;margin:0 auto;padding:2%}}@media screen and (max-width:710px){.button_faq,.button_supo{margin:0 14% 14%}.main_btn{display:block}.main_btn li{width:89%}}@media screen and (min-width:1280px){.btest_text,.main_text_cope{margin:215px 0;font-size:46px}.main_text_cope span{color:#fff;font-size:36px}.main_text{font-size:46px}}@media screen and (max-width:839px){.center_box .select-wrapper,.nav_btnset{display:none}ul li .select-wrapper{float:none}.btn-select{-webkit-border-radius:6px;position:relative;width:237px;margin:0 auto;border-radius:6px;cursor:pointer}.main_btn{padding:37% 0 10%}.btnset_box{min-height:100%}}@media screen and (min-width:840px){.globalMenuSp,.hamburger{display:none}}@media screen and (max-width:1025px){.section_space{width:auto;max-width:100%}}@media screen and (max-width:700px){#media ol{display:block}}
/*# sourceMappingURL=layout.css.map */