﻿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:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}ul{list-style:none}img{border:none;vertical-align:bottom}a{outline:none}#gaCol{height:0;overflow:hidden}body #loading{width:100%;height:100%;z-index:100;background:#000;position:fixed}body #loading div{top:50%;left:50%;margin-top:-32px;margin-left:-242px;position:relative;width:484px;height:54px;text-align:center;animation:Flash 2s infinite}body #loading div img{z-index:100}body #loading div:after{content:'';width:100%;height:1px;position:absolute;bottom:0;left:0;background:url(../images/common/bg_loading.png) center bottom no-repeat;animation:Flash 2s infinite}@keyframes Flash{50%{opacity:0.5}}body#console{background:transparent}body .popup{background:url(../images/top/popup/bg_manual.png) center top no-repeat transparent;width:738px;height:473px;text-align:center;margin:auto;font-family:Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;font-size:25px;color:#fff}body .popup h1{padding-top:30px}body .popup p{text-align:center;margin:10px 0 20px}body .popup ul li{width:355px;margin:0 auto 10px}body .gameinfo{background-color:#000;width:600px;margin:auto;padding:20px;line-height:1.5em;border:1px solid rgba(140,140,140,0.6);font-family:Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;text-align:center}body .gameinfo h1{margin-bottom:10px;padding-bottom:5px;font-size:20px;font-weight:bold;color:#e4c69c;border-bottom:1px solid rgba(228,198,156,0.5)}body .gameinfo h1 span{color:#FFF;text-shadow:1px 1px 8px #af9d84,-1px -1px 8px #af9d84}body #movie{z-index:1;overflow:hidden}body #movie #player{position:fixed;z-index:0}body #container{background:url(../images/top/bg_main.png) repeat left top;position:relative}body #container::before{content:'';display:block;background:url(../images/top/bg_main.png) repeat left top,url(../images/common/bg_container.png) top center no-repeat;background-size:auto, cover;width:100%;height:100vh;position:fixed;z-index:-1}body #container header{position:relative;padding-bottom:150px}body #container header h1{top:305px;left:0;width:100%;padding:0}body #container header h1 img{display:block;margin:0 auto}body #container header .logo20thAnniv{position:absolute;padding:25px;top:65px;left:0}body #container header ul.snsCol{width:150px;position:absolute;top:95px;right:20px}body #container header .bnrList{position:absolute;width:100%;top:640px}body #container header .bnrList a{display:block;background:#fff}body #container header .bnrList a img{-webkit-transition:opacity 0.5s, -webkit-transform 0.5s;transition:opacity 0.5s, transform 0.5s}body #container header .bnrList a img:hover{opacity:0.8}body #container header .bnrList>a{width:450px;margin:0 auto}body #container header .bnrList ul{overflow:hidden;*zoom:1;width:910px;margin:10px auto 0}body #container header .bnrList ul li{float:left}body #container header .bnrList ul li:nth-child(2n+2){margin-left:10px}body #container header .bnrList ul li:nth-child(n+3){margin-top:10px}body #container header .bnrList ul li img{width:450px}body #container header .btnCol{position:absolute;top:670px;left:0;right:0}body #container header .btnCol ul{display:flex;justify-content:center;margin-bottom:15px}body #container header .btnCol ul li{margin:0}body #container header .btnCol ul:nth-child(2){margin-bottom:0}body #container header .btnCol ul:nth-child(2) li{margin-right:3px}body #container header .btnCol ul:nth-child(2) li:last-child{margin-right:0}body #container main{background:none;padding:0;margin:720px auto 0;border-top:1px solid #655f4d}body #container main .infoCol{padding:60px 0;border-top:1px solid #655f4d;width:100%;background:url(../images/top/bg_information.png) top center no-repeat;background-attachment:fixed;background-size:cover;text-align:center}body #container main .infoCol h2{margin:0 auto 50px;margin-bottom:35px}body #container main .infoCol div.bnrPickUP ul li{margin-bottom:35px}body #container main .infoCol ul.newsCol{width:1000px;margin:0 auto;overflow:hidden;*zoom:1}body #container main .infoCol ul.newsCol li{position:relative;width:318px;float:left;background:#100d0c;border:1px solid #a79b86;overflow:hidden;margin:0 20px 20px 0;line-height:1.2em;font-size:12px}body #container main .infoCol ul.newsCol li div.icoNews{width:318px;height:205px;overflow:hidden}body #container main .infoCol ul.newsCol li div.icoNews img{width:318px;-webkit-transition:opacity 0.5s, -webkit-transform 0.5s;transition:opacity 0.5s, transform 0.5s}body #container main .infoCol ul.newsCol li:nth-child(3n){margin-right:0}body #container main .infoCol ul.newsCol li dl{padding:15px 15px 35px 15px}body #container main .infoCol ul.newsCol li dl dt{display:block;position:absolute;right:15px;bottom:12px;text-align:right;color:#ddc8a2}body #container main .infoCol ul.newsCol li dl dd{text-align:left}body #container main .infoCol ul.newsCol li dl dd span{width:100%;display:inline-block;padding-top:.5em}body #container main .infoCol ul.newsCol li.newInfo:after{content:'';width:56px;height:56px;position:absolute;top:0;left:0;background:url(../images/common/ico_new.png) top left no-repeat}body #container main .infoCol ul.newsCol li.icoPlay div.icoNews:after{content:'';width:65px;height:65px;position:absolute;top:70px;left:126px;background:url(../images/top/info/ico_play.png) top left no-repeat}body #container main .infoCol ul.newsCol li:hover div.icoNews img{-webkit-transform:scale3d(1.2, 1.2, 1);transform:scale3d(1.2, 1.2, 1)}body #container main .infoCol ul.newsCol+.holder a{display:inline-block;background:#161616;width:38px;height:29px;font-size:1.4em;color:#978770;text-align:center;padding:9px 0 0;border:solid 1px #978770;cursor:pointer}body #container main .infoCol ul.newsCol+.holder a.jp-current{background:#978770;color:#000;pointer-events:none}body #container main .infoCol ul.newsCol+.holder a.jp-previous,body #container main .infoCol ul.newsCol+.holder a.jp-next{display:none}body #container main .infoCol ul.newsCol+.holder a.jp-previous+a,body #container main .infoCol ul.newsCol+.holder a.jp-next+a{margin-left:0}body #container main .infoCol ul.newsCol+.holder a+a,body #container main .infoCol ul.newsCol+.holder a+span{margin-left:10px}body #container main .infoCol ul.newsCol+.holder a:hover{background:#50483b}body #container main .infoCol ul.newsCol+.holder span{color:#978770}body #container main .infoCol ul.newsCol+.holder span+a{margin-left:10px}body #container main .specCol{width:100%;border-top:1px solid #655f4d;background:url(../images/top/bg_spec_2.png) top center no-repeat,url(../images/top/bg_spec.png) top center no-repeat;background-size:cover, cover;background-attachment:fixed, fixed;padding:50px 0}body #container main .specCol h2{width:455px;margin:0 auto}body #container main .specCol .imgSpec{width:1000px;padding:30px 0;margin:0 auto}body #container footer{margin-top:0}body #container footer #bnrNierOfficial{padding:15px 0;border-top:1px solid rgba(50,50,50,0.8)}body #container footer #bnrNierOfficial a{display:block;background:#fff;width:600px;margin:0 auto}body #container footer #bnrNierOfficial a img{-webkit-transition:all 0.5s;transition:all 0.5s}body #container footer #bnrNierOfficial a:hover img{opacity:0.9}body #container footer p.eula{padding:15px 0;font-size:13px;line-height:1.4;border-top:1px solid rgba(50,50,50,0.8)}body #container footer p.eula a{color:#ddc8a2;text-decoration:underline}
