@charset "UTF-8";

/* Imports
============================================================================== */
@import url("resets.css");
@import url("txt.css");
@import url("menu.css");

/* BASE
============================================================================== */
body{
	background:#fff100;
	overflow-x:hidden;
	}
#container{
	width:100%;
	overflow:hidden;
	}
.img100{
	display:block;
	max-width: 100%;
	height: auto;
	width /***/:auto;　
	}
.smatabImg{ display:none; }
#aboutImg{
	margin-top:120px;
	width:100%;
	height:302px;
	0-webkit-background-size: cover;
	0background-size: cover;
	background-image:url(../images/about_img.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	color: #fff;
	text-align: center;
	position: relative;
	}
#road{
	width:100%;
	height:6500px;
	position:absolute;
	top:0px;
	left:0;
	background:url(../images/road01.png) center top repeat-y;
	}
#contents{
	width:950px;
	margin-left:50%;
	left:-475px;
	position:relative;
	}
#introBox{ height:816px; position:relative;  }
#storyBox{ height:729px; position:relative; }
#castBox{ height:909px; position:relative; }
#staffBox{ height:1109px; position:relative; }
#triviaBox{ height:810px; position:relative; }
#columnBox{ height:893px; position:relative; }
#goalBox{ height:855px; position:relative; }
@media screen and (max-width: 768px){
		#contents{
		width:100%;
		margin:0;
		left:auto;
		position:relative;
		}
		
	
		#introBox{ height:auto; position:relative; width:90%; padding: 0 5%;  }
		#storyBox{ height:auto; position:relative; width:90%; padding: 0 5%; }
		#castBox{ height:auto; position:relative; width:100%; padding: 0;}
		#staffBox{ height:auto; position:relative; width:90%; padding: 0 5%; }
		#triviaBox{ height:auto; position:relative; width:90%; padding: 0 5%; }
		#columnBox{ height:auto; position:relative; width:90%; padding: 0 5%; }
		#goalBox{ height:auto; position:relative; width:90%; padding: 0 5%; }
	}
#contents h2{ display:none; }
	@media screen and (max-width: 768px){
		
		#contents h2{
			display:block;
			font-size:180%;
			font-family: 'Bitter', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "MS P Gothic", "ＭＳＰゴシック", Verdana, sans-serif;
			color:#e50012;
			margin:40px 0 20px 0;
			padding-bottom:10px;
			border-bottom:2px dashed #fff;
		}
	}
#page-top {
	position:fixed;
	bottom: 15px;
	right:20px;
	z-index:101;
	}

/* goal
============================================================================== */
#goalBox{
	
	}
#goalTitle{
	position:absolute;
	top:180px;
	left:357px;
	}
#goalImg{
	position:absolute;
	bottom:0px;
	left:257px;
	}
#goalImg02{
	position:absolute;
	top:120px;
	left:288px;
	}
#goalImg03{
	position:absolute;
	top:150px;
	left:527px;
	}
	@media screen and (max-width: 768px){
		#goalBox{ display:none; }
	}