@charset "utf-8";
/* ===================================================================
CSS information

 file name  :rooms.css
 author     :Ability Consultant
style info  :客室ページ設定　ハックは最下部に記述
=================================================================== */

/* -----------------------------------------------------------
	.con_intro		INTRO
----------------------------------------------------------- */
#rooms .con_intro {
	width: 950px;
	margin:110px auto 60px auto;
	text-align:center;
}
#rooms .con_intro h3{
	margin:36px 0 30px 0;
	font-size: 1.5rem;
	font-weight: lighter;
}


/* -----------------------------------------------------------
	.con_view
----------------------------------------------------------- */
#rooms .con_view {
	width: 100%;
	margin:0 auto 70px auto;
	text-align:center;
	color:#000;
	padding:50px 0 50px 0;
	position:relative;
	background-color: rgba(213,219,197,0.8);
}
#rooms .con_view h3{
	margin:0 0 30px 0;
	text-align:center;
	font-size: 1.4rem;
	font-weight: lighter;
	color: #425311;
}
#rooms .con_view p.note {
	width: 950px;
	margin: 0 auto;
	text-align: center;
}

#rooms .con_view .box_view{
	width: 950px;
	margin:30px auto 0 auto;
	overflow:hidden;
}

#rooms .con_view .box_view .con_slope{
	float:left;
}
#rooms .con_view .box_view .con_mountain{
	float:right;
}


/* .head_arrow  .bottom_arrow
----------------------------------------------------------- */
#rooms .con_view .head_arrow{
	position:absolute;
	top:0;
	left:47%;
}

#rooms .con_view .bottom_arrow{
	position:absolute;
	left:47%;
	bottom:-28px;
}


/* -----------------------------------------------------------
	.con_room
----------------------------------------------------------- */
.con_room {
	width: 950px;
	margin: 0 auto;
}
.con_room h3 {
	font-size: 2.2rem;
	text-align: center;
	margin-bottom: 3rem;
	font-weight: 400;
}

.con_room .room_box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 3rem;
}	

.con_room .room_box .note {
	width: 320px;
}
.con_room .room_box .note h4 {
	font-size: 1.2rem;
	margin-bottom: 1rem;
}

.con_room .room_box .floor {
	width: 182px;
	border: 1px solid #aaa;
	background-color: #fff;
}
.con_room .room_box .floor img {
	width: 100%;
}

.con_room .room_box .image {
	width: 400px;
}
.con_room .room_box .image img {
	width: 100%;
}
#jstyle {
	margin-bottom: 8rem;
}
.room_wrap .lead {
	width: 950px;
	height: 508px;
	position: relative;
	margin-bottom: 5rem;
}
#jstyle .lead {
	background: url(../rooms/images/bg_j.png) no-repeat left top;
}
#themain .lead {
	background: url(../rooms/images/bg_main.png) no-repeat left top;
}
.lead .description {
	position: absolute;
	right: 0;
	top: 225px;
	width: 305px;
}
.lead .description h4 {
	margin-bottom: 2rem;
}

/* -----------------------------------------------------------
	.con_info
----------------------------------------------------------- */
#rooms .con_info {
	width: 950px;
	clear:both;
	margin:60px auto 100px auto;
	overflow:hidden;
}
#rooms .con_info table{
	width: 950px;
}
#rooms .con_info h4{
	margin-bottom:30px;
}