@charset "utf-8";
img { vertical-align: bottom; }
a:focus { outline: none; }

body {
	position: relative;
	width: 100%;
	min-width: 1200px;
	overflow-y: scroll;
}

.wrapp {
	position: fixed;
	width: 100%;
	padding: 0 0 47px;
	background: url(../images/body_bg.jpg) no-repeat left bottom;
	background-size: 100% auto;

}
/*
HEADER ------------------------------------------------------------*/
#header {
	width: 100%;
	height: 53px;
	/*background: url(../images/nav_bg.png) repeat-x;*/
	background: #031e3a;
	border-bottom: 3px solid #000;
}
	#header ul {
		width: 655px;
		height: 51px;
		margin: 0 auto;
		overflow: hidden;
	}
	#header li {
		float: left;
		border-left: 1px solid #fff;
	}
	#header li:last-child {
		border-right: 1px solid #fff;
	}


	#header .off {
		opacity: .2;
	}
	.comment_btn img{
		cursor: pointer;
	}

/*
MAIN VISUAL ------------------------------------------------------------*/
#mainvisual {
	width: 100%;
	margin: 0 auto 50px;
}
	.top {
		width: 100%;
		height: 500px;
		background: url(../images/mainvisual.jpg) no-repeat center bottom;
		background-size: cover;
	}
		.topWrapp {
			position: relative;
			width: 1200px;
			height: 100%;
			margin: 0 auto;
		}
		.top h1 {
			position: absolute;
			width: 442px;
			height: 187px;
			top: 0;
			right: 0;
			bottom: 135px;
			left: 0;
			margin: auto;
			opacity: 0;
		}
		.main_copy01 {
			position: absolute;
			width: 92px;
			height: 319px;
			top: 22px;
			right: 124px;
			overflow: hidden;
		}
			.main_copy01 p{
				float: right;
				margin: 0 0 0 13px;
			}
			.main_copy01_01,
			.main_copy01_02 {
				opacity: 0;
			}
		.main_copy02 {
			margin: 0 0 30px;
			text-align: center;
		}
	.roadshow {
		width: 100%;
		height: 40px;
		margin: 0 0 40px;
		text-align: center;
	}
	.award {
		position: absolute;
		width: 354px;
		bottom: 20px;
		left: 10px;
		text-align: left;
	}
	.comment {
		position: absolute;
		width: 211px;
		bottom: 38px;
		left: 380px;
		text-align: left;
	}
	.bluray {
		position: absolute;
		width: 211px;
		bottom: 38px;
		left: 600px;
		text-align: left;
	}
	.cast_img {
		width: 996px;
		margin: 0 auto;
		font-size: 0;
		letter-spacing: -1em;
	}
		.cast_img p {
			display: inline-block;
		}

/*
CAST ------------------------------------------------------------*/
#cast {
	margin: 0 0 50px;
	text-align: center;
}

/*
ORIGINAL INFO ------------------------------------------------------------*/
#originalinfo {
	margin: 0 0 50px;
	text-align: center;
}

/*
BILLING ------------------------------------------------------------*/
#billing {
	margin: 0 0 27px;
	text-align: center;
}

/*
BANNER-------------------------------------------------------------*/
.bnr_area {
	width:  100%;
	margin: 0 0 27px;
	text-align: center;
}
	.bnr {
		display: inline-block;
		vertical-align: middle;
	}
/*
FOOTER ------------------------------------------------------------*/
#footer {
	text-align: center;
}


/*
COMMENT ------------------------------------------------------------*/
#comment_overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100vh;
	min-height: 450px;
	top: 0;
	left: 0;
	cursor: pointer;
}
	.comment_detaile {
		position: fixed;
		display: none;
		width: 925px;
		height: 423px;
		top: 103px;
		left: 50%;
		padding: 50px 0 0;
		background: url(../images/comment_bg.png) no-repeat left top;
		-webkit-transform: translate(-50%, 0);
		   -moz-transform: translate(-50%, 0);
		    -ms-transform: translate(-50%, 0);
		     -o-transform: translate(-50%, 0);
		        transform: translate(-50%, 0);
	}
		.auther_commnet {
			margin: 0 0 34px;
			text-align: center;
		}
		.original_info {
			text-align: center;
		}
		.comment_close {
			position: absolute;
			width: 32px;
			height: 32px;
			top: -42px;
			right: 0;
			cursor: pointer;
		}