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

 file name  :rooms.css
 author     :Ability Consultant
style info  :客室
=================================================================== */
/*-----------------------------------------------------------
	gnavのactive設定
	$gnav: roo,bre,fac,sig,acc,gro,pac;
-----------------------------------------------------------*/
#gnav ul li.gnav_roo a {
	background-position: 0 -59px;
}

/*-----------------------------------------------------------
	.con_intro
	イントロ
-----------------------------------------------------------*/
.con_intro {
	margin-bottom: 80px;
}

.con_intro h3,
.con_intro .txt {
	text-align: center;
	margin-bottom: 25px;
	font-size: .9em;
	line-height: 1.8;
}

.con_intro h3 span,
.con_intro .txt span {
	color: #b28d25;
	font-weight: bold;
}

.con_intro ul {
	overflow: hidden;
}

.con_intro ul li {
	width: 16.66667%;
	float: left;
}

.con_intro ul li a {
	display: block;
	padding: 10px 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	text-align: center;
}

.con_intro ul li a:hover {
	background: #dbe3ff;
}

.con_intro ul li a:hover img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

/*-----------------------------------------------------------
	.con_rooms
	客室
-----------------------------------------------------------*/
.con_rooms {
	margin-bottom: 100px;
	overflow: hidden;
}

.con_rooms .img {
	margin-bottom: 30px;
}

.con_rooms .txt {
	margin-bottom: 10px;
}

.con_rooms .txt span {
	color: #b28d25;
	font-weight: bold;
}

.con_rooms .txt_lnk {
	margin-bottom: 15px;
}

.con_rooms .txt_lnk:before {
	content: "▼";
	margin-right: 5px;
}

.con_rooms .box_rooms {
	float: left;
	width: 54%;
	padding-right: 20px;
	margin-bottom: 20px;
}

.con_rooms .box_rooms .box_gallery {
	border: 1px dotted #ccc;
	padding: 15px 20px;
	margin-bottom: 10px;
}

.con_rooms .box_rooms .box_gallery h4 {
	text-align: center;
	margin-bottom: 15px;
	font-family: "Times New Roman";
	font-size: 1.2em;
}

.con_rooms .box_rooms .box_gallery ul {
	overflow: hidden;
	letter-spacing: -.4em;
	text-align: center;
}

.con_rooms .box_rooms .box_gallery ul li {
	letter-spacing: normal;
	width: 25%;
	display: inline-block;
}

.con_rooms .box_rooms .box_gallery ul li a {
	display: inline-block;
	text-align: center;
	position: relative;
}

.con_rooms .box_rooms .box_gallery ul li a:after {
	content: url(../images/common/ic_plus.png);
	position: absolute;
	width: 15px;
	height: 15px;
	right: 0;
	bottom: 0;
}

.con_rooms .box_spec {
	float: right;
	width: 46%;
	margin-bottom: 20px;
}

.con_rooms .btn {
	clear: both;
	text-align: center;
	background: #e5e5e5;
	padding: 15px 0;
}

/*-----------------------------------------------------------
	.con_info
	客室情報
-----------------------------------------------------------*/
.con_info .inner {
	background: #fff;
	padding: 30px;
	margin-bottom: 30px;
}

.con_info .inner .img_faci {
	text-align: center;
	margin-bottom: 40px;
}

.con_info .inner table {
	margin-bottom: 40px;
}

.con_info .inner .con_child {
	background: #fff;
	overflow: hidden;
}

.con_info .inner .con_child h4 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-size: 1.2em;
	margin-bottom: 15px;
}

.con_info .inner .con_child h4 span {
	font-size: .7em;
	margin-left: 15px;
	color: #b28d25;
}

.con_info .inner .con_child .img {
	float: left;
	width: 30%;
}

.con_info .inner .con_child .detail {
	float: left;
	width: 70%;
	padding-left: 15px;
}

.con_info .inner .con_child .detail h5 {
	color: #46030f;
	font-size: 1.1em;
}

.con_info .inner .con_child .detail p span {
	color: red;
}

.con_info .bn_list {
	padding-top: 30px;
	text-align: center;
}

.con_info .bn_list li {
	display: inline-block;
	margin: 0 5px;
}