/*
OZ RESET CSS
Author: ONZE
Author URI: http://on-ze.com
Version: 1.1
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

* {
border:0;
margin:0;
outline:0;
padding:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
}

html {font-size:62.5%; width:100%; height:100%;}

body {
font-size:10px;
font-size:1.0rem;
line-height:1;
position:relative;
text-align:center;
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  -o-text-size-adjust:100%;
  text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
width:100%;
height:100%;
}

article, aside, dialog, figure, footer, header, main, menu, nav, section {display:block;}
audio, canvas, video {display:inline-block;}

br,
hr {display:block;}

ol,
ul {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

input,
select {vertical-align:middle;}

table {border-collapse:collapse; border-spacing:0; empty-cells:show;}

img { vertical-align: bottom; }
body{font-size:1.2rem;font-family:'YakuHanJP','Roboto',"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#212121;background-color:#1f1a17;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}body:before{content:"";opacity:0}h1,h2,h3,h4,h5,small,#movieLayerControler,.clickStream,.enterButton,#loadLayer .indicate,#trailerPlayButton,#informationLayerOpenTrigger{font-family:'Marcellus SC',serif;text-shadow:0 .5px 2px rgba(0,0,0,0.9)}a{color:#fff}.flex{display:-webkit-flex;display:flex;}.flex.center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.mfp-wrap .mfp-container{padding:0}.scrollContents{position:relative;overflow:hidden;height:100%}#soundControl{display:none}#informationLayer{z-index:30}#informationLayerOpenTrigger,#soundControl{z-index:20}#topLayer{z-index:20}#movieLayerControler{z-index:10}body > h1,.clickStream{z-index:10}#movieLayer{z-index:1;}#movieLayer:before{z-index:2}#movieLayer > section{z-index:3}#movieLayer canvas{position:fixed;top:0;left:0;z-index:1}body > h1{position:fixed;left:15px;top:18px;width:120px;}body > h1 strong{display:none}body > h1 img{width:100%}#topLayer{position:fixed;width:100%;height:100%;background-color:#1f1a17;}#topLayer h2,#topLayer .enterButton,#topLayer #lineDrawing,#topLayer .colorDrawing,#topLayer .shadowDrawing,#topLayer #loadLayer,#topLayer #loadLayer .indicate,#topLayer .copyright{position:absolute}#topLayer #lineDrawing{z-index:1}#topLayer .colorDrawing{z-index:2}#topLayer .shadowDrawing{z-index:3}#topLayer h2,#topLayer .enterButton,#topLayer .copyright{z-index:4}#topLayer #loadLayer{z-index:5}#topLayer h2{left:calc(75px / 2);bottom:11.3333333%;width:calc(100% - 75px);}#topLayer h2 strong{display:none}#topLayer h2 img{width:100%;}#topLayer h2 img.logoText{position:absolute;left:0;top:0;z-index:3}#topLayer #lineDrawing,#topLayer .colorDrawing,#topLayer .shadowDrawing,#topLayer #loadLayer{left:0;top:0;width:100%;height:100%;background:center center/cover no-repeat}#topLayer #lineDrawing{background-image:url("/assets/images/topVisual_line_sp.jpg")}#topLayer .colorDrawing{background-image:url("/assets/images/topVisual_paint_sp.jpg")}#topLayer .shadowDrawing{background-image:url("/assets/images/topVisual_shadow_sp.png")}#topLayer #loadLayer .indicate,#topLayer .enterButton{left:50%;bottom:9%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:2.3rem;text-align:center;opacity:0;}#topLayer #loadLayer .indicate a,#topLayer .enterButton a{text-shadow:0 1px 3px #000;background:url("/assets/images/enterLink_line_sp.png") left bottom/auto 3px no-repeat}#topLayer #loadLayer{opacity:0;transition:.5s ease-out;background:none;text-align:center;}#topLayer #loadLayer .indicate{color:#fff;opacity:1;font-size:2rem;}#topLayer #loadLayer .indicate #progressBar{background-color:#fff;height:1px;width:0;box-shadow:0 0 1px 0 rgba(0,0,0,0.2)}#topLayer .copyright{width:100%;left:0;bottom:0;text-align:center;color:#eee;height:2em;}#topLayer .copyright a{color:#eee}#topLayer #lineDrawing,#topLayer .colorDrawing,#topLayer .enterButton,#topLayer .copyright{opacity:0}#movieLayer{position:relative;min-height:100%;text-align:left;background-color:#fff;}#movieLayer:before{content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:url("/assets/images/movieBgPattern.png") left top/2px 2px repeat}#movieLayer >section{display:block;position:absolute;width:100%;height:100%;opacity:0;}#movieLayer >section.show{z-index:4;opacity:1}#movieLayer >section.add{display:block}#movieLayer >section >h2{position:fixed;left:61px;top:66px;color:#fff;font-size:1.6rem;-webkit-transition:.6s cubic-bezier(.85,.43,.61,.87);transition:.6s cubic-bezier(.85,.43,.61,.87);-webkit-transition-delay:.8s;transition-delay:.8s;opacity:0}#movieLayer >section .clickStream{opacity:0;-webkit-transition:.6s cubic-bezier(.85,.43,.61,.87);transition:.6s cubic-bezier(.85,.43,.61,.87);-webkit-transition-delay:.8s;transition-delay:.8s;position:fixed;left:20px;top:70px;}#movieLayer >section .clickStream:after{content:">";color:#fff;display:inline-block;margin-left:7px}#movieLayer >section .clickStream a{text-decoration:underline}#movieLayer >section.show .clickStream,#movieLayer >section.show >h2{opacity:1}#movieLayer >section .contents{width:100%;height:100%}#movieLayer >section#story .contents{text-align:center;}#movieLayer >section#story .contents img{display:inline-block;width:78.9333333%;-webkit-transition:1.2s cubic-bezier(.85,.43,.61,.87);transition:1.2s cubic-bezier(.85,.43,.61,.87);opacity:0;filter:blur(12px);-moz-filter:blur(12px);-webkit-filter:blur(12px)}#movieLayer >section#story .contents pre{display:none}#movieLayer >section#story.show .contents img{opacity:1;filter:blur(0);-moz-filter:blur(0);-webkit-filter:blur(0)}#movieLayer >section#message .contents .inner,#movieLayer >section#news .contents .inner{padding:0 6vw;height:calc(100% - 200px);width:100%}#movieLayer >section#message .contents{-webkit-transition:.6s cubic-bezier(.85,.43,.61,.87);transition:.6s cubic-bezier(.85,.43,.61,.87);-webkit-transition-delay:.8s;transition-delay:.8s;opacity:0;}#movieLayer >section#message .contents .inner .messageBody{padding-top:3em;padding-bottom:3em;padding-right:16px}#movieLayer >section#message .contents .inner .banners{padding-bottom:15px}#movieLayer >section#message .contents p{color:#fff;line-height:1.6;font-size:1.6rem;margin-top:1em;text-shadow:0 .5px 2px rgba(0,0,0,0.9);}#movieLayer >section#message .contents p:first-child{margin-top:0}#movieLayer >section#message .contents p.signature{text-align:right;margin-bottom:2em}#movieLayer >section#message .contents .flex{display:block;}#movieLayer >section#message .contents .flex .terraWarsLink,#movieLayer >section#message .contents .flex .terraBATTLE1Link{margin-top:1em;}#movieLayer >section#message .contents .flex .terraWarsLink a strong,#movieLayer >section#message .contents .flex .terraBATTLE1Link a strong{display:none}#movieLayer >section#message .contents .flex .terraWarsLink a img,#movieLayer >section#message .contents .flex .terraBATTLE1Link a img{width:100%;border-radius:15px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.4)}#movieLayer >section#message.show .contents{opacity:1}#movieLayer >section#trailer .contents{width:100%;height:100%;opacity:0;-webkit-transition:.6s cubic-bezier(.85,.43,.61,.87);transition:.6s cubic-bezier(.85,.43,.61,.87);-webkit-transition-delay:.8s;transition-delay:.8s;}#movieLayer >section#trailer .contents #trailerPlayButton{text-align:center;position:relative;}#movieLayer >section#trailer .contents #trailerPlayButton a{text-align:center;}#movieLayer >section#trailer .contents #trailerPlayButton a .trailerSample{display:none}#movieLayer >section#trailer .contents #trailerPlayButton a:before,#movieLayer >section#trailer .contents #trailerPlayButton a:after{content:"";position:absolute;left:50%;top:50%}#movieLayer >section#trailer .contents #trailerPlayButton a:before{opacity:0;transition:.5s ease-in-out;transition-delay:1s;width:118px;height:118px;margin-left:-59px;margin-top:-59px;background:url("/assets/images/trailerPlayButton_circle_sp.png") center center/contain no-repeat}#movieLayer >section#trailer .contents #trailerPlayButton a:after{-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:0;height:0;border-style:solid;border-width:17.5px 0 17.5px 20px;border-color:transparent transparent transparent #fff;margin-left:5px}#movieLayer >section#trailer .contents #trailerPlayButton a span{display:block;font-size:2.5rem;padding-top:70px;}#movieLayer >section#trailer .contents #trailerPlayButton a span:first-child{font-size:3rem;padding-top:0;padding-bottom:70px}#movieLayer >section#trailer.show .contents{opacity:1;}#movieLayer >section#trailer.show .contents #trailerPlayButton a:before{opacity:1;width:108px;height:108px;margin-left:-54px;margin-top:-54px;-webkit-transition-delay:1.6s !important;transition-delay:1.6s !important;-webkit-animation:4s linear infinite roll;animation:4s linear infinite roll;}@-moz-keyframes roll{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes roll{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes roll{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes roll{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#movieLayer >section#news .contents{-webkit-transition:.6s cubic-bezier(.85,.43,.61,.87);transition:.6s cubic-bezier(.85,.43,.61,.87);-webkit-transition-delay:.8s;transition-delay:.8s;opacity:0;}#movieLayer >section#news .contents .inner .newsBody{padding:15px 16px 15px 0;padding-right:16px;}#movieLayer >section#news .contents .inner .newsBody ul li{border-bottom:1px solid #404040;text-shadow:0 .5px 2px rgba(0,0,0,0.9);}#movieLayer >section#news .contents .inner .newsBody ul li:first-child{border-top:1px solid #404040}#movieLayer >section#news .contents .inner .newsBody ul li a{display:block;padding:15px 0;}#movieLayer >section#news .contents .inner .newsBody ul li a .date{display:block;font-family:'Cinzel',serif;font-size:1.2rem;margin-bottom:5px;color:#78f2eb}#movieLayer >section#news .contents .inner .newsBody ul li a p{font-size:1.4rem;line-height:1.4}#movieLayer >section#news .contents .inner .newsBody .viewAllButton{margin-top:30px;text-align:center;}#movieLayer >section#news .contents .inner .newsBody .viewAllButton a{display:block;background-color:#fff;border-radius:100px;height:44px;line-height:44px;color:#1b1b1b;font-size:1.6rem}#movieLayer >section#news.show .contents{opacity:1}.en #movieLayer >section#story img{width:100%;margin-top:0}.en #movieLayer >section#story picture{display:block;width:78.9333333%;text-align:center;margin-top:0;margin-left:auto;margin-right:auto}#movieLayerControler{text-align:center;position:fixed;left:0;bottom:0;width:100%;height:72px;font-size:1rem;}#movieLayerControler #autoPlayButton{position:absolute;left:0;top:0;width:50px;height:100%;}#movieLayerControler #autoPlayButton .text{display:none}#movieLayerControler #autoPlayButton:before,#movieLayerControler #autoPlayButton:after{content:"";position:absolute;left:17px;top:7px;-webkit-transition:.1s ease-in;transition:.1s ease-in}#movieLayerControler #autoPlayButton:before{opacity:0;width:0;height:0;border-style:solid;border-width:7.5px 0 7.5px 13px;border-color:transparent transparent transparent #fff}#movieLayerControler #autoPlayButton:after{opacity:1;width:13px;height:15px;background:url("/assets/images/icon_stop_sp.png") center center/contain no-repeat}#movieLayerControler #autoPlayButton.stop:before{opacity:1}#movieLayerControler #autoPlayButton.stop:after{opacity:0}#movieLayerControler #sceneSlider{position:relative;width:calc(100% - 75px);height:100%;margin-left:50px;text-align:center;}#movieLayerControler #sceneSlider:before{content:"";width:100%;height:1px;background-color:rgba(255,255,255,0.4);position:absolute;left:0;top:calc(27px / 2)}#movieLayerControler #sceneSlider .scenePoint:before{content:"";width:7px;height:7px;border-radius:50%;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,0.9);position:absolute;left:0;top:calc(21px / 2);z-index:1}#movieLayerControler #sceneSlider .scenePoint a{position:absolute;top:0;left:0;-ms-transform:translateX(calc(-50% + 3.5px));-webkit-transform:translateX(calc(-50% + 3.5px));transform:translateX(calc(-50% + 3.5px));padding-top:calc(77px / 2);z-index:2}#movieLayerControler #sceneSlider .scenePoint.scenePoint_story:before,#movieLayerControler #sceneSlider .scenePoint.scenePoint_story a{left:13.333333%}#movieLayerControler #sceneSlider .scenePoint.scenePoint_message:before,#movieLayerControler #sceneSlider .scenePoint.scenePoint_message a{left:37%}#movieLayerControler #sceneSlider .scenePoint.scenePoint_trailer:before,#movieLayerControler #sceneSlider .scenePoint.scenePoint_trailer a{left:60.666666%}#movieLayerControler #sceneSlider .scenePoint.scenePoint_news:before,#movieLayerControler #sceneSlider .scenePoint.scenePoint_news a{left:84.333333%}#movieLayerControler #sceneSlider #sceneControlButton{position:absolute;top:0;left:0;width:28px;height:28px;-ms-transform:translateX(calc(-21px / 2));-webkit-transform:translateX(calc(-21px / 2));transform:translateX(calc(-21px / 2));z-index:10;}#movieLayerControler #sceneSlider #sceneControlButton .buttonBody,#movieLayerControler #sceneSlider #sceneControlButton .timerObject{-webkit-transform-origin:center center;transform-origin:center center;border-radius:50%}#movieLayerControler #sceneSlider #sceneControlButton .buttonBody{width:20px;height:20px;position:absolute;top:calc(8px / 2);left:calc(8px / 2);background-color:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,0.9);-webkit-transition:.15s linear;transition:.15s linear}#movieLayerControler #sceneSlider #sceneControlButton .timerObject{-webkit-transition:.2s ease-out;transition:.2s ease-out;-webkit-trasform-origin:center center;trasform-origin:center center;}#movieLayerControler #sceneSlider #sceneControlButton .timerObject svg{width:100%;height:100%;stroke-dasharray:75;stroke-dashoffset:75;transition:stroke-dashoffset 5s linear;transform:rotate(-90deg);opacity:0}#movieLayerControler #sceneSlider #sceneControlButton .timerObject.pause,#movieLayerControler #sceneSlider #sceneControlButton .timerObject.complete{-webkit-transform:scale(0,0);transform:scale(0,0);}#movieLayerControler #sceneSlider #sceneControlButton .timerObject.pause svg,#movieLayerControler #sceneSlider #sceneControlButton .timerObject.complete svg{opacity:1}#movieLayerControler #sceneSlider #sceneControlButton.hold .buttonBody,#movieLayerControler #sceneSlider #sceneControlButton:hover .buttonBody{top:0;left:0;width:100%;height:100%}#movieLayerControler #sceneSlider #sceneControlButton.stay .timerObject svg{opacity:1;stroke-dashoffset:0}#informationLayerOpenTrigger{position:fixed;right:15px;top:18px;text-align:center;font-size:1.8rem;}#informationLayerOpenTrigger a{display:inline-block;background-color:rgba(255,255,255,0.2);border-radius:100px;padding:10px 18px}#informationLayerOpenTrigger .informationAmount{position:absolute;right:-5px;top:-5px;width:20px;height:20px;font-size:1.3rem;line-height:20px;text-align:center;font-family:times,serif;font-weight:bold;color:#fff;border-radius:50%;background-image:-moz-linear-gradient(90deg,#cc191d 0%,#df5417 55%,#f18f10 100%);background-image:-webkit-linear-gradient(90deg,#cc191d 0%,#df5417 55%,#f18f10 100%);background-image:-ms-linear-gradient(90deg,#cc191d 0%,#df5417 55%,#f18f10 100%);box-shadow:0 2px 4px 0 rgba(0,0,0,0.9)}#informationLayer{width:100%;height:100%;color:#fff;text-align:center;padding:60px calc(75px / 2);}#informationLayer h2{font-size:2.3rem}#informationLayer .inner>ul{margin:30px 0 15px;font-size:0;}#informationLayer .inner>ul li{display:inline-block;font-size:1.1rem;}#informationLayer .inner>ul li:before{content:"・";display:inline-block;margin:0 .25em}#informationLayer .inner>ul li:first-child:before{content:none}#informationLayer #campaignBanner{margin:50px auto 0;}#informationLayer #campaignBanner >div{margin-top:15px;}#informationLayer #campaignBanner >div:first-child{margin-top:0}#informationLayer #campaignBanner >div a{display:block;}#informationLayer #campaignBanner >div a img{width:100%}#informationLayer #youtube{margin-top:30px;border-bottom:1px solid #423e3b;padding-bottom:15px;}#informationLayer #youtube h3{font-size:1.4rem;position:relative;}#informationLayer #youtube h3:before,#informationLayer #youtube h3:after{content:"";width:calc(50% - 3em);height:1px;background-color:#423e3b;position:absolute;top:.5em}#informationLayer #youtube h3:before{left:0}#informationLayer #youtube h3:after{right:0}#informationLayer #youtube>ul li{padding-top:15px;}#informationLayer #youtube>ul li:last-child{margin-bottom:30px}#informationLayer #youtube>ul li a{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;}#informationLayer #youtube>ul li a .thumbnail{width:40%;}#informationLayer #youtube>ul li a .thumbnail img{width:100%}#informationLayer #youtube>ul li a .videoTitle{width:60%;font-size:1.2rem;text-align:left;padding-left:15px;}#informationLayer #youtube>ul li a .videoTitle p{line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}#informationLayer #officialAccounts{margin-top:30px;}#informationLayer #officialAccounts ul{font-size:0;margin-top:5px;}#informationLayer #officialAccounts ul li{display:inline-block;margin:0 10px;}#informationLayer #officialAccounts ul li a{display:block;width:31px;}#informationLayer #officialAccounts ul li a img{width:25px}#informationLayer #newsLetter{margin-top:30px;}#informationLayer #newsLetter div{margin:5px auto 0;width:31px;}#informationLayer #newsLetter div img{width:100%}#informationLayer .copyright{margin-top:2em;color:#eee;}#informationLayer .copyright a{color:#eee}.scroll-element .scroll-element_outer .scroll-element_track{background-color:rgba(0,0,0,0.3)}.mfp-wrap .mfp-close{opacity:1;overflow:hidden;right:0;top:0;width:60px;height:0;padding-top:60px;background:url("/assets/images/icon_close.png") center center/22px 22px no-repeat}.mfp-bg,.mfp-wrap{opacity:0;transition:.15s ease-in}.mfp-ready.mfp-bg,.mfp-ready.mfp-wrap{opacity:1}.mfp-removing.mfp-bg,.mfp-removing.mfp-wrap{opacity:0}.showInformationLayer .mfp-content{min-height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:#000}.showTrailerBody.mfp-bg{opacity:.5}.showTrailerBody.mfp-wrap.mfp-ready .mfp-container .mfp-content{text-align:center;width:80vw;height:calc(1440 * 80vw / 1080)}.showTrailerBody.mfp-wrap .mfp-close{right:-22px;top:-50px}#topLayer #lineDrawing,#topLayer #loadLayer{transition:opacity 1s ease-in}#topLayer h2 img{opacity:0;}#topLayer h2 img.logoNum{-webkit-transform:translateX(-15px);transform:translateX(-15px)}#informationLayerOpenTrigger,#soundControl{opacity:0;transition:.5s ease-in;transition-delay:3s}#topLayer.initialized #lineDrawing,#topLayer.initialized #loadLayer{opacity:1}#topLayer.loaded h2 img{-webkit-transition:1s cubic-bezier(.58,.4,.2,.99);transition:1s cubic-bezier(.58,.4,.2,.99);}#topLayer.loaded h2 img.logoText{-webkit-transition-delay:1s;transition-delay:1s}#topLayer.loaded h2 img.logoNum{-webkit-transition-delay:2s;transition-delay:2s}#topLayer.loaded .enterButton,#topLayer.loaded .copyright{-webkit-transition:.5s ease-in;-webkit-transition-delay:3s;transition:.5s ease-in;transition-delay:3s}body.preloaded #topLayer #lineDrawing,body.preloaded #topLayer h2 img.logoText,body.preloaded #topLayer h2 img.logoNum,body.preloaded #informationLayerOpenTrigger,body.preloaded #soundControl,body.preloaded #topLayer .enterButton,body.preloaded #topLayer #loadLayer,body.preloaded #topLayer .copyright{opacity:1}body.preloaded #topLayer #loadLayer{transition:none}body.preloaded #topLayer h2 img.logoNum{-webkit-transform:translateX(0);transform:translateX(0)}body.preloaded .enterButton a{-webkit-animation:1s linear infinite alternate flash;animation:1s linear infinite alternate flash;}@-moz-keyframes flash{0%{opacity:.1}100%{opacity:1}}@-webkit-keyframes flash{0%{opacity:.1}100%{opacity:1}}@-o-keyframes flash{0%{opacity:.1}100%{opacity:1}}@keyframes flash{0%{opacity:.1}100%{opacity:1}}