<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
body,html {
	width:100%;background: #000;
	height:100%;
	
	}

body:after {
	content:"";
	position:fixed;
	top:-10px;
	left:-10px;
	z-index:9999;
	width:110%;
	height:10px;

	}
body,p,li{font-size:12px;-webkit-text-size-adjust: 100%;word-break: normal;word-wrap: break-word;}


#all{padding-top: 85px;width: 100%;background: url(../img/all_bg.jpg);min-width:1200px;font-family:'Belgrano','Didact Gothic',"ヒラギノ明朝 Pro W3", "Hiragino Kaku Gothic Pro",Arial,Helvetica, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.inner{width:980px;margin: 0 auto;position:relative}
.inner2{max-width:1200px;min-width:980px;margin: 0 auto;position:relative}
.inner3{max-width:1200px;margin: 0 auto;position:relative}

header{position: fixed;width: 100%;z-index: 9999;top:0;	left:0;}

#area-0{height: 27px;background: #000;color:#fff;text-align:right;padding-top: 10px;}
#area-0 a{color:#fff;font-family:'Belgrano','Didact Gothic',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Arial,Helvetica, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#area-0 img{position: absolute;left: 0;top: -10px;}

#area-menu{background: url(../../img/blbg.png);border-top:1px solid #333;}
#area-menu h2{float:left;margin: 0 50px 0 0 ;}
#area-menu ul{height: 54px;}
#area-menu ul&gt;li{text-align:center;width: 100px;float: left;border-right:1px solid #555;margin-top: 16px;}
#area-menu ul&gt;li:first-child{border-left:1px solid #555;}
#area-menu ul&gt;li&gt;a{font-family: 'Oswald', sans-serif;color:#fff;font-size:150%;font-weight:700;width: 100px;display:block;}

#area-mainvisual{height: 1056px;background: url(../img/mainvisual.png) center top no-repeat;min-width: 980px;}
#area-mainvisual #social{position: absolute;right:0;top:20px;}
#area-mainvisual h1{position: absolute;left:389px;top:300px;}
#area-mainvisual h2{position: absolute;right:210px;top:550px;}
#area-mainvisual h3{position: absolute;left:260px;top:930px;}
#area-mainvisual h4{position: absolute;left:20px;top:20px;}

#area-comment{background: rgba(255,255,255,0.4);;height: 1030px;margin-top: -20px;}
#area-comment h2{position: absolute;width: 100%;top:0px;}
#area-comment .inner{padding-top: 70px;}
#area-comment .inner &gt;a{display: block;position:absolute;top:580px;left:300px}


#area-story{padding-bottom: 40px;}
#area-story .box{height: 340px;}
#area-story .box &gt;.gad{background: url(../img/story_gad.png) center 15px no-repeat;position: absolute;width: 980px;height: 375px;}
#area-story .box &gt;.gad &gt; p {text-align: center;margin-top: 40px;}

#area-character{background: rgba(255,255,255,0.4);padding-bottom: 40px;}
#area-character ul &gt; li{border:5px solid #000;float:left;}
#area-character ul &gt; li &gt;div{background: url(../img/character_sts.png)  50px top no-repeat;padding: 60px 0 0 80px;}
#area-character ul &gt; li.c1{width: 970px;background: url(../img/c1.jpg) #fff no-repeat top right;height: 411px;margin-bottom: 20px;}
#area-character ul &gt; li.c2{width: 970px;background: url(../img/c2.jpg) #fff no-repeat top right;height: 348px;margin-bottom: 20px;}
#area-character ul &gt; li.c3{width: 302px;background: url(../img/c3.jpg) #fff no-repeat top left;height: 145px;margin-right: 22px;padding-top: 250px;text-align:center;;}
#area-character ul &gt; li.c4{width: 302px;background: url(../img/c4.jpg) #fff no-repeat top left;height: 145px;margin-right: 22px;padding-top: 250px;text-align:center;}
#area-character ul &gt; li.c5{width: 302px;background: url(../img/c5.jpg) #fff no-repeat top left;height: 145px;padding-top: 250px;text-align:center;}


#area-special{padding-bottom: 40px;}
#area-special .gad{background: url(../img/special_gad.png) center top no-repeat;width: 980px;position:relative;text-align: center;}
#area-special .gad &gt; .special_img{}
#area-special .gad &gt;.abs{position:absolute;}
#area-special .gad &gt;.special_gd1{top:300px;left:50px;}
#area-special .gad &gt;.special_gd2{bottom:-20px;left:0;}
#area-special .gad &gt;.special_gd3{bottom:0;right:50px;}
#area-special .gad &gt;.special_gd4{top:150px;left:250px;display:none;}

#area-interview{background: rgba(255,255,255,0.4);padding-bottom: 40px;}
#area-interview ul{padding: 50px;}
#area-interview ul &gt; li{font-size:130%;}
#area-interview ul &gt; li.q{border-bottom:2px solid #cdcdcd;font-weight:bold;color:#dd0c41;font-size:150%;margin-bottom: 20px;}
#area-interview ul &gt; li.a{margin-bottom: 40px;}
#area-interview ul &gt; li.a:last-child{margin-bottom: 0;}

#area-books{padding-bottom: 40px;}
#area-books #series &gt;ul{text-align:center;}
#area-books #series &gt;ul &gt;li{display:inline-block;text-align:left;font-size:130%;}
#area-books #series &gt;ul &gt;li h4{margin-bottom: 1em;;}
#area-books #series &gt;ul &gt;li p{font-size:90%;margin-bottom: 1.8em;}
#area-books #series &gt;ul &gt;li &gt;a{display:block;float:left;margin-right: 20px;}
#area-books #series &gt;ul &gt;li &gt;a&gt;img{width: 190px;}
#area-books #series &gt;ul &gt;li &gt;.information{width: 385px;;}

#area-other{background: rgba(255,255,255,0.4);padding: 40px;}
#area-other ul&gt;li{float:left;width: 245px;;}


.ttl{text-align:center;padding: 40px 0;}
.box{border:5px solid #000;background: #fff;}




/*foot 差し替え*/
#Foot{ min-width: 1200px;}
#foot_menu {
	min-width: 1200px;
    background: #eee7cc none repeat scroll 0 0 !important;
    border-top: 1px solid #000;
    color: #000;
    margin-top: 0 !important;
    padding: 1em 0;
    text-align: center;
}
#foot_menu a {
    color: #000;
}
#Foot ul {
    text-align: center;
}
#Foot ul li {
    display: inline-block;
    float: none;
}
#Foot em.txt {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding-left: 0;
    text-align: center;
}
</pre></body></html>