﻿html{-webkit-text-size-adjust:100%}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,font,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,p{margin:0;padding:0;background:transparent;border:0;outline:0;font-weight:normal;font-size:100%}body{width:100%;line-height:1.5;-webkit-text-size-adjust:100%;font-family:ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;font-size:13px}body,table,input,textarea,select,option{font:Arial, Helvetica, sans-serif}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}em{font-weight:bold;font-style:normal}.clearfix:after{visibility:hidden;display:block;content:" ";clear:both;height:0}header,footer,nav,section,article,main,aside,hgroup{display:block}html{font-size:10px}body{position:relative;overflow-x:hidden;color:#222;font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-size:1.5rem}#page img,#page input{margin:0;max-width:100%;vertical-align:top}a{text-decoration:none}@media (min-width: 751px){.pc{display:block}.sp{display:none}br.pc{display:inline}}@media (max-width: 750px){.pc{display:none}.sp{display:block}br.sp{display:inline}}@media (max-width: 750px){#page{margin:0 auto 0;max-width:640px;position:relative;overflow:hidden}}.hover:hover:hover{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:.7;-khtml-opacity:.7;zoom:1;-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s}#header{display:flex;justify-content:space-between;background-color:#000}@media (min-width: 751px){#header{padding:15px 40px 13px}#header .logo{width:146px}#header .humberger{display:none}#header #globalNav .page li{margin-right:2em;display:inline-block}}@media (min-width: 751px) and (min-width: 641px){#header #globalNav .page li{font-size:1.8rem}}@media (min-width: 751px) and (max-width: 640px){#header #globalNav .page li{font-size:2.8125vw}}@media (min-width: 751px){#header #globalNav .page li.top{display:none}#header #globalNav .page li:last-child{margin-right:0}#header #globalNav .page li a{padding:0 .2em .5em;display:inline-block;color:#fff;font-weight:bold;letter-spacing:.1em}#header #globalNav .page li a:first-letter{color:#e0151e}#header #globalNav .page li a:hover{background:url(/common/img/header_globalnav_bg.png) left bottom repeat-x}#header #globalNav .page li a span{color:#e0151e;font-weight:bold}#news #globalNav li.news a{background:url(/common/img/header_globalnav_bg.png) left bottom repeat-x}#story #globalNav li.story a{background:url(/common/img/header_globalnav_bg.png) left bottom repeat-x}#character #globalNav li.character a{background:url(/common/img/header_globalnav_bg.png) left bottom repeat-x}#message #globalNav li.message a{background:url(/common/img/header_globalnav_bg.png) left bottom repeat-x}#header #globalNav .sns{display:none}}@media (max-width: 750px){#header{padding:1.5625% 1.5625% 1.5625% 2.96875%;position:fixed;top:0;left:0;width:95.46875%;z-index:9999}#header .logo{padding-top:1.80033%;position:relative;width:39.77087%;z-index:10000}#header .humberger{position:relative;width:11.45663%;z-index:10000;cursor:pointer}#header #globalNav{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:9999}#header #globalNav .page{margin-bottom:7.8125%}#header #globalNav .page li a{padding:4.6875% 6.25% 4.6875% 6.875%;display:block;position:relative;color:#fff}}@media (max-width: 750px) and (min-width: 641px){#header #globalNav .page li a{font-size:3.2rem}}@media (max-width: 750px) and (max-width: 640px){#header #globalNav .page li a{font-size:5vw}}@media (max-width: 750px){#header #globalNav .page li a:first-letter{color:#e0151e}#header #globalNav .page li a::after{margin-top:-4px;border-top:2px solid #ce131c;border-right:2px solid #ce131c;position:absolute;top:50%;right:6.25%;width:8px;height:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);content:""}#header #globalNav .page li a span{color:#e0151e;font-weight:bold}#header #globalNav .sns{padding-left:6.875%;display:flex}#header #globalNav .sns li{margin-right:4.69799%;width:10.06711%}}@media (min-width: 751px){#main{margin-bottom:190px}#main #layout{margin:0 auto 0;max-width:1120px}}@media (max-width: 750px){#main{margin-bottom:26.5625%;padding-top:14.0625%}}#main.bgOn{background:url(/common/img/main_bg.png) left top repeat}@media (min-width: 751px){#footer #forTop{display:none;position:fixed;right:20px;bottom:20px;z-index:3}#footer #forTop.bot{bottom:50px}#footer .forTopPage{border:2px solid #e0151e;position:relative;height:328px;background:url(/common/img/footer_for-top_bg.png) left top repeat;text-align:center}#footer .forTopPage a{display:inline-block;position:relative;top:-62px;z-index:2}#footer .inner{padding:10px 40px;display:flex;justify-content:space-between;align-items:center;background-color:#000}#footer .inner small{display:block;color:#fff}}@media (min-width: 751px) and (min-width: 641px){#footer .inner small{font-size:1.2rem}}@media (min-width: 751px) and (max-width: 640px){#footer .inner small{font-size:1.875vw}}@media (min-width: 751px){#footer .inner .link{display:flex;justify-content:space-between;align-items:center}#footer .inner .link .bnr{margin-right:31px;width:184px}#footer .inner .link ul{display:flex;justify-content:space-between;width:82px}#footer .inner .link ul li{width:31px}}@media (max-width: 750px){#footer #forTop{display:none;position:fixed;right:20px;bottom:20px;width:23.4375%;z-index:3}#footer .forTopPage{padding:0 3.90625%;border:2px #e0151e;border-style:solid none;background:url(/common/img/footer_for-top_bg.png) left top repeat;text-align:center}#footer .forTopPage a{margin-top:-12.5%;padding-bottom:6.25%;display:block;position:relative;z-index:2}#footer .inner{display:flex;flex-wrap:wrap}#footer .inner small{padding:.5em;width:100%;color:#fff;background-color:#000;text-align:center;order:2}}@media (max-width: 750px) and (min-width: 641px){#footer .inner small{font-size:2rem}}@media (max-width: 750px) and (max-width: 640px){#footer .inner small{font-size:3.125vw}}@media (max-width: 750px){#footer .inner .link{width:100%;order:1}#footer .inner .link .bnr{display:none}#footer .inner .link .sns{padding:6.25% 0;display:flex;justify-content:center;background-color:#fff}#footer .inner .link .sns li{margin-right:4.375%;width:9.375%}#footer .inner .link .sns li:last-child{margin-right:0}}
