*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}*{padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}img,embed,iframe,object,video{height:auto}audio{max-width:100%}iframe{border:0}img{-ms-interpolation-mode:bicubic}*{-webkit-tap-highlight-color:rgba(0,0,0,0);max-height:999999px}*::before,*::after{will-change:all}body{-webkit-text-size-adjust:100%;font-family:"M PLUS 1","Roboto","Droid Sans","Avenir","Helvetica Neue","Helvetica","Arial","Hiragino Sans","ヒラギノ角ゴシック",YuGothic,"Yu Gothic","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;background:#fff}a:hover{text-decoration:none}a{cursor:pointer;text-decoration:none}section{clear:both;zoom:1}article:after,section:after{content:"";clear:both;display:block}*{min-height:0vw;min-height:0}@media(781px <= width){.sphr{display:none !important}.sp-banners{display:none !important}body main{width:100%;height:100%;padding:0;position:relative;overflow:hidden;display:block}body{position:static;overflow:auto;width:auto;*overflow-y:hidden;color:#333;font-size:clamp(14px,(100vw - 781px)*6/749 + 14px,20px);line-height:1.75;z-index:0}body main .info .inner .btn:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}body main .info .inner .btn{cursor:pointer;width:clamp(115px,(100vw - 781px)*85/749 + 115px,200px);height:clamp(43px,(100vw - 781px)*32/749 + 43px,75px);-webkit-transform:translateX(0);transform:translateX(0);text-indent:200%;white-space:nowrap;overflow:hidden;-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}body main .info .inner .box div dl dt{font-size:clamp(16px,(100vw - 781px)*10/749 + 16px,26px);font-weight:500;line-height:1.2;letter-spacing:.6px;color:#0cf;-webkit-transform:rotate(0.05deg);transform:rotate(0.05deg)}body main .info .inner .box div dl dd a:hover{color:#c6f !important;text-decoration:underline}body main .info .inner .box div dl dd a{color:#c6f !important;text-decoration:underline}body main .info .inner .box div dl dd{font-size:clamp(15px,(100vw - 781px)*10/749 + 15px,25px);font-weight:400;line-height:1.1;letter-spacing:.3px;text-align:left;color:#fff;-webkit-transform:rotate(0.05deg);transform:rotate(0.05deg);padding-left:clamp(12px,(100vw - 781px)*2/749 + 12px,14px)}body main .info .inner .box div dl{width:clamp(350px,(100vw - 781px)*250/749 + 350px,600px);padding:clamp(10px,(100vw - 781px)*10/749 + 10px,20px) 0 clamp(10px,(100vw - 781px)*10/749 + 10px,20px) 0;border-bottom:clamp(1px,(100vw - 781px)*1/749 + 1px,2px) solid #999}body main .info .inner .box div dl+dl{margin-top:0}body main .info .inner .box div{height:clamp(260px,(100vw - 781px)*178/749 + 260px,438px);overflow:scroll;overflow-x:hidden}body main .info .inner .box{width:clamp(413px,(100vw - 781px)*300/749 + 413px,713px);height:clamp(290px,(100vw - 781px)*210/749 + 290px,500px);background:url("../img/news_bg.png") no-repeat left top;background-size:auto 100%;padding:clamp(16px,(100vw - 781px)*20/749 + 16px,36px) 11px clamp(0px,(100vw - 781px)*26/749 + 0px,26px) clamp(32px,(100vw - 781px)*30/749 + 32px,62px)}body main .info .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateX(clamp(413px, (100vw - 781px) * 300 / 749 + 413px, 713px));transform:translateX(clamp(413px, (100vw - 781px) * 300 / 749 + 413px, 713px));-webkit-transition:.5s;transition:.5s}body main .info .news .btn .date{width:clamp(70px,(100vw - 781px)*50/749 + 70px,120px);height:clamp(20px,(100vw - 781px)*10/749 + 20px,30px);color:#fff;font-size:clamp(16px,(100vw - 781px)*10/749 + 16px,26px);font-weight:500;text-align:center;text-indent:0;letter-spacing:-0.3px;line-height:clamp(18px,(100vw - 781px)*10/749 + 18px,28px);white-space:wrap;overflow:visible;position:absolute;right:clamp(0px,(100vw - 781px)*2/749 + 0px,2px);bottom:clamp(1px,(100vw - 781px)*5/749 + 1px,6px);-webkit-transform:rotate(0.05deg);transform:rotate(0.05deg)}body main .info .news .btn{background:url("../img/news_close.png") no-repeat left top;background-size:contain;-ms-flex-item-align:start;align-self:flex-start;position:relative}body main .info .news.active .btn{background:url("../img/news_open.png") no-repeat left top;background-size:contain}body main .info .news.active{-webkit-transform:translateX(5px);transform:translateX(5px)}body main .info{position:absolute;top:0;right:0;z-index:200}.spbr{display:none}.pc_none{display:none}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.bg{background:url("../img/background.png") center top repeat-y;background-size:auto;z-index:-100;-webkit-animation:fadeIn 2s forwards;animation:fadeIn 2s forwards}#key_visual_cont .inner h1{width:clamp(500px,(100vw - 781px)*461/749 + 500px,961px);position:absolute;right:0;left:0;top:clamp(160px,(100vw - 781px)*140/749 + 160px,300px);margin:0 auto}#key_visual_cont .inner .key-visual picture{position:absolute;bottom:0}#key_visual_cont .inner .key-visual{width:clamp(640px,(100vw - 781px)*648/749 + 640px,1288px);height:clamp(470px,(100vw - 781px)*425/749 + 470px,895px);margin:0 auto;position:relative;z-index:-1}#key_visual_cont .inner .key-visual+h2{width:clamp(70px,(100vw - 781px)*74/749 + 70px,144px);height:clamp(323px,(100vw - 781px)*342/749 + 323px,665px);text-indent:100%;position:absolute;top:clamp(100px,(100vw - 781px)*30/749 + 100px,130px);right:clamp(20px,(100vw - 781px)*-20/749 + 40px,40px);background:url("../img/h2-text.png") no-repeat;background-size:contain;text-indent:200%;white-space:nowrap;overflow:hidden}#key_visual_cont .inner #dl_btn .pc-banners a:hover{opacity:.7}#key_visual_cont .inner #dl_btn .pc-banners a img.apple,#key_visual_cont .inner #dl_btn .pc-banners a img.google{width:clamp(120px,(100vw - 781px)*110/749 + 120px,230px)}#key_visual_cont .inner #dl_btn .pc-banners a{display:block;-webkit-transition:opacity .2s;transition:opacity .2s}#key_visual_cont .inner #dl_btn .pc-banners a+a{margin-top:clamp(15px,(100vw - 781px)*5/749 + 15px,20px)}#key_visual_cont .inner #dl_btn .sns a .x,#key_visual_cont .inner #dl_btn .sns a .youtube{height:clamp(30px,(100vw - 781px)*20/749 + 30px,50px)}#key_visual_cont .inner #dl_btn .sns{width:clamp(70px,(100vw - 781px)*50/749 + 70px,120px);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:clamp(15px,(100vw - 781px)*5/749 + 15px,20px)}#key_visual_cont .inner #dl_btn{position:absolute;top:clamp(10px,(100vw - 781px)*20/749 + 10px,30px);left:clamp(10px,(100vw - 781px)*10/749 + 10px,20px)}#key_visual_cont .inner{max-width:1920px;margin:0 auto;position:relative}#key_visual_cont{width:100%;margin:0 auto;position:relative;height:clamp(470px,(100vw - 781px)*425/749 + 470px,895px)}body main #key_visual_cont::after{content:"";width:clamp(840px,(100vw - 781px)*1080/749 + 840px,1920px);height:clamp(470px,(100vw - 781px)*425/749 + 470px,895px);position:absolute;top:0;right:0;left:0;margin:0 auto;z-index:-2;background:url("../img/key-visual-bg.png") no-repeat center top;background-size:cover}.sp_menu{display:none}nav:before{content:"";width:clamp((100% - 1320px)/2,(100% - ((100vw - 781px)*720/749 + 600px))/2,(100% - 600px)/2);height:clamp(30px,(100vw - 781px)*37/749 + 30px,67px);background:url("../img/menu-bg.png") left top repeat-x;background-size:contain;position:absolute;top:0;left:0}nav:after{content:"";width:clamp((100% - 1320px)/2,(100% - ((100vw - 781px)*720/749 + 600px))/2,(100% - 600px)/2);height:clamp(30px,(100vw - 781px)*37/749 + 30px,67px);background:url("../img/menu-bg.png") right top repeat-x;background-size:contain;position:absolute;top:0;right:0}nav ul li a{display:block;text-indent:200%;white-space:nowrap;overflow:hidden;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;-ms-flex-preferred-size:auto;flex-basis:auto;width:clamp(100px,(100vw - 781px)*120/749 + 100px,220px);height:clamp(30px,(100vw - 781px)*37/749 + 30px,67px)}nav ul li:not(.pc_none){width:100%}nav ul li:nth-child(2) a:hover,nav ul li:nth-child(2) a.current{background:url("../img/menu-top-hover.png") no-repeat;background-size:contain}nav ul li:nth-child(2) a{background:url("../img/menu-top.png") no-repeat;background-size:contain}nav ul li:nth-child(3) a:hover,nav ul li:nth-child(3) a.current{background:url("../img/menu-about-hover.png") no-repeat;background-size:contain}nav ul li:nth-child(3) a{background:url("../img/menu-about.png") no-repeat;background-size:contain}nav ul li:nth-child(4) a:hover,nav ul li:nth-child(4) a.current{background:url("../img/menu-story-hover.png") no-repeat;background-size:contain}nav ul li:nth-child(4) a{background:url("../img/menu-story.png") no-repeat;background-size:contain}nav ul li:nth-child(5) a:hover,nav ul li:nth-child(5) a.current{background:url("../img/menu-heroes-hover.png") no-repeat;background-size:contain}nav ul li:nth-child(5) a{background:url("../img/menu-heroes.png") no-repeat;background-size:contain}nav ul li:nth-child(6) a:hover,nav ul li:nth-child(6) a.current{background:url("../img/menu-system-hover.png") no-repeat;background-size:contain}nav ul li:nth-child(6) a{background:url("../img/menu-system.png") no-repeat;background-size:contain}nav ul li:nth-child(7) a:hover,nav ul li:nth-child(7) a.current{background:url("../img/menu-special-hover.png") no-repeat;background-size:contain}nav ul li:nth-child(7) a{background:url("../img/menu-special.png") no-repeat;background-size:contain}nav ul{width:clamp(600px,(100vw - 781px)*720/749 + 600px,1320px);margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}nav.fixed{position:fixed;top:0 !important;z-index:9999999}nav{z-index:9999999;width:100%;overflow:hidden;position:absolute;top:clamp(470px,(100vw - 781px)*425/749 + 470px,895px)}#about .wrap .navigator{width:clamp(318px,(100vw - 781px)*400/749 + 318px,718px);position:absolute;top:clamp(36px,(100vw - 781px)*41/749 + 36px,77px);right:0px}#about .wrap .inner h2{height:clamp(44px,(100vw - 781px)*44/749 + 44px,88px);background:url("../img/h2_about.png") no-repeat left center;background-size:contain;text-indent:-200%;overflow:hidden}#about .wrap .inner .catch-a{width:clamp(300px,(100vw - 781px)*308/749 + 300px,608px);height:clamp(71px,(100vw - 781px)*72/749 + 71px,143px);background:url("../img/about_cath_a.png") left top no-repeat;background-size:contain;text-indent:-600%;overflow:hidden;margin-top:clamp(24px,(100vw - 781px)*24/749 + 24px,48px)}#about .wrap .inner .catch-b{width:clamp(300px,(100vw - 781px)*290/749 + 300px,590px);height:clamp(44px,(100vw - 781px)*43/749 + 44px,87px);background:url("../img/about_cath_b.png") left top no-repeat;background-size:contain;text-indent:-600%;overflow:hidden;margin-top:clamp(24px,(100vw - 781px)*40/749 + 24px,64px)}#about .wrap .inner .catch-c{width:clamp(280px,(100vw - 781px)*310/749 + 280px,590px);margin:clamp(16px,(100vw - 781px)*23/749 + 16px,39px) 0 0 clamp(6px,(100vw - 781px)*6/749 + 6px,12px)}#about .wrap .inner p{font-size:clamp(14px,(100vw - 781px)*10/749 + 14px,24px);font-weight:500;text-shadow:0 0 16px #fff;line-height:1.7;letter-spacing:-0.3px;text-align:left}#about .wrap .inner{padding-top:clamp(50px,(100vw - 781px)*95/749 + 50px,145px)}#about .wrap{width:clamp(600px,(100vw - 781px)*720/749 + 600px,1320px);margin:0 auto;position:relative}#about::after{content:"";width:clamp(400px,(100vw - 781px)*666/749 + 400px,1066px);height:clamp(338px,(100vw - 781px)*562/749 + 338px,900px);position:absolute;top:0;right:0;z-index:-2;background:url("../img/about-bg.png") no-repeat right top;background-size:contain}#about{width:100%;margin:0 auto;height:clamp(380px,(100vw - 781px)*480/749 + 380px,860px);position:relative}#story .wrap h2{height:clamp(44px,(100vw - 781px)*44/749 + 44px,88px);background:url("../img/h2_story.png") no-repeat right center;background-size:contain;text-indent:-200%;overflow:hidden}#story .wrap{width:clamp(600px,(100vw - 781px)*720/749 + 600px,1320px);margin:0 auto;position:relative}#story div.bg p{color:#fff;font-weight:500;line-height:clamp(18px,(100vw - 781px)*16/749 + 18px,34px);letter-spacing:-0.3px;text-align:left;font-size:clamp(12px,(100vw - 781px)*8/749 + 12px,20px);text-shadow:clamp(1px,(100vw - 781px)*1/749 + 1px,2px) clamp(2px,(100vw - 781px)*1/749 + 2px,3px) clamp(2px,(100vw - 781px)*1/749 + 2px,3px) #000;width:clamp(700px,(100vw - 781px)*620/749 + 700px,1320px);margin:0 auto}#story div.bg p+p{margin-top:clamp(12px,(100vw - 781px)*28/749 + 12px,40px)}#story div.bg{width:100%;height:clamp(360px,(100vw - 781px)*350/749 + 360px,710px);background:url("../img/story_bg.png") center top no-repeat;background-size:contain;padding:clamp(15px,(100vw - 781px)*15/749 + 15px,30px) 0 0 0}#story div{width:100%;position:relative}#story{width:100%;padding-top:clamp(50px,(100vw - 781px)*95/749 + 50px,145px);position:relative}#heroes .inner h2{height:clamp(44px,(100vw - 781px)*44/749 + 44px,88px);background:url("../img/h2_heroes.png") no-repeat left center;background-size:contain;text-indent:-200%;overflow:hidden}#heroes .inner{width:clamp(600px,(100vw - 781px)*720/749 + 600px,1320px);overflow:visible;margin:0 auto;position:relative}#heroes .wrap .swiper.hero-slides .swiper-button-prev{position:absolute}#heroes .wrap .swiper.hero-slides .swiper-button-next{position:absolute}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(2) .inner h3{background:url("../img/heroes/name_nightingale.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(2) .inner div ul.spec dd:nth-of-type(3){background:url("../img/heroes/attribute_water.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(2) .inner div ul.spec dd{background:url("../img/heroes/job_nightingale.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(3) .inner h3{background:url("../img/heroes/name_kondo_isami.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(3) .inner div ul.spec dd:nth-of-type(3){background:url("../img/heroes/attribute_wind.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(3) .inner div ul.spec dd{background:url("../img/heroes/job_kondo_isami.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(4) .inner h3{background:url("../img/heroes/name_jehanne_darc.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(4) .inner div ul.spec dd:nth-of-type(3){background:url("../img/heroes/attribute_light.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(4) .inner div ul.spec dd{background:url("../img/heroes/job_jehanne_darc.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(5) .inner h3{background:url("../img/heroes/name_frankenstein.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(5) .inner div ul.spec dd:nth-of-type(3){background:url("../img/heroes/attribute_darkness.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(5) .inner div ul.spec dd{background:url("../img/heroes/job_frankenstein.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(6) .inner h3{background:url("../img/heroes/name_maeda_keiji.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(6) .inner div ul.spec dd:nth-of-type(3){background:url("../img/heroes/attribute_none.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(6) .inner div ul.spec dd{background:url("../img/heroes/job_maeda_keiji.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(7) .inner h3{background:url("../img/heroes/name_honda_tadakatsu.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(7) .inner div ul.spec dd:nth-of-type(3){background:url("../img/heroes/attribute_none.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(7) .inner div ul.spec dd{background:url("../img/heroes/job_honda_tadakatsu.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(8) .inner h3{background:url("../img/heroes/name_ishikawa_goemon.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(8) .inner div ul.spec dd:nth-of-type(3){background:url("../img/heroes/attribute_none.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(8) .inner div ul.spec dd{background:url("../img/heroes/job_ishikawa_goemon.png") left top no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide .inner img{width:clamp(257px,(100vw - 781px)*393/749 + 257px,650px);height:clamp(206px,(100vw - 781px)*314/749 + 206px,520px);position:absolute;right:0;bottom:0}#heroes .wrap .swiper.hero-slides .swiper-slide .inner h3{width:clamp(514px,(100vw - 781px)*653/749 + 514px,1167px);height:clamp(51px,(100vw - 781px)*30/749 + 51px,81px);text-indent:-200%;background:url("../img/heroes/name_takeda_shingen.png") left top no-repeat;background-size:contain;overflow:hidden;margin-bottom:clamp(9px,(100vw - 781px)*9/749 + 9px,18px)}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div ul.spec dt:nth-of-type(2){background:url("../img/heroes-list2.png") left center no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div ul.spec dt:nth-of-type(3){background:url("../img/heroes-list3.png") left center no-repeat;background-size:contain;margin-bottom:0}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div ul.spec dt{width:clamp(93px,(100vw - 781px)*100/749 + 93px,193px);height:clamp(25px,(100vw - 781px)*27/749 + 25px,52px);background:url("../img/heroes-list1.png") left center no-repeat;background-size:contain;text-indent:-200%;overflow:hidden;margin-bottom:clamp(6px,(100vw - 781px)*5/749 + 6px,11px)}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div ul.spec dd:nth-of-type(2){background:url("../img/heroes/rarity_5.png") left center no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div ul.spec dd:nth-of-type(3){background:url("../img/heroes/attribute_fire.png") left center no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div ul.spec dd{width:clamp(155px,(100vw - 781px)*149/749 + 155px,304px);height:clamp(25px,(100vw - 781px)*27/749 + 25px,52px);background:url("../img/heroes/job_takeda_shingen.png") left center no-repeat;background-size:contain;text-indent:-200%;overflow:hidden;margin-bottom:11px;margin-bottom:clamp(6px,(100vw - 781px)*5/749 + 6px,11px)}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div ul.spec{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div ul{width:clamp(257px,(100vw - 781px)*259/749 + 257px,516px);margin-bottom:clamp(15px,(100vw - 781px)*20/749 + 15px,35px)}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div p.introduction{width:clamp(257px,(100vw - 781px)*259/749 + 257px,516px);height:clamp(186px,(100vw - 781px)*110/749 + 186px,296px);font-size:clamp(14px,(100vw - 781px)*10/749 + 14px,24px);font-weight:500;padding:0 clamp(13px,(100vw - 781px)*13/749 + 13px,26px) 0 clamp(13px,(100vw - 781px)*13/749 + 13px,26px);overflow:visible}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div{width:clamp(257px,(100vw - 781px)*259/749 + 257px,516px);height:clamp(294px,(100vw - 781px)*226/749 + 294px,520px);z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box}#heroes .wrap .swiper.hero-slides .swiper-slide .inner{width:clamp(514px,(100vw - 781px)*653/749 + 514px,1167px);height:clamp(354px,(100vw - 781px)*256/749 + 354px,610px);margin:0 auto;position:relative;z-index:1}#heroes .wrap .swiper.hero-slides .swiper-slide{width:clamp(514px,(100vw - 781px)*653/749 + 514px,1167px);height:clamp(354px,(100vw - 781px)*256/749 + 354px,610px);overflow:visible}#heroes .wrap .swiper.hero-slides{position:relative;overflow:visible;padding-top:clamp(40px,(100vw - 781px)*50/749 + 40px,90px)}#heroes .wrap .swiper{overflow:hidden}#heroes .wrap .swiper.hero-slides .swiper-button-prev,#heroes .wrap .swiper.hero-slides .swiper-button-next{width:clamp(43px,(100vw - 781px)*30/749 + 43px,73px);height:clamp(65px,(100vw - 781px)*45/749 + 65px,110px);color:rgba(0,0,0,0)}#heroes .wrap .swiper.hero-slides .swiper-button-prev:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}#heroes .wrap .swiper.hero-slides .swiper-button-prev{background-image:url("../img/btnPrev.png");background-repeat:no-repeat;background-size:contain;-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s;position:absolute;left:-3px !important}#heroes .wrap .swiper.hero-slides .swiper-button-next:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}#heroes .wrap .swiper.hero-slides .swiper-button-next{background-image:url("../img/btnNext.png");background-repeat:no-repeat;background-size:contain;-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s;position:absolute;right:-3px !important}#heroes .wrap .swiper.hero-slides img{width:100%;height:auto}#heroes .wrap{width:clamp(600px,(100vw - 781px)*720/749 + 600px,1320px);overflow:visible;margin:0 auto;position:relative}#heroes .hero-nav .frame .gallery-thumbs.hero-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{opacity:.7}#heroes .hero-nav .frame .gallery-thumbs.hero-thumbs .swiper-wrapper .swiper-slide:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}#heroes .hero-nav .frame .gallery-thumbs.hero-thumbs .swiper-wrapper .swiper-slide span img{max-width:inherit;width:auto;height:clamp(89px,(100vw - 781px)*113/749 + 89px,202px)}#heroes .hero-nav .frame .gallery-thumbs.hero-thumbs .swiper-wrapper .swiper-slide span{display:block;cursor:pointer;width:clamp(70px,(100vw - 781px)*88/749 + 70px,158px) !important;height:clamp(89px,(100vw - 781px)*113/749 + 89px,202px)}#heroes .hero-nav .frame .gallery-thumbs.hero-thumbs .swiper-wrapper .swiper-slide{overflow:hidden;position:relative;width:clamp(70px,(100vw - 781px)*88/749 + 70px,158px) !important;height:clamp(89px,(100vw - 781px)*113/749 + 89px,202px);-webkit-transition:-webkit-filter .2s;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s, -webkit-filter .2s}#heroes .hero-nav .frame .gallery-thumbs.hero-thumbs .swiper-wrapper .swiper-slide+.swiper-slide{margin-left:clamp(5px,(100vw - 781px)*3/749 + 5px,8px)}#heroes .hero-nav .frame .gallery-thumbs.hero-thumbs .swiper-wrapper{-ms-flex-line-pack:center;align-content:center}#heroes .hero-nav .frame .gallery-thumbs.hero-thumbs{overflow:visible}#heroes .hero-nav .frame{position:relative;width:100%;height:100%}#heroes .hero-nav{width:clamp(600px,(100vw - 781px)*720/749 + 600px,1320px);margin:clamp(15px,(100vw - 781px)*20/749 + 15px,35px) auto 0 auto}#heroes{width:100%;position:relative;overflow:hidden;padding-top:clamp(50px,(100vw - 781px)*95/749 + 50px,145px)}#system .inner h2{height:clamp(44px,(100vw - 781px)*44/749 + 44px,88px);background:url("../img/h2_system.png") no-repeat right center;background-size:contain;text-indent:-200%;overflow:hidden}#system .inner{width:clamp(600px,(100vw - 781px)*720/749 + 600px,1320px);overflow:visible;margin:0 auto;position:relative}#system .system_text .swiper.system-thumbs .swiper-slide h3{width:clamp(180px,(100vw - 781px)*220/749 + 180px,400px);height:clamp(63px,(100vw - 781px)*77/749 + 63px,140px);background:url("../img/system_thumb_quest.png") no-repeat center center;background-size:contain;text-indent:100%;white-space:nowrap;overflow:hidden}#system .system_text .swiper.system-thumbs .swiper-slide:nth-child(2) h3{background:url("../img/system_thumb_event.png") no-repeat center center;background-size:contain}#system .system_text .swiper.system-thumbs .swiper-slide:nth-child(3) h3{background:url("../img/system_thumb_pvp.png") no-repeat center center;background-size:contain}#system .system_text .swiper.system-thumbs .swiper-slide:nth-child(4) h3{background:url("../img/system_thumb_teambattle.png") no-repeat center center;background-size:contain}#system .system_text .swiper.system-thumbs .swiper-slide p{width:clamp(410px,(100vw - 781px)*510/749 + 410px,920px);height:clamp(53px,(100vw - 781px)*67/749 + 53px,120px);font-size:clamp(11.5px,(100vw - 781px)*12.5/749 + 11.5px,24px);font-weight:500;line-height:1.7;letter-spacing:-0.3px;-webkit-transform:rotate(0.05deg);transform:rotate(0.05deg)}#system .system_text .swiper.system-thumbs .swiper-slide.swiper-slide-active{opacity:1 !important}#system .system_text .swiper.system-thumbs .swiper-slide{width:100%;height:clamp(63px,(100vw - 781px)*77/749 + 63px,140px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition-property:opacity !important;transition-property:opacity !important;opacity:0 !important}#system .system_text .swiper.system-thumbs .swiper-pagination.system{opacity:0}#system .system_text .swiper.system-thumbs{width:100%;height:clamp(63px,(100vw - 781px)*77/749 + 63px,140px)}#system .system_text{width:clamp(600px,(100vw - 781px)*720/749 + 600px,1320px);overflow:hidden;margin:0 auto;position:relative}#system .swiper.system-slides .swiper-button-prev,#system .swiper.system-slides .swiper-button-next{width:clamp(43px,(100vw - 781px)*30/749 + 43px,73px);height:clamp(65px,(100vw - 781px)*45/749 + 65px,110px);color:rgba(0,0,0,0)}#system .swiper.system-slides .swiper-button-prev:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}#system .swiper.system-slides .swiper-button-prev{background-image:url("../img/btnPrev.png");background-size:contain;-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s;position:absolute;left:clamp(-323px,(100vw - 781px)*-203/749 - 120px,-120px) !important}#system .swiper.system-slides .swiper-button-next:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}#system .swiper.system-slides .swiper-button-next{background-image:url("../img/btnNext.png");background-size:contain;-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s;position:absolute;right:clamp(-323px,(100vw - 781px)*-203/749 - 120px,-120px) !important}#system .swiper.system-slides img{width:clamp(240px,(100vw - 781px)*120/749 + 240px,360px)}#system .swiper.system-slides{overflow:visible;margin-top:clamp(13px,(100vw - 781px)*14/749 + 13px,27px);width:clamp(240px,(100vw - 781px)*120/749 + 240px,360px)}#system{width:100%;position:relative;overflow:hidden;padding-top:clamp(50px,(100vw - 781px)*95/749 + 50px,145px)}#special .wrap h2{height:clamp(44px,(100vw - 781px)*44/749 + 44px,88px);background:url("../img/h2_special.png") no-repeat left center;background-size:contain;text-indent:-200%;overflow:hidden}#special .wrap .inner .youtubelink p{color:#0cf;font-size:clamp(16px,(100vw - 781px)*8/749 + 16px,24px);font-weight:500;letter-spacing:.3px;-webkit-transform:rotate(0.05deg);transform:rotate(0.05deg)}#special .wrap .inner .youtubelink a:after{content:"";width:clamp(100px,(100vw - 781px)*119/749 + 100px,219px);height:clamp(51px,(100vw - 781px)*60/749 + 51px,111px);background:url("../img/youtube-play.png") top left no-repeat;background-size:100% auto;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-filter:brightness(1);filter:brightness(1);-webkit-transition:-webkit-filter .2s;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s, -webkit-filter .2s}#special .wrap .inner .youtubelink a:hover:after{-webkit-filter:brightness(1.1);filter:brightness(1.1)}#special .wrap .inner .youtubelink a{display:block;width:clamp(300px,(100vw - 781px)*330/749 + 300px,630px);height:clamp(169px,(100vw - 781px)*185/749 + 169px,354px);margin-top:clamp(17px,(100vw - 781px)*17/749 + 17px,34px);position:relative;overflow:hidden}#special .wrap .inner .youtubelink{margin:0 auto;max-width:630px}#special .wrap .inner{margin:clamp(50px,(100vw - 781px)*50/749 + 50px,100px) auto 0 auto;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#special .wrap a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}#special .wrap a img{width:100%;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}#special .wrap{width:clamp(600px,(100vw - 781px)*720/749 + 600px,1320px);margin:0 auto}#special{padding-top:clamp(50px,(100vw - 781px)*95/749 + 50px,145px);width:100%}.bg_wrap{position:relative;z-index:200;width:100%;overflow:hidden;margin:0 auto}footer .app_info p{color:#0cf;font-size:clamp(16px,(100vw - 781px)*8/749 + 16px,24px);font-weight:500;line-height:1.6;letter-spacing:.3px;text-align:center;-webkit-transform:rotate(0.05deg);transform:rotate(0.05deg)}footer .app_info{width:clamp(390px,(100vw - 781px)*400/749 + 390px,790px);margin:0 auto}footer .spec .icon{width:clamp(100px,(100vw - 781px)*111/749 + 100px,211px);height:clamp(100px,(100vw - 781px)*111/749 + 100px,211px)}footer .spec ul dt{width:clamp(50px,(100vw - 781px)*43/749 + 50px,93px);height:clamp(20px,(100vw - 781px)*8/749 + 20px,28px);line-height:clamp(18px,(100vw - 781px)*6/749 + 18px,24px);color:#0cf;font-size:clamp(10px,(100vw - 781px)*8/749 + 10px,18px);font-weight:500;text-align:center;background:linear-gradient(315deg, transparent 3px, #274255 3px);position:relative;-webkit-transform:rotate(0.05deg);transform:rotate(0.05deg)}footer .spec ul dd{width:clamp(185px,(100vw - 781px)*135/749 + 185px,320px);height:clamp(20px,(100vw - 781px)*8/749 + 20px,28px);line-height:clamp(18px,(100vw - 781px)*6/749 + 18px,24px);font-size:clamp(10px,(100vw - 781px)*8/749 + 10px,18px);font-weight:500;-webkit-transform:rotate(0.05deg);transform:rotate(0.05deg)}footer .spec ul{width:clamp(240px,(100vw - 781px)*193/749 + 240px,433px);height:clamp(100px,(100vw - 781px)*111/749 + 100px,211px);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}footer .spec{width:clamp(360px,(100vw - 781px)*311/749 + 360px,671px);margin:0 auto;padding:clamp(10px,(100vw - 781px)*10/749 + 10px,20px) 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer .dl_btn .pc-banners a:hover{opacity:.7}footer .dl_btn .pc-banners a img{height:clamp(40px,(100vw - 781px)*56/749 + 40px,96px)}footer .dl_btn .pc-banners a{display:block;-webkit-transition:opacity .2s;transition:opacity .2s}footer .dl_btn .pc-banners{width:clamp(260px,(100vw - 781px)*350/749 + 260px,610px);height:clamp(40px,(100vw - 781px)*56/749 + 40px,96px);margin:0 auto;margin-left:clamp(264px,(100vw - 781px)*219/749 + 264px,486px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}footer .dl_btn .sns a:hover{opacity:.7}footer .dl_btn .sns a img{height:clamp(30px,(100vw - 781px)*14/749 + 30px,44px)}footer .dl_btn .sns a{display:block;-webkit-transition:opacity .2s;transition:opacity .2s}footer .dl_btn .sns{width:clamp(77px,(100vw - 781px)*38/749 + 77px,115px);height:clamp(30px,(100vw - 781px)*14/749 + 30px,44px);margin:clamp(9px,(100vw - 781px)*9/749 + 9px,18px) auto 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}footer .dl_btn{padding-top:17px;padding-top:clamp(17px,(100vw - 781px)*17/749 + 17px,34px)}footer .wrap a{font-size:clamp(12px,(100vw - 781px)*10/749 + 12px,22px);font-weight:500;line-height:3;color:#fff}footer .wrap .copyrights{font-size:clamp(12px,(100vw - 781px)*10/749 + 12px,22px);font-weight:500;line-height:3;color:#999}footer .wrap{background:#000;border-top:38px #0cf solid;border-top:18px #0cf solid;padding:clamp(20px,(100vw - 781px)*20/749 + 20px,40px) 0 clamp(50px,(100vw - 781px)*50/749 + 50px,100px) 0;text-align:center}footer .scroll_top a:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}footer .scroll_top a{display:block;width:clamp(80px,(100vw - 781px)*51/749 + 80px,131px);height:clamp(45px,(100vw - 781px)*29/749 + 45px,74px);margin:clamp(24px,(100vw - 781px)*24/749 + 24px,48px) auto clamp(12px,(100vw - 781px)*7/749 + 12px,19px) auto;overflow:hidden;text-indent:-200%;background:url("../img/btn_gotop.png") left top no-repeat;background-size:contain;-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}footer .scroll_top{width:100%;position:relative}footer{overflow:hidden;padding-top:clamp(50px,(100vw - 781px)*95/749 + 50px,145px);width:100%}}@media(width >= 1531px){#key_visual_cont .inner .key-visual+h2{right:clamp(20px,(100vw - 1531px)*200/389 + 20px,220px)}footer .dl_btn .pc-banners{margin-left:clamp(486px,(100vw - 1531px)*187/389 + 486px,673px)}}@media(width <= 780px){img,embed,iframe,object,video{max-width:100%}body main .info .inner .btn .date{display:none}body main .info .inner .btn{width:calc((100vw - 375px)*51/405 + 50px);height:calc((100vw - 375px)*15/405 + 15px);background:url("../img/sp/news_title.png") no-repeat center top;background-size:contain;position:relative;overflow:hidden;text-indent:-300%;position:absolute;top:calc((100vw - 375px)*2/405 + 2px);right:0;left:0;margin:auto}body main .info .inner{position:relative}body main .info .news .box div dl dt{font-size:calc((100vw - 375px)*2/405 + 12px);color:#0cf;font-weight:400;-webkit-transform:rotate(0.05deg);transform:rotate(0.05deg)}body main .info .news .box div dl dd a:hover{color:#c6f !important;text-decoration:underline}body main .info .news .box div dl dd a{color:#c6f !important;text-decoration:underline}body main .info .news .box div dl dd{font-size:calc((100vw - 375px)*2/405 + 14px);line-height:1.6;color:#fff;padding-left:calc((100vw - 375px)*2/405 + 8px);-webkit-transform:rotate(0.05deg);transform:rotate(0.05deg)}body main .info .news .box div dl{width:98%;border-bottom:calc((100vw - 375px)*1/405 + 1px) #999 solid;padding:0 0 calc((100vw - 375px)*6/405 + 6px) 0}body main .info .news .box div dl+dl{padding:calc((100vw - 375px)*6/405 + 6px) 0}body main .info .news .box div{height:calc((100vw - 375px)*152/405 + 153px);overflow-y:scroll;overflow-x:hidden}body main .info .news .box{width:calc((100vw - 375px)*270/405 + 270px);position:absolute;top:calc((100vw - 375px)*20/405 + 23px);right:calc((100vw - 375px)*15.5/405 + 14.5px)}body main .info .news{width:100%;height:calc((100vw - 375px)*183/405 + 183px);background:url("../img/sp/news_bg.png") no-repeat center top;background-size:contain}body main .info{width:calc((100vw - 375px)*300/405 + 300px);margin:calc((100vw - 375px)*5/405 + 25px) auto calc((100vw - 375px)*2/405 + 18px) auto}body main{padding:0;position:relative;overflow:hidden}body{position:static;overflow:auto;width:auto;*overflow-y:hidden;color:#333;font-size:calc((100vw - 375px)*8/405 + 12px);line-height:1.75;z-index:0}.sphr{width:100%;height:43px;background:url("../img/sp/section_bottom.png") no-repeat center top;background-size:contain}.spbr{display:block}.pcbr{display:none}#key_visual_cont .inner h1{width:80%;position:absolute;top:calc((100vw - 375px)*80/405 + 70px);right:0;left:0;margin:auto}#key_visual_cont .inner .key-visual{width:99%;margin:0 auto}#key_visual_cont .inner .key-visual+h2{width:calc((100vw - 375px)*210/405 + 210px);height:calc((100vw - 375px)*49/405 + 49px);overflow:hidden;text-indent:-300%;background:url("../img/sp/h2_text.png") no-repeat center center;background-size:contain;position:absolute;top:calc((100vw - 375px)*263/405 + 235px);right:0;left:0;margin:auto}#key_visual_cont .inner{margin:0 auto;position:relative}#key_visual_cont #dl_btn .pc-banners{display:none}#key_visual_cont #dl_btn .sp-banners a .apple,#key_visual_cont #dl_btn .sp-banners a .google{height:calc((100vw - 375px)*29/405 + 36px)}#key_visual_cont #dl_btn .sp-banners a{display:block}#key_visual_cont #dl_btn .sp-banners{width:calc((100vw - 375px)*181/405 + 234px);margin:0 auto;margin-left:calc(25% + (100vw - 375px)*22/405 - 14px);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#key_visual_cont #dl_btn .sns a .x,#key_visual_cont #dl_btn .sns a .youtube{height:calc((100vw - 375px)*10/405 + 30px)}#key_visual_cont #dl_btn .sns{width:calc((100vw - 375px)*25/405 + 75px);margin:calc((100vw - 375px)*4/405 + 10px) auto 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#key_visual_cont #dl_btn{position:relative;width:100%;padding-top:30px}#key_visual_cont nav .inner .scroll_box{height:100%;position:relative;padding:0}#key_visual_cont nav .inner{height:100%}#key_visual_cont nav ul li:not(.pc_none){width:100%}#key_visual_cont nav ul li:nth-of-type(2) a:hover,#key_visual_cont nav ul li:nth-of-type(3) a:hover,#key_visual_cont nav ul li:nth-of-type(4) a:hover,#key_visual_cont nav ul li:nth-of-type(5) a:hover,#key_visual_cont nav ul li:nth-of-type(6) a:hover,#key_visual_cont nav ul li:nth-of-type(7) a:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}#key_visual_cont nav ul li:nth-of-type(2) a,#key_visual_cont nav ul li:nth-of-type(3) a,#key_visual_cont nav ul li:nth-of-type(4) a,#key_visual_cont nav ul li:nth-of-type(5) a,#key_visual_cont nav ul li:nth-of-type(6) a,#key_visual_cont nav ul li:nth-of-type(7) a{display:block;height:calc((100vw - 375px)*12/405 + 36px);overflow:hidden;text-indent:-300%;margin:26px 0 26px 0;-webkit-filter:brightness(1);filter:brightness(1);-webkit-transition:-webkit-filter .2s;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s, -webkit-filter .2s}#key_visual_cont nav ul li:nth-of-type(2) a{background:url("../img/sp/h2_top.png") no-repeat center center;background-size:contain}#key_visual_cont nav ul li:nth-of-type(3) a{background:url("../img/sp/h2_about.png") no-repeat center center;background-size:contain}#key_visual_cont nav ul li:nth-of-type(4) a{background:url("../img/sp/h2_story.png") no-repeat center center;background-size:contain}#key_visual_cont nav ul li:nth-of-type(5) a{background:url("../img/sp/h2_heroes.png") no-repeat center center;background-size:contain}#key_visual_cont nav ul li:nth-of-type(6) a{background:url("../img/sp/h2_system.png") no-repeat center center;background-size:contain}#key_visual_cont nav ul li:nth-of-type(7) a{background:url("../img/sp/h2_special.png") no-repeat center center;background-size:contain}#key_visual_cont nav ul li.close{position:absolute;top:10px;right:10px;width:60px;height:56px;background:url("../img/sp/menu_close.png") no-repeat left bottom;background-size:contain;text-indent:-300%;overflow:hidden;cursor:pointer}#key_visual_cont nav ul a{display:block}#key_visual_cont nav ul{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;opacity:1}#key_visual_cont nav{width:100%;height:100%;-webkit-transition:height .2s;transition:height .2s;position:fixed;top:0;left:0;z-index:-50;background:rgba(0,0,0,.95);text-align:center;opacity:0;-webkit-transition:.3s;transition:.3s}#key_visual_cont{width:100%;padding-top:18px;margin:0 auto;position:relative}#sp_menu{position:fixed;top:calc((100vw - 375px)*3/405 + 3px);right:calc((100vw - 375px)*3/405 + 3px);z-index:500;width:calc((100vw - 375px)*50/405 + 50px);height:calc((100vw - 375px)*50/405 + 47px);background:url("../img/sp/menu.png") no-repeat left bottom;background-size:contain;cursor:pointer}.menuopen #key_visual_cont nav ul{z-index:350;opacity:1}.menuopen #key_visual_cont nav{opacity:1;z-index:300}.menuopen #sp_menu{opacity:0;z-index:10}.menuopen{overflow:hidden}#about .wrap .navigator{width:calc((100vw - 375px)*220/405 + 180px);position:absolute;right:0;top:calc((100vw - 375px)*32/405 + 48px)}#about .wrap div h2{background:url("../img/sp/h2_about.png") no-repeat center center;background-size:contain;text-indent:-200%;overflow:hidden;height:calc((100vw - 375px)*30/405 + 32px)}#about .wrap div .catch-a{width:calc((100vw - 375px)*200/405 + 160px);height:calc((100vw - 375px)*47/405 + 38px);background:url("../img/sp/about_cath_a.png") left top no-repeat;background-size:contain;text-indent:-300%;overflow:hidden;margin-top:calc((100vw - 375px)*14/405 + 16px)}#about .wrap div .catch-b{width:calc((100vw - 375px)*200/405 + 160px);height:calc((100vw - 375px)*29/405 + 24px);background:url("../img/sp/about_cath_b.png") left top no-repeat;background-size:contain;text-indent:-300%;overflow:hidden;margin-top:calc((100vw - 375px)*8/405 + 8px)}#about .wrap div .catch-c{width:calc((100vw - 375px)*200/405 + 160px);margin-top:calc((100vw - 375px)*12/405 + 8px)}#about .wrap div p{font-size:calc((100vw - 375px)*4/405 + 12px);font-weight:500;line-height:1.7;letter-spacing:-0.3px;text-align:left}#about .wrap div{width:100%;padding:0 calc((100vw - 375px)*30/405 + 10px) 0 calc((100vw - 375px)*30/405 + 10px)}#about .wrap{background:url("../img/sp/about_bg.png") no-repeat right bottom;background-size:contain;height:calc((100vw - 375px)*260/405 + 200px);margin:0 auto;position:relative}#about::after{content:"";width:100%;height:43px;position:absolute;bottom:0;left:0;background:url("../img/sp/section_bottom.png") no-repeat center top;background-size:contain}#about{width:100%;margin:0 auto;position:relative;overflow:hidden;padding:calc((100vw - 375px)*20/405 + 20px) 0 120px 0}#story .wrap h2{background:url("../img/sp/h2_story.png") no-repeat center center;background-size:contain;text-indent:-200%;overflow:hidden;height:calc((100vw - 375px)*30/405 + 32px)}#story .wrap{width:100%;margin:0 auto;position:relative}#story div.bg p{color:#333;font-size:calc((100vw - 375px)*4/405 + 12px);font-weight:500;line-height:calc((100vw - 375px)*16/405 + 16px);letter-spacing:-0.3px;text-align:left}#story div.bg p+p{margin-top:calc((100vw - 375px)*20/405 + 10px)}#story div.bg{padding:calc((100vw - 375px)*2/405 + 10px);min-height:calc((100vw - 375px)*302/405 + 288px);background:url("../img/sp/story_bg.png") center center no-repeat;background-size:contain}#story div{width:100%;position:relative}#story::after{content:"";width:100%;height:43px;position:absolute;bottom:0;left:0;background:url("../img/sp/section_bottom.png") no-repeat center bottom;background-size:contain}#story{width:100%;padding:calc((100vw - 375px)*20/405 + 0px) 0 calc((100vw - 375px)*30/405 + 50px) 0;position:relative}#heroes .inner h2{background:url("../img/sp/h2_heroes.png") no-repeat center center;background-size:contain;text-indent:-200%;overflow:hidden;height:calc((100vw - 375px)*30/405 + 32px)}#heroes .inner{width:100%}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(2) .inner h3{background:url("../img/sp/heroes/name_nightingale.png") center no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(3) .inner h3{background:url("../img/sp/heroes/name_kondo_isami.png") center no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(4) .inner h3{background:url("../img/sp/heroes/name_jehanne_darc.png") center no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(4) .inner h3{background:url("../img/sp/heroes/name_jehanne_darc.png") center no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(5) .inner h3{background:url("../img/sp/heroes/name_frankenstein.png") center no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(6) .inner h3{background:url("../img/sp/heroes/name_maeda_keiji.png") center no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(7) .inner h3{background:url("../img/sp/heroes/name_honda_tadakatsu.png") center no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide:nth-of-type(8) .inner h3{background:url("../img/sp/heroes/name_ishikawa_goemon.png") center no-repeat;background-size:contain}#heroes .wrap .swiper.hero-slides .swiper-slide .inner img{width:calc((100vw - 375px)*260/405 + 220px);position:absolute;top:calc((100vw - 375px)*20/405 + 30px);right:0;left:0;margin:auto}#heroes .wrap .swiper.hero-slides .swiper-slide .inner h3{width:100%;height:calc((100vw - 375px)*24/405 + 26px);text-indent:-200%;background:url("../img/sp/heroes/name_takeda_shingen.png") center no-repeat;background-size:contain;overflow:hidden}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div ul.spec dt{width:calc((100vw - 375px)*30/405 + 50px);height:calc((100vw - 375px)*2/405 + 18px);line-height:calc((100vw - 375px)*1/405 + 18px);color:#0cf;font-size:calc((100vw - 375px)*5/405 + 9px);font-weight:500;text-align:center;background:linear-gradient(315deg, transparent 3px, #274255 3px);position:relative;-webkit-transform:rotate(0.05deg);transform:rotate(0.05deg);overflow:hidden}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div ul.spec dd:nth-of-type(2){background:url("../img/sp/heroes/rarity_5.png") left center no-repeat;background-size:contain;text-indent:-200%;width:calc((100vw - 375px)*60/405 + 50px)}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div ul.spec dd:nth-of-type(3){width:calc((100vw - 375px)*40/405 + 20px)}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div ul.spec dd{width:calc((100vw - 375px)*30/405 + 80px);font-size:calc((100vw - 375px)*4/405 + 10px);line-height:calc((100vw - 375px)*1/405 + 18px);font-weight:500;text-align:left;overflow:hidden}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div ul.spec{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div ul{width:calc((100vw - 375px)*260/405 + 320px);margin:0 auto;margin-bottom:calc((100vw - 375px)*2/405 + 10px)}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div p.introduction{width:calc((100vw - 375px)*400/405 + 340px);height:calc((100vw - 375px)*-5/405 + 85px);font-size:calc((100vw - 375px)*3/405 + 12px);line-height:1.75;font-weight:500;overflow:visible;margin:0 auto}#heroes .wrap .swiper.hero-slides .swiper-slide .inner div{width:100%;height:auto;z-index:1;position:absolute;left:0;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box}#heroes .wrap .swiper.hero-slides .swiper-slide .inner{width:100%;height:calc((100vw - 375px)*240/405 + 320px);margin:0 auto;padding:0;position:relative;z-index:1}#heroes .wrap .swiper.hero-slides .swiper-slide{width:100%;height:auto;overflow:visible}#heroes .wrap .swiper.hero-slides{position:relative;margin-bottom:calc((100vw - 375px)*4/405 + 12px)}#heroes .wrap .swiper{overflow:hidden}#heroes .wrap .swiper.hero-slides .swiper-button-prev,#heroes .wrap .swiper.hero-slides .swiper-button-next{width:calc((100vw - 375px)*10/405 + 35px);height:calc((100vw - 375px)*15/405 + 53px);color:rgba(0,0,0,0)}#heroes .wrap .swiper.hero-slides .swiper-button-prev:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}#heroes .wrap .swiper.hero-slides .swiper-button-prev{background-image:url("../img/btnPrev.png");background-repeat:no-repeat;background-size:contain;-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s;position:absolute;left:0 !important}#heroes .wrap .swiper.hero-slides .swiper-button-next:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}#heroes .wrap .swiper.hero-slides .swiper-button-next{background-image:url("../img/btnNext.png");background-repeat:no-repeat;background-size:contain;-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s;position:absolute;right:0 !important}#heroes .wrap .swiper.hero-slides img{width:100%;height:auto}#heroes .wrap{width:100%;overflow:hidden;margin:calc((100vw - 375px)*5/405 + 20px) auto 0 auto;position:relative}#heroes .hero-nav .frame .gallery-thumbs.hero-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{opacity:.7}#heroes .hero-nav .frame .gallery-thumbs.hero-thumbs .swiper-wrapper .swiper-slide:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}#heroes .hero-nav .frame .gallery-thumbs.hero-thumbs .swiper-wrapper .swiper-slide span img{max-width:inherit;width:100%;height:100%}#heroes .hero-nav .frame .gallery-thumbs.hero-thumbs .swiper-wrapper .swiper-slide span{display:block;cursor:pointer;width:100% !important;height:100%}#heroes .hero-nav .frame .gallery-thumbs.hero-thumbs .swiper-wrapper .swiper-slide{overflow:hidden;position:relative;width:calc((100vw - 375px)*41/405 + 42px) !important;height:calc((100vw - 375px)*52/405 + 54px);-webkit-transition:-webkit-filter .2s;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s, -webkit-filter .2s}#heroes .hero-nav .frame .gallery-thumbs.hero-thumbs .swiper-wrapper .swiper-slide+.swiper-slide{margin-left:1.75px}#heroes .hero-nav .frame .gallery-thumbs.hero-thumbs .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center}#heroes .hero-nav .frame .gallery-thumbs.hero-thumbs{overflow:visible}#heroes .hero-nav .frame{position:relative;width:100%;height:100%}#heroes .hero-nav{width:calc((100vw - 375px)*390/405 + 350px);margin:0 auto}#heroes::after{content:"";width:100%;height:43px;position:absolute;bottom:0;left:0;background:url("../img/sp/section_bottom.png") no-repeat center top;background-size:contain}#heroes{width:100%;position:relative;overflow:hidden;padding:25px 0 60px 0}#system .inner h2{background:url("../img/sp/h2_system.png") top center no-repeat;background-size:contain;text-indent:-200%;overflow:hidden;height:calc((100vw - 375px)*30/405 + 32px);margin-bottom:calc((100vw - 375px)*2/405 + 10px)}#system .system_text .swiper.system-thumbs .swiper-slide h3{color:#0cf;font-size:calc((100vw - 375px)*1/405 + 15px);font-weight:500;line-height:1.6;letter-spacing:.3px;text-align:center;-webkit-transform:rotate(0.05deg);transform:rotate(0.05deg)}#system .system_text .swiper.system-thumbs .swiper-slide p{width:100%;font-size:calc((100vw - 375px)*2/405 + 12px);font-weight:500;line-height:1.7;letter-spacing:-0.3px;-webkit-transform:rotate(0.05deg);transform:rotate(0.05deg)}#system .system_text .swiper.system-thumbs .swiper-slide.swiper-slide-active{opacity:1 !important}#system .system_text .swiper.system-thumbs .swiper-slide{width:100%;-webkit-transition-property:opacity !important;transition-property:opacity !important;opacity:0 !important}#system .system_text .swiper.system-thumbs .swiper-pagination.system{opacity:0}#system .system_text .swiper.system-thumbs{width:calc((100vw - 375px)*260/405 + 340px)}#system .system_text{width:100%;overflow:visible;margin:0 auto;position:relative}#system .swiper.system-slides .swiper-button-prev,#system .swiper.system-slides .swiper-button-next{width:calc((100vw - 375px)*10/405 + 35px);height:calc((100vw - 375px)*15/405 + 53px);color:rgba(0,0,0,0)}#system .swiper.system-slides .swiper-button-prev:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}#system .swiper.system-slides .swiper-button-prev{background-image:url("../img/sp/btnPrev.png");background-size:contain;-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s;position:absolute;left:-80px !important}#system .swiper.system-slides .swiper-button-next:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}#system .swiper.system-slides .swiper-button-next{background-image:url("../img/sp/btnNext.png");background-size:contain;-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s;position:absolute;right:-80px !important}#system .swiper.system-slides{overflow:visible;position:relative;margin:calc((100vw - 375px)*6/405 + 10px) auto 0 auto;width:calc((100vw - 375px)*100/405 + 200px)}#system::after{content:"";width:100%;height:43px;position:absolute;bottom:0;left:0;background:url("../img/sp/section_bottom.png") no-repeat center top;background-size:contain}#system{position:relative;overflow:hidden;padding:calc((100vw - 375px)*5/405 + 15px) 0 calc((100vw - 375px)*5/405 + 65px) 0;width:100%}#special .wrap h2{height:88px;background:url("../img/sp/h2_special.png") no-repeat top center;background-size:contain;text-indent:-200%;overflow:hidden;height:calc((100vw - 375px)*30/405 + 32px);margin-bottom:calc((100vw - 375px)*2/405 + 10px)}#special .wrap .inner .youtubelink p{color:#0cf;font-size:calc((100vw - 375px)*1/405 + 15px);font-weight:500;line-height:1.6;letter-spacing:.3px;-webkit-transform:rotate(0.05deg);transform:rotate(0.05deg)}#special .wrap .inner .youtubelink a:after{content:"";width:calc((100vw - 375px)*100/405 + 80px);height:calc((100vw - 375px)*51/405 + 40px);background:url("../img/sp/youtube-play.png") top left no-repeat;background-size:100% auto;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-filter:brightness(1);filter:brightness(1);-webkit-transition:-webkit-filter .2s;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s, -webkit-filter .2s}#special .wrap .inner .youtubelink a:hover:after{-webkit-filter:brightness(1.1);filter:brightness(1.1)}#special .wrap .inner .youtubelink a{display:block;width:calc((100vw - 375px)*280/405 + 240px);height:calc((100vw - 375px)*157/405 + 135px);margin-top:10px;position:relative;overflow:hidden}#special .wrap .inner .youtubelink{margin:0 auto;max-width:630px}#special .wrap .inner{margin:calc((100vw - 375px)*5/405 + 20px) auto 0 auto;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#special .wrap a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}#special .wrap a img{width:100%;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}#special .wrap{margin:0 auto}#special{width:100%;padding:calc((100vw - 375px)*5/405 + 15px) 0 0 0}footer .app_info img{width:calc((100vw - 375px)*320/405 + 280px);margin:0 auto}footer .app_info p{color:#0cf;font-size:calc((100vw - 375px)*1/405 + 15px);font-weight:500;line-height:1.6;letter-spacing:.3px;text-align:center;-webkit-transform:rotate(0.05deg);transform:rotate(0.05deg)}footer .app_info{width:100%;margin:0 auto}footer .spec .icon{display:none}footer .spec ul dt{width:calc((100vw - 375px)*20/405 + 60px);height:24px;color:#0cf;font-size:calc((100vw - 375px)*3/405 + 11px);line-height:22px;font-weight:500;text-align:center;background:linear-gradient(315deg, transparent 3px, #274255 3px);position:relative;-webkit-transform:rotate(0.05deg);transform:rotate(0.05deg)}footer .spec ul dd{width:calc((100vw - 375px)*60/405 + 210px);height:24px;font-size:calc((100vw - 375px)*3/405 + 11px);line-height:22px;font-weight:500;-webkit-transform:rotate(0.05deg);transform:rotate(0.05deg);padding-left:10px}footer .spec ul{width:100%;height:calc((100vw - 375px)*20/405 + 140px);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}footer .spec{width:calc((100vw - 375px)*80/405 + 270px);margin:0 auto;padding:calc((100vw - 375px)*2/405 + 20px) 0 0 0}footer .dl_btn .pc-banners{display:none}footer .dl_btn .sp-banners a .apple,footer .dl_btn .sp-banners a .google{height:calc((100vw - 375px)*29/405 + 36px)}footer .dl_btn .sp-banners a{display:block}footer .dl_btn .sp-banners{width:calc((100vw - 375px)*181/405 + 234px);margin:0 auto;margin-left:calc(25% + (100vw - 375px)*22/405 - 14px);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}footer .dl_btn .sns a .x,footer .dl_btn .sns a .youtube{height:calc((100vw - 375px)*10/405 + 30px)}footer .dl_btn .sns{width:calc((100vw - 375px)*25/405 + 75px);margin:calc((100vw - 375px)*4/405 + 10px) auto 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}footer .dl_btn{position:relative;width:100%;padding-top:4vw}footer .wrap a{font-size:calc((100vw - 375px)*2/405 + 12px);font-weight:500;line-height:1.5;color:#fff;display:block;margin-bottom:20px}footer .wrap .copyrights{font-size:calc((100vw - 375px)*2/405 + 12px);font-weight:500;line-height:1.5;color:#999}footer .wrap{background:#000;border-top:calc((100vw - 375px)*10/405 + 20px) #0cf solid;padding:calc((100vw - 375px)*5/405 + 20px) 0 calc((100vw - 375px)*5/405 + 60px) 0;text-align:center}footer .scroll_top a:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}footer .scroll_top a{display:block;width:calc((100vw - 375px)*27/405 + 53px);height:calc((100vw - 375px)*15/405 + 30px);margin:calc((100vw - 375px)*2/405 + 20px) auto calc((100vw - 375px)*2/405 + 10px) auto;overflow:hidden;text-indent:-200%;background:url("../img/btn_gotop.png") left top no-repeat;background-size:contain;-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}footer .scroll_top{width:100%;position:relative}footer{position:relative;overflow:hidden;padding-top:calc((100vw - 375px)*5/405 + 20px);width:100%}}/*# sourceMappingURL=style.min.css.map */