@charset "utf-8";

/* 全体共通(表示・非表示制御) */

.spout{
	display:none;
}
@media screen and (max-width: 619px){
	.spout{
	display:block;
	}
}

/* 全体共通 */

.txt_center{
	text-align:center;
}

.f_left{
	float:left;
}

.f_right{
	float:right;
}

.f_clear{
	clear:both;
}


/* story ----------*/
.img_story{
	background:url(../images/img_story.jpg) no-repeat;
	width:625px;
	height:726px;
	margin:0 auto;
}
	.img_story p{
		display:none;
	}
	@media screen and (max-width: 619px){
		.img_story{
			background:none;
			width:98%;
			height:auto;
			padding: 0 0 10px;
		}
		.img_story p{
			display:block;
		}
	}
/* staff ----------*/
.staffbox {
	margin: 0px;
	padding: 0px;
	width: 579px;
	overflow:hidden;
}
	.staffbox dt {
		margin: 0px;
		padding: 0px 0px 6px 0px;
		float: left;
		width: 190px;
	}
	.staffbox dd {
		margin: 0px;
		padding: 0px 0px 6px 0px;
		width:389px;
		float:left;
	}
	.ttl_song{
		color:#00988f;
		font-weight:bold;
	}
	@media screen and (max-width: 619px){
		.staffbox {
			width: 100%;
		}
			.staffbox dt {
				width:100%;
				padding: 0px 0px 6px 0px;
				font-weight:bold;
				color:#001a8e;
				float: none;
			}
			.staffbox dd {
				width:100%;
				padding: 0px 0px 6px 0px;
				float:none;
			}
	}
/* chara ----------*/
.img_chara{
	width:625px;
	height:auto;
	margin:0 auto;
}
	@media screen and (max-width: 619px){
		.img_chara{
			width:100%;
			padding:0;
		}
	}
/* story ----------*/
.movie_bg{
	background:url(../images/img_moviebg.jpg) no-repeat;
	width:560px;/*600*/
	height:315px;/*355*/
	margin:0 auto;
	padding:00px;
}

/* trailer ----------*/
.trailer_bg{
	width:550px;
	height:309px;
	margin:1em auto 0;
}
	@media screen and (max-width: 619px){
		.trailer_bg{
			width:100%;/*590*/
			height:auto;/*370*/
			padding:0;
			text-align:center;
		}
	}

/* data ----------*/
.databox,
.databox_caution{
	margin: 0;
	padding: 23px 56px 15px;
	overflow: hidden;
}
	.databox .imgbox{
		margin:0 0 15px;
		text-align:center;
	}
	.databox p{
		margin:0 0 15px;
	}
	.databox .dataspe{
		font-weight:bold;
		color:red;
	}
	.datattl{
		background: url(../images/img_article_headerborder.png) bottom center no-repeat;
		width: 579px;
		min-height: 38px;
		margin: 0 0 15px;
		font-size: 16px;
		font-weight: bold;
		color:#001a8e;
	}
	ul.data{
		font-weight:normal;
	}
		ul.data li{
			list-style-type: disc;
			list-style-position:inside;
			padding:0 0 2px;
		}
	@media screen and (max-width: 619px){
		.databox,
		.databox_caution{
			padding: 0 0 20px;
			border-bottom: 1px solid #fff;
		}
		.databox .btn_submit{
			width:62.91%;
		}
		.databox_caution .datattl{
			margin:0 0 5px;
		}
		.databox img{
			width:95%;
		}
		.datattl{
			background:none;
			width: 100%;
			height: auto;
			min-height:inherit;
			padding: 8px 5px;
			font-size: 14px;
		}
	}

/*これまでのお話ナビゲーション*/
#epinav {
	padding: 10px 0 10px;
	text-align: center;
	width: 100%;
	clear:both;
}
#epinav a {
	color: #2c4fdc;
	font-weight: bold;
	text-decoration: underline;
	background-color:#76ff96;
	border:solid 1px #2c4fdc;
	padding:4px 8px;
}

.current_page{
	color: #e61910;
	background-color:#fff500;
	padding:4px 8px;
	border:solid 1px #e61910;
}

	@media screen and (max-width: 619px){
		#epinav{ padding: 2% 0; width: auto;}
		#epinav a{ color: #2c4fdc; text-decoration: underline; background-color: inherit; border: none; padding:1px;}
		.current_page{ padding:1px 4px;}

	}