@charset "utf-8";



#MV{
	width:100%;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
}

.MV img{
	vertical-align: bottom;
	margin: 0 auto;
}

#obi{
	max-width:100%;
	margin: 0 auto;
	text-align: center;
}
.obi_a img{
	max-width:100%;
}
.obi_b img{
	max-width:100%;
	margin-top: 70px;
	margin-bottom: 35px;
}
.obi_c img{
	max-width:100%;
	margin-bottom: 70px;
}
.obi_d img{
	max-width:100%;
	margin-bottom: -7px;
}

#news_wrap{
}

#news{
	background:#FFFFFF;
	padding:2em 5%;
	text-align:center;
	/*background:#F6F6F6;*/
}
#news .weareopen{
	margin:5px auto 25px;
	padding:10px 0;
	color:#B8191F;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight:bold;
	max-width:1200px;
	/*border:solid 1px #B8191F;*/
	border-top:solid 1px #B8191F;
	border-bottom:solid 1px #B8191F;
}
#news .weareopen span{
	font-size:60%;
}
.bnr{
	padding:2em 5%;
	text-align:center;
}
#campaign{
	background:#EEEEEE;
	text-align:center;
	margin-bottom:20px;
	/*margin-top:20px;*/
}
#info .midashi{
	text-align:center;
	padding:3em 0;
}
#info dl{
	width:60%;
	margin-left:auto;
	margin-right:auto;
	font-size: 14px;
	font-size: 1.4rem; 
}
#info dd{
	margin-bottom:1em;
}
#info{
	background:url(../../img/line.png) no-repeat center bottom;
	padding-bottom:3em;
}
#fivestars .midashi{
	padding:4em 15%;
	text-align:center;
}


#fivestars .copy{
	font-weight:bold;
	color:#000000;
	letter-spacing:0.2em;
}
#fivestars .star_box_in{
	padding:5.5em 2em 2em;
}
#fivestars .category{
	width:50%;
	margin-bottom:0;
}
#fivestars .star_box_ph{
	position:relative;
}
#fivestars .star_box_ph .caption{
	font-size: 11px;
	font-size: 1.1rem;
	color:#FFFFFF;
	position:absolute;
	right:1%;
	bottom:1%;
}

#fivestars .star_box_ph img{
	vertical-align: bottom;
}

#point{
	padding:1%;
}
#point img{
	width:47%;
	margin:1%;
	vertical-align:bottom;
}


#plan-top .midashi{
	padding:5em 15% 0;
	text-align:center;
}
#plan-top .btn{
	padding:3em 15% 5em;
	text-align:center;
}



/*==============================================*/
@media (min-width: 768px) {
/*==============================================*/	
	.drawer-menu li:nth-child(1){
		background:url(../img/gnavi_line_active.png) no-repeat center bottom;
	}
	.drawer-menu li:nth-child(1) a:hover{
		background:none;
	}
	
	#news{
		padding:2.5em 5% 2.5em;
		background:#FFFFFF;
	}
	.bnr{
		/*padding:2.5em 5%;
		margin-top:-15px;*/
	}
	#campaign{
		margin-top:0;
		padding:0 2.5%
	}
	
/*---- Infomation ----*/	
	#info {
		width:90%;
		max-width:1200px;
		margin-left:auto;
		margin-right:auto;
		padding-bottom:3em;
	}
	#info .midashi{
		width:17.5%;
		float:left;
		text-align:left;
		padding:0;
	}
	#info dt{
		display:block;
		width: 6em;
    	float: left;
    	clear: left;
	}
	#info dd{
		padding-left: 7em;
	}
	#info dl{
		width:82.5%;
		float:right;
	}
	
	
	#fivestars .midashi{
		padding:4em 0;
	}
	#fivestars .star_box_in{
		width:50%;
		float:left;
		padding-left:5%;
	}
	
	#fivestars .star_box_ph{
		max-width:100%;
		text-align: center;
	}
	
	#fivestars .star_box_ph img{
		vertical-align: bottom;
	}
	
	#fivestars .star_box_ph{
		height:100%;
	}
	#point{
		width:95%;
		max-width:1200px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:3em;
	}
	#point img{
		width:24%;
		margin:0.5%;
	}
		
	
}