#topLayer h2{left:50%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:35.139%;max-width:500px}#topLayer #lineDrawing,#topLayer .colorDrawing,#topLayer .shadowDrawing{background:center center/600px auto no-repeat}#topLayer #lineDrawing{background-image:url("/assets/images/topVisual_line_pc.jpg")}#topLayer .colorDrawing{background-image:url("/assets/images/topVisual_paint_pc.jpg")}#topLayer .shadowDrawing{background-image:url("/assets/images/topVisual_shadow_pc.png")}#movieLayer >section{overflow:auto;}#movieLayer >section#story .contents .storyText{width:22.6939970717%;min-width:320px;}#movieLayer >section#story .contents .storyText img{display:inline-block;width:100%}#movieLayer >section#message .contents .inner,#movieLayer >section#news .contents .inner{padding:0;width:58.5615%;max-width:800px;margin:0 auto}#movieLayer >section#news .contents .inner{height:auto;}#movieLayer >section#news .contents .inner .newsBody ul li a{position:relative;padding:15px 5px;}#movieLayer >section#news .contents .inner .newsBody ul li a:before{content:"";position:absolute;left:0;top:0;width:100%;height:0;opacity:0;background-color:#fff;transition:.1s ease-out}#movieLayer >section#news .contents .inner .newsBody ul li a:hover:before{height:100%;opacity:.15}#movieLayer >section#news .contents .inner .viewAllButton a{transition:.1s ease-out;}#movieLayer >section#news .contents .inner .viewAllButton a:hover{background-color:#78f2eb}#movieLayer >section#message .contents .flex{display:-webkit-flex;display:flex;}#movieLayer >section#message .contents .flex .terraWarsLink{margin-left:.5em}#movieLayer >section#message .contents .flex .terraBATTLE1Link{margin-right:.5em}#movieLayer >section#trailer .contents #trailerPlayButton a:after{-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out}#movieLayer >section#trailer .contents #trailerPlayButton a .trailerSample{display:block;position:absolute;left:50%;top:50%;width:140px;height:140px;border-radius:150px;overflow:hidden;opacity:0;-webkit-transition:.5s cubic-bezier(.06,.98,.29,.98);transition:.5s cubic-bezier(.06,.98,.29,.98);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform:translateX(-50%) translateY(-50%) scale(1.3,1.3) rotateX(15deg) rotateY(15deg) rotateZ(15deg);text-align:center;}#movieLayer >section#trailer .contents #trailerPlayButton a .trailerSample video{display:block;position:relative;margin-left:-50%}#movieLayer >section#trailer .contents #trailerPlayButton a:before{background-image:url("/assets/images/trailerPlayButton_circle_pc.png");width:170px;height:170px;margin-left:-85px;margin-top:-85px}#movieLayer >section#trailer .contents #trailerPlayButton a:hover:after{opacity:0}#movieLayer >section#trailer .contents #trailerPlayButton a:hover .trailerSample{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1,1) rotateX(0) rotateY(0) rotateZ(0)}#movieLayer >section#trailer .contents #trailerPlayButton a span{font-size:3.2rem;padding-top:100px;}#movieLayer >section#trailer .contents #trailerPlayButton a span:first-child{font-size:3.6rem;padding-bottom:100px}#movieLayer >section#trailer.show .contents #trailerPlayButton a:before{width:160px;height:160px;margin-left:-80px;margin-top:-80px}#movieLayer >section#trailer.show .contents #trailerPlayButton a:after{border-width:22px 0 22px 36px}#movieLayer >section#news .contents ul{padding-left:0;padding-right:0}#movieLayer >section#news .contents .viewAllButton{padding:0;margin-left:auto;margin-right:auto;width:50%}.en #movieLayer >section#story .contents .storyText{text-align:center;width:44.5827232%;min-width:500px;}.en #movieLayer >section#story .contents .storyText picture{width:100%}#movieLayerControler{bottom:30px;left:50%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:500px;font-size:1.5rem;}#movieLayerControler #autoPlayButton{height:auto;}#movieLayerControler #autoPlayButton .text{display:block;font-size:1.2rem;color:#fff;white-space:nowrap;text-align:center;position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;-webkit-transition:.3s cubic-bezier(0,.92,.01,.99);transition:.3s cubic-bezier(0,.92,.01,.99)}#movieLayerControler #autoPlayButton:hover .text{-webkit-transform:translateX(-50%) translateY(-1.3em);transform:translateX(-50%) translateY(-1.3em)}#movieLayerControler #autoPlayButton:hover .text.clickToPause{opacity:1}#movieLayerControler #autoPlayButton.stop:hover .text.clickToPlay{opacity:1}#movieLayerControler #autoPlayButton.stop:hover .text.clickToPause{opacity:0}#movieLayerControler #sceneSlider .scenePoint:before{-webkit-transition:.2s linear;-webkit-transform-origin:center center;transition:.2s linear;transform-origin:center center}#movieLayerControler #sceneSlider .scenePoint:hover:before{transform:scaleX(1.4) scaleY(1.4)}#informationLayerOpenTrigger{right:90px;top:38px;}#informationLayerOpenTrigger a{padding:10px 23px;-webkit-transition:.12s linear;transition:.12s linear;}#informationLayerOpenTrigger a:hover{background-color:rgba(255,255,255,0.4)}#soundControl{display:block;position:fixed;right:38px;top:38px;}#soundControl audio{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;z-index:-1}#soundControl .controlButton{opacity:.3;-webkit-transition:.12s linear;transition:.12s linear;}#soundControl .controlButton a{display:block;width:36px;height:0;padding-top:34px;overflow:hidden;background:url("/assets/images/icon_sound.png") center center/auto 18px no-repeat;border:1px solid #fff;border-radius:100px;}#soundControl .controlButton a:after{content:"";position:absolute;left:0;top:0;width:42px;height:42px;background:url("/assets/images/icon_sound_line.png") right bottom/contain no-repeat;margin-left:-3px;margin-top:-3px;opacity:0;-webkit-transition:.5s linear;transition:.5s linear;-webkit-animation:4s linear infinite roll;animation:4s linear infinite roll}#soundControl .controlButton:hover{opacity:.5}#soundControl .controlButton.play,#soundControl .controlButton.play a:after{opacity:1}#informationLayer{padding:60px 0;}#informationLayer #campaignBanner{display:table;min-width:780px;text-align:center;}#informationLayer #campaignBanner >div{display:table-cell;padding-left:20px;text-align:center;}#informationLayer #campaignBanner >div:first-child{padding-left:0}#informationLayer #campaignBanner >div a{width:372px;margin:0 auto;}#informationLayer #campaignBanner >div a img{-webkit-transition:.2s ease-out;transition:.2s ease-out}#informationLayer #campaignBanner >div a:hover img{-webkit-filter:brightness(1.2);-moz-filter:brightness(1.2);-o-filter:brightness(1.2);-ms-filter:brightness(1.2);filter:brightness(1.2)}#informationLayer #youtube{width:780px;margin-left:auto;margin-right:auto;}#informationLayer #youtube>ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;}#informationLayer #youtube>ul li{margin-bottom:30px;margin-left:30px;}#informationLayer #youtube>ul li:first-child{margin-left:0}#informationLayer #youtube>ul li a{display:block;}#informationLayer #youtube>ul li a .thumbnail,#informationLayer #youtube>ul li a .videoTitle{width:100%;padding:0}#informationLayer #youtube>ul li a .videoTitle{padding-top:8px}#informationLayer #youtube>ul li a:hover{color:#808080}#informationLayer .inner >ul li a,#informationLayer #youtube >ul li a,#informationLayer #youtube >ul li a .thumbnail img,#informationLayer #officialAccounts > ul li a:hover img,#informationLayer #newsLetter div a img{-webkit-transition:.12s linear;transition:.12s linear;}#informationLayer .inner >ul li a:hover,#informationLayer #youtube >ul li a:hover,#informationLayer #youtube >ul li a .thumbnail img:hover,#informationLayer #officialAccounts > ul li a:hover img:hover,#informationLayer #newsLetter div a img:hover{color:#808080}#informationLayer #youtube >ul li a:hover .thumbnail img,#informationLayer #officialAccounts > ul li a:hover img,#informationLayer #newsLetter div a:hover img{opacity:.7}#topLayer .enterButton{bottom:6.6666666%}#topLayer .copyright{height:2.4em}#topLayer .copyright small a{-webkit-transition:.12s linear;transition:.12s linear;}#topLayer .copyright small a:hover{color:#fff}.mfp-wrap .mfp-close{right:28px;top:28px}.showTrailerBody.mfp-wrap.mfp-ready .mfp-container .mfp-content{text-align:center;width:calc(1080 * 70vh / 1440);height:70vh}.showTrailerBody.mfp-wrap .mfp-close{top:-60px}.ie #movieLayerControler #sceneSlider .scenePoint a {
  -ms-transform: translateX(-45%);
}
.ie #movieLayerControler #sceneSlider #sceneControlButton {
  -ms-transform: translateX(-10px);
}

.ie #movieLayerControler #sceneSlider #sceneControlButton .timerObject {
  width: 28px;
  height: 28px;
  -ms-trasform-origin: center center;
}
.ie #movieLayerControler #sceneSlider #sceneControlButton .timerObject svg {
  opacity: 0;
}
#movieLayer >section#message .contents .inner,
#movieLayer >section#news .contents .inner {
  margin: 0;
}
