@charset "UTF-8";

/*  REVIEW                                 
------------------------------------------- */
#review{
	background: rgb(0,128,133);
	background: -moz-linear-gradient(0deg, rgba(0,128,133,0.9) 10%, rgba(179,29,64,0.9) 60%);
	background: -webkit-linear-gradient(0deg, rgba(0,128,133,0.9) 10%, rgba(179,29,64,0.9) 60%);
	background: linear-gradient(0deg, rgba(0,128,133,0.9) 10%, rgba(179,29,64,0.9) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008085",endColorstr="#b31d40",GradientType=1);
}

@media screen and (min-width:981px){
	#review .content{
		background:url(../images/review01_pc.png) center top no-repeat;
		text-indent:-9999px;
		height:1200px;
		width:940px !important;
	}
}
@media screen and (min-width:769px) and (max-width:980px){
	#review .content{
		background:url(../images/review01_pc.png) center top no-repeat;
		background-size:100% auto;
		text-indent:-9999px;
		height:105vw;
	}
}
@media screen and (max-width:768px){
	#review{
		background:rgba(179,29,64,1) url(../images/review_sp.jpg) center top no-repeat;
		background-size:100% auto;
		background-position:left 30px;
		height:383vw;
	}
	#review .content{
		background:transparent;
		background-size:100% auto;
		text-indent:-9999px;
	}
}

/* SCROLLER */
@media screen and (min-width:769px){
	.simply-scroll-list{
		border-bottom:3px solid #fff;
	}
	.simply-scroll-list li img {
		border-right:3px solid #fff;
		width:360px;
		height:191px;
	}
	}
@media screen and (max-width:768px){
.simply-scroll-list{
	border-bottom:2px solid #fff;
}
.simply-scroll-list li img {
	border-right:2px solid #fff;
	width:260px;
	height:138px;
	}
}



/*  REVIEW02                              
------------------------------------------- */
#review02{
	background:rgba(179, 29, 65,0.9);
	color:#fff;
	padding:30px 0 !important;
	}

@media screen and (min-width:1201px){
	#review02 h4{
	font-size:32px;
	font-weight:700;
	line-height:1.5;
	text-align:center;
	}
}
@media screen and (min-width:769px) and (max-width:1200px){
	#review02 h4{
	font-size: 32px;
	font-weight:700;
	line-height:1.5;
	text-align:center;
	}
}
@media screen and (max-width:768px){
	#review02{
		padding:20px 0 !important;
		}
	#review02 h4{
		font-size: 18px;
		font-weight:700;
		line-height:1.5;
		text-align:center;
	}
}

/*  REVIEW03                              
------------------------------------------- */
#review03{
	background:rgba(149, 184, 185,0.9);
	padding:30px 0 !important;
}

@media screen and (min-width:1201px){
	#review03 h5{
		font-size:22px;
		font-weight:700;
		text-align:right;
		margin-top:10px;
	}
	#review03 h5 .small{ font-size:14px !important; font-weight:700 !important;}
}
@media screen and (min-width:769px) and (max-width:1200px){
	#review03 h5{
		font-size:22px;
		font-weight:700;
		text-align:right;
		margin-top:10px;
	}
	#review03 h5 .small{ font-size:14px !important; font-weight:700 !important;}
}
@media screen and (max-width:768px){
	#review03 h5{
		font-size:16px;
		font-weight:700;
		text-align:right;
		margin-top:10px;
		line-height:1.1;
	}
	#review03 h5 .small{ font-size:12px !important; font-weight:700 !important; }
}


/*  photoArea 02                              
------------------------------------------- */
@media screen and (min-width:769px){
	#photoArea02{
		width:100%;
		height:31vw;
		overflow:hidden;
		background:url(../images/review03_03.jpg) no-repeat;
		background-size:60% auto;
		background-position:top right;
	}
	#photoArea02 li{
		float:left;
		border-right:3px solid #fff;
		border-bottom:3px solid #fff;
		line-height:0;
	}
	#photoArea02 li img{
		width:100%;
		height:auto;
	}
	#photoArea02 li:first-child{ width:32%;}
	#photoArea02 li:nth-child(2){ width:8%; height:54.5%; background:#b80c34;}
	#photoArea02 li:nth-child(3){ clear:both; width: 12%; height:47%; background:#cbdcdc;}
	#photoArea02 li:nth-child(4){ width:28%; }
}
@media screen and (max-width:768px){
	#photoArea02{
			width:100%;
			height:auto;
			overflow:hidden;
			background:url(../images/review03_03.jpg) no-repeat;
			background-size:100% auto;
			background-position:top left;
			padding-top:53.4vw;
		}
		#photoArea02 li{
			float:left;
			border-right:2px solid #fff;
			border-bottom:2px solid #fff;
			line-height:0;
		}
		#photoArea02 li img{
			width:100%;
			height:auto;
		}
		#photoArea02 li:first-child{ width:45%;}
		#photoArea02 li:nth-child(2){ width:10%; height:24.3vw; background:#b80c34;}
		#photoArea02 li:nth-child(3){ width:5%; height:36.5vw; background:#cbdcdc; display:none;}
		#photoArea02 li:nth-child(4){ width:45%; }
	}
}