@charset "utf-8";

.reviewTitle{
	position: relative;
	width: 100%;
	height: 113px;
	overflow: hidden;
	margin-bottom: 15px;
	background: url(/botabara/review/img/title_bg_top.png) no-repeat 0 0, url(/botabara/review/img/title_bg_bottom.png) no-repeat 0 bottom, url(/botabara/review/img/title_bg_rep.png) repeat 0 0;
	background-color: #bab8b8;
}

.reviewTitle h2{
	float: left;
	width: 600px;
	padding: 40px 0 0 40px;
	font-size: 22px;
	font-weight: normal;
	color: #820101;
}

.reviewTitle span{
	font-size: 18px;
}

.backnumber {
	position: relative;
	width: 100%;
	height: 25px;
	margin-bottom: 10px;
}

.backnumber .numList {
	position: absolute;
	right: 10px;
	top: 0;
}

.trailerBox h3{
	margin-bottom: 15px;
	text-align: center;
}

.movArea {
	width: 730px;
	height: 410px;
	margin: 0 auto 25px;
}

.mov.pcElem {
	width: 730px;
	height: 410px;
	margin: 0 auto;
}

.reviewTextBox{
	background: #6b0f0f;
}

.reviewText{
	padding: 30px;
	color: #fff;
	line-height: 1.8;
}

.reviewImg{
	overflow: hidden;
}

.reviewImg a{
	display: block;
	float: right;
}

.reviewImg a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}


.reviewImg li{
	overflow: hidden;
	float: left;
	width: 316px;
}

/* スマートフォン用スタイル 画面の横幅が640x以下
==============================*/
@media screen and (max-width: 640px) {

	#pageTitle h1 img{
		width: 220px;
		height: auto;
	}

	.reviewTitle{
		height: auto;
		margin-bottom: 15px;
		background-size: 100% auto, 100% auto, 70px 80px;
	}

	.reviewTitle h2{
		float: none;
		width: auto;
		padding: 15px 7px 15px 7px;
		font-size: 16px;
	}

	.reviewTitle span{
		font-size: 13px;
	}

	.backnumber .numList {
		position: static;
		display: block;
		width: 80%;
		margin: 0 auto;
	}

	.movArea {
		width: 100%;
		height: auto;
		margin: 0 auto 15px;
	}

	.mov.spElem {
		width: 288px;
		height: 159px;
		margin: 0 auto;
	}

	.trailerBox h3 img{
		width: 111px;
	}

	.reviewText{
		float: none;
		width: 100%;
		padding: 7px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

.reviewImg img{
	width: 100%;
}

.reviewImg a{
	display: block;
	float: none;
}



}/*media*/