﻿@keyframes horizontal01{0%{transform:translateX(-5px)}100%{transform:translateX(0px)}}@keyframes vertical01{0%{transform:translateY(-20px)}100%{transform:translateY(0px)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes jump01{0%{transform:translateY(400px);opacity:0}20%{opacity:1}80%{transform:translateY(-20px)}100%{transform:translateY(0px)}}@keyframes rotate01{0%{transform:rotate(360deg) scale(0.1, 0.1);opacity:0}20%{opacity:1}80%{transform:rotate(-3deg) scale(1.05, 1.05)}100%{transform:rotate(0deg) scale(1, 1)}}@keyframes rotate02{0%{transform:rotate(-45deg) scale(0.1, 0.1);opacity:0}20%{opacity:1}80%{transform:rotate(3deg) scale(1.05, 1.05)}100%{transform:rotate(0deg) scale(1, 1)}}@keyframes rotateMinus{0%{transform:rotate(360deg) scale(0.1, 0.1);opacity:0}20%{opacity:1}80%{transform:rotate(-10deg) scale(1.05, 1.05)}100%{transform:rotate(-5deg) scale(1, 1)}}@keyframes rotatePlus{0%{transform:rotate(-360deg) scale(0.1, 0.1);opacity:0}20%{opacity:1}80%{transform:rotate(10deg) scale(1.05, 1.05)}100%{transform:rotate(5deg) scale(1, 1)}}@keyframes slideLeft{0%{transform:translateX(800px);opacity:0}20%{opacity:1}80%{transform:translateX(-20px)}100%{transform:translateX(0px)}}@keyframes slideRight{0%{transform:translateX(-800px);opacity:0}20%{opacity:1}80%{transform:translateX(20px)}100%{transform:translateX(0px)}}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}#common-loading{width:100%;height:100%;position:fixed;background:#000;top:0;z-index:10000}#common-loading div{margin:0 auto;width:300px;text-align:center;top:45%;position:relative}#common-loading div p{color:#e8d8c0}*,*::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}body>iframe{display:block;width:0 !important;height:0 !important;position:absolute;top:-5000px;left:-5000px}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}.newInfo1{width:64px;height:20px;overflow:hidden;display:block;background:url("common-class/newInfo.png") no-repeat;position:absolute;top:5px;right:5px;display:block;text-decoration:none;text-indent:-9999px;overflow:hidden;line-height:0em}.newInfo2{width:32px;height:10px;overflow:hidden;display:block;background:url("common-class/newInfo2.png") no-repeat;position:absolute;top:5px;right:5px;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,#common-bg #bg3{width:100%;height:100%;min-height:100%;position:absolute;top:0}#common-bg #bg1{background:url("common-bg/bg.gif") center top repeat}#common-bg #bg2{transform:rotate(-5deg) scale(1.2);background-image:url(common-bg/pc_bg2.png),url(common-bg/pc_bg1.png);background-repeat:repeat, repeat;background-position:top left, top left;background-attachment:scroll, scroll}header{width:100%;min-width:1000px;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:1000px;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}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{width:100%;height:auto;min-width:1000px;position:absolute;z-index:1002}nav>p{position:fixed;width:50px;height:50px;bottom:-200px;right:20px;z-index:1010;transition:transform 0.3s linear}nav>p 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>p a:hover{background-position:0 bottom !important}nav>p.active{transform:translateY(-220px)}nav div{line-height:0;position:relative;width:100%;overflow:hidden;z-index:19}nav div h1{position:absolute;top:4.13223%;left:.5%;z-index:25;width:27.77778%}nav div h1 img{width:100%;height:auto}nav div img#nav-bg{width:100%;height:auto;position:relative;z-index:10}nav div ul{top:0;z-index:20;top:36.36364%;position:absolute;width:100%;height:40%;left:0;display:block;line-height:0;transform:rotate(-5deg)}nav div ul li{z-index:25;display:block;position:absolute;width:16.66667%}nav div ul li:nth-child(1){left:29.0%}nav div ul li:nth-child(2){left:46.5%}nav div ul li:nth-child(3){left:64%}nav div ul li:nth-child(4){left:81.5%}nav div ul li a{display:block;position:relative;transition:transform 0.15s ease-in-out}nav div ul li a div img{width:100%}nav div ul li a div:nth-child(2){opacity:0}nav div ul li a:hover{transform:scale(1.05)}nav div ul li a:hover div:nth-child(2){transition:opacity 0.2s ease-in-out;opacity:1}nav div ul li div{position:absolute;top:0}nav div ul li div img{width:100%}body.pageGame nav div ul li:nth-child(1) div:nth-child(2){opacity:1 !important}body.pageCharacter nav div ul li:nth-child(2) div:nth-child(2){opacity:1 !important}body.pageMovie nav div ul li:nth-child(3) div:nth-child(2){opacity:1 !important}body.pageDlc nav div ul li:nth-child(4) div:nth-child(2){opacity:1 !important}#common-contents{position:relative;width:100%;min-width:1000px;margin:0 auto;z-index:1000;overflow:hidden}/*! 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}
