﻿html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}*,*::after,*::before{box-sizing:border-box}div,span,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,article,section,p,a,img,table,td,th,blockquote,input,textarea,select,option,time{line-height:1.6em;color:#181818;font-weight:600;font-style:normal;font-family:'Noto Sans Japanese','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;background:none;word-wrap:break-word;overflow-wrap:break-word;font-size:18px}html,body{width:100%;height:100%;min-height:100%}body{background:#181818;position:relative}p{margin-bottom:1em}ul{list-style:none}a{color:#fd8204;text-decoration:underline;outline:none}a:visited,a:active{color:#fd8204}a:hover{color:#6acdb1}em{font-style:normal}.youtubeWrapper{position:relative;height:0;overflow:hidden;padding-top:56.25%}.youtubeWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.blackBgText{color:#fff;background:#000;display:inline;height:30px;padding:0 0.5em;line-height:1.8em}.newInfo{position:absolute;top:0;left:0;width:0;height:0;display:block;text-decoration:none;text-indent:-9999px;overflow:hidden;line-height:0em}#common-bg{width:100%;height:100%;min-height:100%;position:fixed;top:0;z-index:1}#common-bg #bg1,#common-bg #bg2{width:100%;height:100%;min-height:100%;position:absolute;top:0}#common-bg #bg1{z-index:1;background:url("common-bg/bg.gif") center top repeat}#common-bg #bg2.sp1{background-image:url("common-bg/sp_01.jpg")}#common-bg #bg2.sp2{background-image:url("common-bg/sp_02.jpg")}#common-bg #bg2.sp3{background-image:url("common-bg/sp_03.jpg")}#common-bg #bg2.sp4{background-image:url("common-bg/sp_04.jpg")}#common-bg #bg2.sp5{background-image:url("common-bg/sp_05.jpg")}#common-bg #bg2.sp6{background-image:url("common-bg/sp_06.jpg")}#common-bg #bg2.sp7{background-image:url("common-bg/sp_07.jpg")}#common-bg #bg2{z-index:0;background-size:cover}header{width:100%;min-width:640px;background:#fff;height:40px;margin:0 auto;padding:0;overflow:hidden;position:relative;z-index:1003}header div{width:100%;margin:0 auto}header div:after::after{content:".";display:block;height:0px;clear:both;line-height:0;visibility:hidden}header div h1{float:left;width:78px;height:26px;padding-top:7px;padding-left:5px;background:none}header div Ul{float:right;height:25px;padding-top:7px;padding-right:5px}header div Ul li{width:25px;height:25px;float:right;margin-left:3px}header div Ul li:last-child{width:300px;margin-right:15px}footer{background:#fff;width:100%;min-width:640px;padding:15px 0px 20px;position:relative;z-index:1001}footer h1{text-align:center;padding:0 0 5px}footer div{width:100%;height:78px;background:#000;padding:10px 0;margin-bottom:10px}footer div>img{display:block;margin:0 auto}footer div>p{display:block;text-align:center;margin:0 auto;padding-top:3px;width:640px}footer div>p img{width:24%;height:auto}footer ul li{display:table-cell;vertical-align:middle;padding-right:10px}footer ul:after::after{content:".";display:block;height:0px;clear:both;line-height:0;visibility:hidden}footer p,footer a{clear:both;font-size:small;text-align:center}footer a{padding:0 5px}nav{position:fixed;width:100%;top:0;z-index:1005}nav #nav-top{position:fixed;width:50px;height:50px;bottom:-200px;right:20px;z-index:1;transition:transform 0.3s linear}nav #nav-top a{display:block;width:50px;height:50px;display:block;text-decoration:none;text-indent:-9999px;overflow:hidden;line-height:0em;background-image:url("nav/button_top.gif");background-position:0 top !important}nav #nav-top a:hover{background-position:0 bottom !important}nav #nav-top.active{transform:translateY(-220px)}nav #nav-navigation{width:100%;height:100%;background:#181818;position:fixed;top:0;z-index:2000;display:none}nav #nav-navigation h1{width:70%;margin:0 auto;padding:20px 0}nav #nav-navigation h1 img{width:100%;height:auto}nav #nav-navigation ul{width:50%;margin:0 auto;position:relative}nav #nav-navigation ul li{position:relative}nav #nav-navigation ul li a{position:relative;display:block;width:100%}nav #nav-navigation ul li div{width:100%}nav #nav-navigation ul li div img{width:100%}nav #nav-navigation ul li div:nth-child(2){position:absolute;top:0;opacity:0}nav #nav-navigation #nav-close{position:fixed;width:50px;height:50px;top:50px;right:20px;cursor:pointer;z-index:5}nav #nav-menu{position:fixed;width:50px;height:50px;top:50px;right:20px;z-index:2000;cursor:pointer;z-index:1}body.pageGame nav ul li:nth-child(1) div:nth-child(2){opacity:1 !important}body.pageCharacter nav ul li:nth-child(2) div:nth-child(2){opacity:1 !important}body.pageMovie nav ul li:nth-child(3) div:nth-child(2){opacity:1 !important}body.pageDlc nav ul li:nth-child(4) div:nth-child(2){opacity:1 !important}#common-contents{position:relative;width:100%;z-index:1000;background:url("common-contents/common-contents.png")}#common-contents #contents-wrapper{width:640px;min-width:640px;overflow:hidden;margin:0 auto}/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */html.swipebox-html.swipebox-touch{overflow:hidden !important}#swipebox-overlay img{border:none !important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999 !important;overflow:hidden;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide .swipebox-inline-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100% !important;height:100% !important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(swipebox/loader.gif) no-repeat center center}#swipebox-bottom-bar,#swipebox-top-bar{transition:0.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{transform:translate3d(0, -50px, 0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{transform:translate3d(0, 50px, 0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url(swipebox/icons.png);background-repeat:no-repeat;border:none !important;text-decoration:none !important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-prev.disabled,#swipebox-next.disabled{opacity:0.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{animation:rightSpring 0.3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{animation:leftSpring 0.3s}.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{backface-visibility:hidden;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;box-shadow:inset 10px 0px 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;box-shadow:inset -10px 0px 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1}.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width: 800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px black;background:#000;opacity:0.95}#swipebox-top-bar{color:#fff !important;font-size:15px;line-height:43px;font-family:Helvetica, Arial, sans-serif}
