﻿*{margin:0;padding:0;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;-webkit-text-size-adjust:none}html,body{background:#000;color:#fff;font-size:16px;line-height:1.3em;width:100%;height:100%;min-width:1000px}a:hover{text-decoration:none}a,img{border:none}li{list-style-type:none}::selection{background:#ccc}::-moz-selection{background:#ccc}.noselect,img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.legacy_ie{text-align:center;position:absolute;top:20px;left:50%;width:640px;margin-left:-320px;padding:10px 0;background:#fff;z-index:1000}.anchor{display:block;height:140px;margin-top:-140px}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:url(../img/loading.gif) center center no-repeat #000;z-index:9000}.container{overflow:hidden;min-width:1000px;max-width:1680px;margin:0 auto}.container:before{content:" ";display:block;height:120px}header{height:130px;background:url(../img/header_bg.png) top center no-repeat;position:fixed;top:0;left:0;width:100%;min-width:1000px;z-index:9999}header:before{content:" ";height:30px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/header_spec.png);background-position:top center}header .volume{width:40px;height:40px;position:absolute;top:8px;left:15px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;display:none;background-image:url(../img/volume.png);background-position:0 0}header .volume[data-volume="0.4"]{background-position:0 -40px}header .volume[data-volume="0.2"]{background-position:0 -80px}header .volume[data-volume="0"]{background-position:0 -120px}header .share{position:absolute;top:8px;right:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:top;-webkit-align-items:top;-ms-flex-align:top;align-items:top;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start}header .share:before{content:" ";width:80px;height:36px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/share.png)}header .share>div{display:block;width:36px;height:36px}header .share>div:last-child{margin-right:0}header .share>div>a{display:block;width:36px;height:36px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;transition-property:opacity;transition-duration:200ms;transition-timing-function:ease-out;opacity:1;background-image:url(../img/share.png)}header .share>div>a:hover{opacity:0.5}header .share>div>a.share_tw{background-position:-80px 0}header .share>div>a.share_fb{background-position:-120px 0}header .share>div>a.share_line{background-position:-160px 0}body.sp header{position:relative}body.sp .container:before{display:none}nav{max-width:1680px;margin:0 auto;position:relative}nav ul{width:700px;height:70px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:top;-webkit-align-items:top;-ms-flex-align:top;align-items:top;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start}nav li div,nav li a{width:100%;height:70px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/nav.png);position:relative}nav li a:before{content:" ";text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;top:0;left:0;width:100%;height:100%;border-radius:4px;opacity:0;transition-property:opacity;transition-duration:200ms;transition-timing-function:ease-out;background-image:-moz-linear-gradient(0deg, transparent 0%, rgba(255,0,0,0.3) 100%);background-image:-webkit-linear-gradient(0deg, transparent 0%, rgba(255,0,0,0.3) 100%);background-image:-ms-linear-gradient(0deg, transparent 0%, rgba(255,0,0,0.3) 100%);background-image:linear-gradient(0deg, transparent 0%, rgba(255,0,0,0.3) 100%)}nav li a:after{content:" ";text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/nav.png);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition-property:opacity;transition-duration:200ms;transition-timing-function:ease-out}nav li a:hover:before,nav li a:hover:after{opacity:1}nav .nav_top{width:83px}nav .nav_top a{background-position:0 0}nav .nav_top a:after{background-position:0 -80px}nav .nav_story{width:107px}nav .nav_story a{background-position:-83px 0}nav .nav_story a:after{background-position:-83px -80px}nav .nav_character{width:177px}nav .nav_character a{background-position:-190px 0}nav .nav_character a:after{background-position:-190px -80px}nav .nav_system{width:119px}nav .nav_system a{background-position:-367px 0}nav .nav_system a:after{background-position:-367px -80px}nav .nav_system div{background-position:-367px -160px}nav .nav_special{width:125px}nav .nav_special a{background-position:-486px 0}nav .nav_special a:after{background-position:-486px -80px}nav .nav_spec{width:86px}nav .nav_spec a{background-position:-611px 0}nav .nav_spec a:after{background-position:-611px -80px}@media screen and (max-width: 1100px){header .share:before{display:none}}div.bg{position:fixed;top:40px;left:0;width:100%;height:100%}div.bg .video{width:1680px;height:945px;position:absolute;top:0;left:50%;margin-left:-840px}div.bg .video #player{display:block;width:100%;height:100%}div.bg:after{content:" ";text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;width:1680px;height:945px;position:absolute;top:0;left:50%;margin-left:-840px;background:url(../img/bg_cover.png) top center no-repeat;background-size:cover;transition-property:background-color;transition-duration:200ms;transition-timing-function:ease-out}@media screen and (max-width: 1600px){body.body_top div.bg .video,body.body_top div.bg:after{width:1440px;height:810px;margin-left:-720px}}body.body_top[data-bg="1"] div.bg:after{background-color:rgba(0,0,0,0.5)}@media screen and (max-width: 1400px){body.body_top div.bg .video,body.body_top div.bg:after{width:1280px;height:720px;margin-left:-640px}}@media screen and (max-width: 1024px){body.body_top div.bg .video,body.body_top div.bg:after{width:960px;height:540px;margin-left:-480px}}body.sp div.bg{min-width:1000px;background-image:url(../img/bg.jpg);background-position:top center;background-repeat:no-repeat;background-size:100% auto;top:0}body.sp div.bg:after{background-image:none;height:100%;width:100%;margin-left:0;left:0}body.sp.body_top div.bg{background-image:url(../img/top_bg.jpg);background-size:1680px auto}section.page{position:relative;background-image:-moz-linear-gradient(-180deg, transparent 0%, #000 100%);background-image:-webkit-linear-gradient(-180deg, transparent 0%, #000 100%);background-image:-ms-linear-gradient(-180deg, transparent 0%, #000 100%);background-image:linear-gradient(-180deg, transparent 0%, #000 100%)}section.page>.inner{width:960px;margin:0 auto;position:relative}section.page .sub_logo{width:240px;height:200px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/sub_logo.png);position:absolute;top:10px;right:0}section.page_top{margin-top:-20px}section.page_top>.inner{width:960px;height:880px;margin:0 auto;position:relative}section.page_top h1{text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat}section.page_top .next{width:96px;height:96px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/arrow.png);position:absolute;bottom:20px;left:50%;margin-left:-48px}@media screen and (max-width: 1600px){section.page_top>.inner{height:720px}}@media screen and (max-width: 1400px){section.page_top>.inner{height:640px}}@media screen and (max-width: 1024px){section.page_top>.inner{height:480px}}body.sp section.page_top>.inner{height:800px}section.page_banner{width:960px;margin:0 auto;position:relative;z-index:1;margin-bottom:50px}section.page_banner a{display:block;width:920px;height:140px;margin:0 auto;box-shadow:0 0 15px #f00, 0 0 15px #000;background:#000;margin-bottom:25px}section.page_banner a img{transition-property:opacity;transition-duration:200ms;transition-timing-function:ease-out;display:block}section.page_banner a:hover img{opacity:0.5}section.page_intro>div{width:960px;margin:0 auto;position:relative}section.page_intro>div:before{content:" ";text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;width:320px;height:270px;background-image:url(../img/intro_splat.png);position:absolute;top:-100px;left:-50px}section.page_intro>div img{display:block;position:relative}section.page_intro .intro0{height:185px}section.page_intro .intro1{height:395px}section.page_intro .intro1 a{height:66px;width:170px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/intro_btn.png);background-position:0 0;position:absolute;right:10px;bottom:0;transition-property:opacity;transition-duration:200ms;transition-timing-function:ease-out;opacity:1}section.page_intro .intro1 a:hover{opacity:0.5}section.page_intro .intro2{height:415px}section.page_intro .intro2 a{height:66px;width:200px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/intro_btn.png);background-position:-170px 0;position:absolute;right:10px;bottom:0;transition-property:opacity;transition-duration:200ms;transition-timing-function:ease-out;opacity:1}section.page_intro .intro2 a:hover{opacity:0.5}section.page_intro .intro3{height:395px}section.page_story h1{width:480px;height:220px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/story_h1.png)}section.page_story h2{width:820px;height:160px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/story_title.png);margin-top:-20px}section.page_story .image1{height:310px;position:relative}section.page_story .image1 img{position:absolute;border:4px solid #fbf8ef;box-shadow:0.5px 0.5px 5px 0px rgba(0,0,0,0.5);width:320px;height:240px;background:#fff}section.page_story .image1 .image1_1{top:20px;left:30px;transform:rotate(3deg)}section.page_story .image1 .image1_2{left:310px;top:40px;transform:rotate(-3deg)}section.page_story .image1 .image1_3{top:20px;left:600px;transform:rotate(2deg)}section.page_story .text{width:780px;height:500px;margin:0 auto;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/story_text.png)}section.page_story .image2{width:960px;height:380px;margin-top:-50px}section.page_story .image2 img{display:block;width:1050px;height:400px;margin-left:-50px}section.page_character h1{width:640px;height:220px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/character_h1.png)}section.page_character .line{position:relative}section.page_character .line1{height:470px}section.page_character .line2{height:521px}section.page_character .line3{height:460px}section.page_character .line4{height:581px}section.page_character .image{display:block;position:absolute;bottom:0;left:50%}section.page_character .image1{margin-left:-240px}section.page_character .image2{margin-left:-40px}section.page_character .image3{margin-left:-380px}section.page_character .image4{margin-left:-80px}section.page_character .image5{margin-left:150px}section.page_character .image6{margin-left:-460px}section.page_character .image7{margin-left:-210px}section.page_character .image8{margin-left:-20px}section.page_character .image9{margin-left:250px}section.page_character .image10{margin-left:-450px}section.page_character .image11{margin-left:-180px}section.page_character .image12{margin-left:140px}section.page_character .text{text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/character_text.png);position:absolute}section.page_character .text1{width:280px;height:200px;top:230px;left:130px;background-position:0 0}section.page_character .text2{width:280px;height:220px;top:240px;left:620px;background-position:-280px 0}section.page_character .text3{width:240px;height:100px;top:290px;left:40px;background-position:-560px 0}section.page_character .text4{width:240px;height:100px;top:290px;left:360px;background-position:-560px -100px}section.page_character .text5{width:240px;height:100px;top:290px;left:720px;background-position:-800px 0px}section.page_character .text345{width:300px;height:40px;top:383px;left:351px;background-position:-560px -200px}section.page_character .text6{width:240px;height:200px;top:260px;left:-10px;background-position:0 -200px}section.page_character .text7{width:210px;height:200px;top:260px;left:260px;background-position:-240px -220px}section.page_character .text8{width:210px;height:200px;top:260px;left:480px;background-position:-450px -240px}section.page_character .text9{width:190px;height:200px;top:260px;left:780px;background-position:-660px -240px}section.page_character .text10{width:250px;height:180px;top:340px;left:-10px;background-position:0 -420px}section.page_character .text11{width:250px;height:200px;top:340px;left:400px;background-position:-250px -440px}section.page_character .text12{width:230px;height:150px;top:340px;left:680px;background-position:-500px -440px}section.page_special{padding-bottom:50px}section.page_special h1{width:480px;height:220px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/special_h1.png)}section.page_special h2{width:640px;height:100px;margin:0 auto;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/special_title.png)}section.page_special h2.title_comment{background-position:0 0}section.page_special h2.title_movie{background-position:0 -100px;margin-bottom:20px}section.page_special div.comment{width:800px;height:780px;margin:0 auto;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/special_comment.png)}section.page_special div.movie{width:800px;margin:0 auto;margin-bottom:50px}section.page_special div.movie iframe{display:block;margin-bottom:40px}section.page_special div.movie .erabareshi{width:800px;height:286px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/special_erabareshi.png);margin-bottom:30px}section.page_special div.movie .link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:top;-webkit-align-items:top;-ms-flex-align:top;align-items:top;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;margin-bottom:20px}section.page_special div.movie .link a{display:block;widows:400px;height:70px;transition-property:opacity;transition-duration:200ms;transition-timing-function:ease-out;opacity:1}section.page_special div.movie .link a:hover{opacity:0.5}section.page_special div.movie .comment{width:800px;height:740px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;display:none;background-image:url(../img/special_erabareshi_comment.png)}section.page_spec{padding-bottom:50px}section.page_spec h1{width:370px;height:220px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/spec_h1.png);margin-left:-60px}section.page_spec .spec{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}section.page_spec .spec .text{width:460px;height:280px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/spec_text.png)}section.info{position:relative;text-align:center;margin-bottom:20px}section.info a{border:1px solid #fff;box-sizing:border-box;padding:15px 30px;display:inline-block;text-align:left;box-shadow:0 0 20px rgba(255,0,0,0.5);font-weight:bold;color:#fff}section.page_system h1{width:500px;height:220px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/system_h1.png);margin-left:-20px}section.page_system .image{width:960px;height:960px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/system_image.png)}footer{position:relative;background-color:#000;background-image:-moz-linear-gradient(-180deg, transparent 0%, #160000 20%);background-image:-webkit-linear-gradient(-180deg, transparent 0%, #160000 20%);background-image:-ms-linear-gradient(-180deg, transparent 0%, #160000 20%);background-image:linear-gradient(-180deg, transparent 0%, #160000 20%);padding-top:20px;margin-top:-2px}footer .spec{width:960px;height:460px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/footer_spec.png);margin:0 auto}footer nav{height:170px;box-sizing:border-box;padding-top:90px;background:url(../img/footer_bg.png) top center repeat-x}footer nav li a:before{background-image:-moz-linear-gradient(0deg, transparent 0%, rgba(255,0,0,0.4) 50%, transparent 100%);background-image:-webkit-linear-gradient(0deg, transparent 0%, rgba(255,0,0,0.4) 50%, transparent 100%);background-image:-ms-linear-gradient(0deg, transparent 0%, rgba(255,0,0,0.4) 50%, transparent 100%);background-image:linear-gradient(0deg, transparent 0%, rgba(255,0,0,0.4) 50%, transparent 100%)}footer .copy{background:#000;position:relative;padding:20px;padding-top:0}footer .copy:after{content:" ";display:block;clear:both}footer .copy .link{float:left}footer .copy .link li{height:60px;display:block;float:left;margin-right:10px}footer .copy .link li a,footer .copy .link li img{display:block;height:100%}footer .copy .link li a{transition-property:opacity;transition-duration:200ms;transition-timing-function:ease-out;opacity:1}footer .copy .link li a:hover{opacity:0.5}footer .copy .cero{display:block;float:right;width:60px;height:70px}footer .copy small{display:block;clear:both;width:760px;height:40px;background-image:url(../img/footer_noticecopy.png);text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat}body.body_age .container:before{display:none}body.body_age .age{width:500px;height:600px;display:block;margin:0 auto}body.body_age .age_select{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}body.body_age .age_select a{margin:10px;transition-property:opacity;transition-duration:200ms;transition-timing-function:ease-out;opacity:1}body.body_age .age_select a:hover{opacity:0.5}
