html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul,ol,dl,li,dd,dt{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6,p,textarea,select,button{outline:none}button{border:none}*:focus{outline:none}*,*::before,*::after{box-sizing:border-box}.fade{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out}.fade:hover{opacity:0.4;filter:alpha(opacity=60)}.small80{font-size:80%;letter-spacing:1px}.small90{font-size:90%;letter-spacing:1px}.right{float:right}.left{float:left}.center{margin:0 auto;text-align:center}a img{border:none}a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;outline:none}img{vertical-align:bottom}html,body{min-height:100%}body{font:100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;margin:0;padding:0;color:#fff;background:#5e0d18}header{width:100%;height:60px;background-color:rgba(0,0,0,0.5);display:-webkit-flex;display:flex;justify-content:space-around;z-index:99}@media screen and (max-width: 768px){header{display:block;height:auto}}nav{width:100%;height:100%;text-align:right;margin:0 auto;font-family:"dnp-shuei-4gob-std";font-weight:700;letter-spacing:2px}nav ul{height:100%;display:-webkit-flex;display:flex;flex-flow:row nowrap;justify-content:center;position:relative;font-size:1.3em}@media screen and (max-width: 768px){nav ul{flex-flow:row wrap;font-size:1em}}nav ul li{margin:0 5px;padding:20px 0}nav ul li a{color:#fff;text-decoration:none;transition:all 0.3s linear}nav ul li a:hover{color:#fff}.fixed{position:fixed;top:0;left:0;width:100%;z-index:999}.sp_menu{width:100%;position:relative;height:30px;font-family:"dnp-shuei-4gob-std";font-size:1.3em;text-align:center;display:none}@media screen and (max-width: 768px){.sp_menu{display:block}}.sns ul{position:relative;display:-webkit-flex;display:flex;flex-flow:row nowrap;justify-content:flex-start}.sns ul li{margin:5px;width:40px;height:40px;position:relative;z-index:1;display:block;border-radius:10px;overflow:hidden}.sns ul li img{display:block;transition:0.3s ease-in-out;width:100%;height:100%}.sns ul li img:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}footer{display:block;background:#863c3c;bottom:0;position:relative;width:100%;padding-top:10px}footer .logo{display:-webkit-flex;display:flex;position:relative;justify-content:center;align-items:center;flex-flow:wrap;padding-bottom:20px}footer .logo a{text-align:center}footer .logo img{margin:10px}footer p{text-align:center;padding-bottom:20px;color:#fff;font-weight:lighter;letter-spacing:2px;border-top-width:2px;position:relative}#page-top{position:fixed;bottom:5%;right:5%;z-index:99}@media screen and (max-width: 768px){#page-top{bottom:5px;right:5px}}#page-top a{text-decoration:none;color:#fff;width:64px;padding:10px;text-align:center;display:block;border-radius:5px;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}@media screen and (max-width: 768px){#page-top a{width:64px;padding:10px}}#page-top a img{width:100%;height:100%}#page-top a:hover{text-decoration:none;-webkit-transform:translateY(-8px);transform:translateY(-8px)}.list-mv00{opacity:0;-webkit-transform:translate(0, 150px);transform:translate(0, 150px)}.mv00{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.list-mv01{opacity:0;-webkit-transform:translate(0, 100px);transform:translate(0, 100px)}.mv01{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mv01{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.list-mv02{opacity:0;-webkit-transform:translate(0, 50px);transform:translate(0, 50px)}.mv02{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.list-mv03{opacity:0;-webkit-transform:translate(100px, 0);transform:translate(100px, 0)}.mv03{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.trance00{transition:.5s}.trance01{transition:1s}.trance02{transition:1.5s}.trance03{transition:1s}body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-color:#5e0d18;z-index:9999;pointer-events:none;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}body.fadeout::after{opacity:1}canvas{z-index:1;position:absolute;top:0;left:0}#particles-js{position:absolute;width:100%;height:100%;pointer-events:none}#wrap{position:relative;margin:0;padding:0}#container{position:relative}#hero{background:url("../img/bg_loop.png") repeat;background-attachment:fixed;height:900px;width:100%;position:relative;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;z-index:0}#hero:before{content:"";position:absolute;pointer-events:none;width:100%;height:100%;background:-moz-linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.8), rgba(255,255,255,0));background:-webkit-linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.8), rgba(255,255,255,0));background:linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.8), rgba(255,255,255,0))}@media screen and (max-width: 1024px){#hero{height:auto;flex-direction:column}}.titlelogo{position:relative;text-align:center;z-index:5}.titlelogo img{width:80%}@media screen and (max-width: 768px){.titlelogo{width:80%;max-width:600px;margin:-150px auto 0;position:relative}.titlelogo img{width:100%}}@media screen and (max-width: 400px){.titlelogo{right:0}}.mainvisual{text-align:right;z-index:1}@media screen and (max-width: 768px){.mainvisual{text-align:center}.mainvisual img{width:100%}}.releasedate{position:relative;text-align:center}@media screen and (max-width: 768px){.releasedate{position:relative;margin:0 auto;padding:0 1em}}.maincaption{font-family:"dnp-shuei-4gob-std";font-size:2em;text-shadow:0px 0px 5px #000,0px 0px 7px #000}@media screen and (max-width: 768px){.maincaption{font-size:1.5em;text-align:center}}.sns ul{justify-content:center}h2{font-family:"dnp-shuei-4gob-std";text-align:center;font-size:2em;letter-spacing:.2em;line-height:2.5em;text-shadow:0px 0px 5px #000,0px 0px 7px #000}hr{border:none;width:100%;background:transparent;background-size:cover;height:64px;margin:0}hr:before{content:'';display:block;height:64px;margin:0;background:url("../img/borderbg@2x.png") no-repeat;background-size:cover}.rotation:before{transform:scale(-1, -1)}.border_bdc{background:url("../img/bg_loop.png") repeat fixed}.topics{background-color:#863c3c;color:#fff;padding:10px;position:relative;width:100%;margin:-2px auto}@media screen and (max-width: 768px){.topics{width:100%}}.topics dl{border-top:solid 1px #fff;border-bottom:solid 1px #fff;padding:1.5em;width:80%;margin:0 auto}.topics dl dd{font-weight:bold;line-height:2em}.topics dl dt{font-size:1.2em;line-height:1.8em;margin:0 auto 2em;width:80%;max-width:800px}.topics dl dt a{color:#ff3;border-bottom:1px solid #ff3}.topics dl dt a:hover{border-bottom:none}.topics dl dt img{max-width:640px;width:100%}@media screen and (max-width: 768px){.topics dl dt{font-size:1em;line-height:1.2em}}.column{position:relative;width:100%;padding:100px 0}@media screen and (max-width: 768px){.column{max-width:1024px;width:100%}}.text-column{width:80%;margin:60px auto 0;top:-60px;padding:50px;z-index:5;position:relative;max-width:1280px}@media screen and (max-width: 768px){.text-column{width:100%;overflow:hidden;max-width:1024px;padding:20px}}h3{font-size:1.7em;line-height:3em;text-shadow:0px 0px 5px #fc0d4d,0px 0px 7px #fc0d4d;letter-spacing:.2em;font-family:"dnp-shuei-4gob-std"}h3::first-letter{font-size:1.4em}@media screen and (max-width: 768px){h3{font-size:1.2em;line-height:1.8em}}.text-column_inner{font-size:1.2em;letter-spacing:2px;margin:0 auto;text-align:justify;line-height:2em}.text-column_inner p{margin:1em}@media screen and (max-width: 768px){.text-column_inner{width:100%;font-size:1em;letter-spacing:1px;line-height:1.5em}}.storycolor{z-index:-10}.story_bg{position:absolute;top:0;right:0;z-index:-5}@media screen and (max-width: 768px){.story_bg{height:100%}.story_bg img{height:100%}}.ss_column{text-align:center;position:relative;display:flex;flex-flow:row wrap}.ss_column figure{width:50%;padding:10px;max-width:640px;margin:0 auto}.ss_column figure figcaption{letter-spacing:.1em;line-height:2em}.ss_column figure img{width:100%}@media screen and (max-width: 768px){.ss_column figure{width:100%;max-width:480px;margin:0 auto}.ss_column figure img{width:100%}}#product{background-image:url("../img/bg_loop.png");background-attachment:fixed;padding:100px 0 120px}.softinfo_wrap{width:80%;margin:0 auto;position:relative;display:flex;flex-flow:row wrap;justify-content:space-between;letter-spacing:.2em;text-align:center}@media screen and (max-width: 768px){.softinfo_wrap{width:95%}}.softinfo{margin:2px}.softinfo li{font-family:"dnp-shuei-4gob-std";width:100%;margin:5px;vertical-align:middle;padding:15px 0;border:#fff 1px solid}@media screen and (max-width: 768px){.softinfo li{margin:0}}.right-softinfo,.right-softinfo-h2{background:rgba(0,0,0,0.6);color:#ECECEC;height:70px;line-height:40px}.right-softinfo-h2{line-height:25px;padding:10px 0 !important;letter-spacing:0}.left-softinfo{background:rgba(0,0,0,0.6);color:#ECECEC;font-weight:700;height:50px;line-height:20px}.flex-item{flex-grow:1}.buybtn{padding:20px 30px;border:1px solid #fff;width:300px;margin:50px auto;text-align:center;font-weight:700;letter-spacing:2px;background:rgba(0,0,0,0.5);transition:.3s}.buybtn a{display:block;color:#fff;width:100%;height:100%}.buybtn:hover{background:rgba(252,13,77,0.5)}@media screen and (max-width: 768px){.buybtn{width:100%;max-width:300px}}#character{background-color:#7C6A47;background-image:url("../img/bg_g@2x.png");background-attachment:fixed;background-size:cover}.chara_wrap{width:100%;max-width:1280px;height:900px;margin:0 auto;position:relative;display:flex;flex-flow:row nowrap;justify-content:center;padding:0  50px;z-index:5}@media screen and (max-width: 768px){.chara_wrap{width:100%;max-width:1024px;flex-flow:column;padding:10px;height:auto;min-height:700px}}.select{display:block}.iconset{flex:1;position:relative;z-index:1;margin:20px 20px 0;top:0}@media screen and (max-width: 768px){.iconset{flex:0;width:100%;margin:20px 0}}.iconset ul{display:flex;justify-content:flex-start;flex-flow:column}.iconset ul li{cursor:pointer;transition:.3s;overflow:hidden;margin:2px;width:182px;height:104px;position:relative}.iconset ul li img{margin:auto;vertical-align:bottom;width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0}.iconset ul li:hover{opacity:.5}@media screen and (max-width: 768px){.iconset ul li{width:91px;height:52px}}@media screen and (max-width: 768px){.iconset ul{flex-flow:row wrap;position:relative;justify-content:center}}.charaset{flex:2}.charaset ul{position:relative}.charaset ul li{width:100%;display:none;position:relative}.charaset ul li:first-child{display:block}@media screen and (max-width: 768px){.charaset{flex:1}}.charaarea{position:relative;min-height:700px}.charaarea .chara_info{position:absolute;bottom:0;z-index:50}@media screen and (max-width: 768px){.charaarea .chara_info{position:relative;left:0}}.charaarea .j_chara{background-color:rgba(0,0,0,0.7);padding:1em;border-radius:10px;width:100%}@media screen and (max-width: 768px){.charaarea .j_chara{width:100%}}.charaarea .j_chara p{font-size:1em;letter-spacing:1px;text-indent:0em;text-align:justify;margin:5px 0}.charaarea .j_chara p:first-child{font-family:"dnp-shuei-4gob-std";font-size:2em;letter-spacing:2px;border-bottom:1px solid}.charaarea .j_chara p:first-child span{display:block;font-size:.5em;line-height:2em}.chara_img{text-align:center}@media screen and (max-width: 768px){.chara_img{width:100%}}.chara_img img{display:inline-block;position:relative}@media screen and (max-width: 768px){.chara_img img{width:100%;max-width:440px;position:relative}}@media screen and (max-width: 768px){.chara_bgimg{width:100%;max-width:480px}}.chara_bgimg img{display:inline-block;position:absolute;top:200px;left:0}@media screen and (max-width: 768px){.chara_bgimg img{top:400px;width:100%}}#movie{background-color:#863c3c}.movie_link{display:block;margin:0 auto;text-align:center}@media screen and (max-width: 768px){.movie_link{display:none}}.moviesp{display:none}@media screen and (max-width: 768px){.moviesp{display:block;margin:0 auto;text-align:center;width:100%;max-width:340px}.moviesp img{width:100%}}.caution{font-weight:bold;color:#F3FF00}.productarea{margin-bottom:2em}.VA{text-align:center;font-size:1.2em}.ss_special{align-items:center}.ss_special figure{width:30%;padding:10px}.special_column{text-shadow:0px 0px 5px #000,0px 0px 7px #000}.webcast_inner{border:solid 1px #fff}.shopex_wrap{position:relative;flex-flow:row nowrap;justify-content:space-around;margin:0 auto;display:flex;align-items:stretch}@media screen and (max-width: 768px){.shopex_wrap{flex-flow:row wrap}}.shopex{background-color:rgba(94,13,24,0.6);border:1px #fff solid;margin:5px;padding:10px;text-align:center}.shopex img{width:100%;max-width:300px}.shopex dl{margin-bottom:1em}.shopex dl dt{font-weight:bold;margin-bottom:1em;line-height:2em;border-bottom:1px dotted}