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

 file name  : rooms.css
 author     : Ability Consultant
style info  : 客室 ページ設定
=================================================================== */

/*----------------------------------------------------
	.con_intro		イントロ部分
----------------------------------------------------*/
.con_intro {
	width: 950px;
	margin: 0 auto 30px;
}

.con_intro h3 {
	text-align: center;
	margin: 0 0 25px;
}

.con_intro p {
	text-align: center;
}


/*----------------------------------------------------
	.con_point		ポイント
----------------------------------------------------*/
.con_point {
	margin-bottom: 50px;
}

.con_point h3 {
	margin-bottom: 50px;
}

.con_point h4 {
	margin-bottom: 10px;
}

.con_point ul {
	margin-bottom: 20px;
	overflow: hidden;
}
#rooms .con_point ul li {
	float: left;
}
#rooms .con_point ul li a {
	display: block;
	overflow: hidden;
	padding-top: 45px;
	height: 0;
	background-repeat: no-repeat;
	background-position: center center;
	width: 190px;
}

#rooms .con_point ul li a[href="#sin"] {
	width: 318px;
	background-image: url(../images/rooms/btn_sin.png);
}
#rooms .con_point ul li a[href="#sp_sin"] {
	width: 316px;
	background-image: url(../images/rooms/btn_sp_sin.png);
}
#rooms .con_point ul li a[href="#sp_dou"] {
	width: 316px;
	background-image: url(../images/rooms/btn_sp_dou.png);
}
#rooms .con_point ul li a[href="#dx_sin"] {
	background-image: url(../images/rooms/btn_dx_sin.png);
}
#rooms .con_point ul li a[href="#dx_dou"] {
	background-image: url(../images/rooms/btn_dx_dou.png);
}
#rooms .con_point ul li a[href="#exe_sin"] {
	background-image: url(../images/rooms/btn_exe_sin.png);
	width: 237px;
}
#rooms .con_point ul li a[href="#exe_dou"] {
	background-image: url(../images/rooms/btn_exe_dou.png);
	width: 238px;
}
#rooms .con_point ul li a[href="#sp_tw"] {
	background-image: url(../images/rooms/btn_sp_tw.png);
	width: 238px;
}
#rooms .con_point ul li a[href="#exe_tw"] {
	background-image: url(../images/rooms/btn_exe_tw.png);
	width: 237px;
}

/*----------------------------------------------------
	.con_roo		客室共通（2カラム）
----------------------------------------------------*/
.con_roo {
	margin-bottom: 70px;
}

.con_roo .st {
	margin-bottom: 40px;
	width: 100%;
	height: 62px;
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100%;
}
#sin .st {
	background-image: url(../images/rooms/st_sin.png);
}
#sp_sin .st {
	background-image: url(../images/rooms/st_sp_sin.png);
}
#sp_dou .st {
	background-image: url(../images/rooms/st_sp_dou.png);
}
#dx_sin .st {
	background-image: url(../images/rooms/st_dx_sin.png);
}
#dx_dou .st {
	background-image: url(../images/rooms/st_dx_dou.png);
}
#exe_sin .st {
	background-image: url(../images/rooms/st_exe_sin.png);
}
#exe_dou .st {
	background-image: url(../images/rooms/st_exe_dou.png);
}
#sp_tw .st {
	background-image: url(../images/rooms/st_sp_tw.png);
}
#exe_tw .st {
	background-image: url(../images/rooms/st_exe_tw.png);
}

.con_roo .inner {
	width: 920px;
	margin: 0 0 0 auto;
	overflow: hidden;
}

.con_roo .inner .photo {
	width: 590px;
	float: left;
}
.con_roo .inner .txt .info {
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top;
	width: 100%;
	height: 200px;
}
#sin .inner .txt .info {
	background-image: url(../images/rooms/txt_sin.png);
}
#sp_sin .inner .txt .info {
	background-image: url(../images/rooms/txt_sp_sin.png);
}
#sp_dou .inner .txt .info {
	background-image: url(../images/rooms/txt_sp_dou.png);
}
#dx_sin .inner .txt .info {
	background-image: url(../images/rooms/txt_dx_sin.png);
}
#dx_dou .inner .txt .info {
	background-image: url(../images/rooms/txt_dx_dou.png);
}
#exe_sin .inner .txt .info {
	background-image: url(../images/rooms/txt_exe_sin.png);
}
#exe_dou .inner .txt .info {
	background-image: url(../images/rooms/txt_exe_dou.png);
}
#sp_tw .inner .txt .info {
	background-image: url(../images/rooms/txt_sp_tw.png);
}
#exe_tw .inner .txt .info {
	background-image: url(../images/rooms/txt_exe_tw.png);
}

.con_roo .inner .txt {
	width: 290px;
	float: right;
}

.con_roo .inner .txt p:first-child {
	margin-bottom: 20px;
}

.con_roo .inner .txt .btn {
	background: url(../images/common/ic_arrow.png) 0 5px no-repeat;
	padding-left: 12px;
	margin-bottom: 25px;
}
.con_roo .inner .txt .btn a {
	color: #53280b !important;
}

.con_roo .inner .txt ul,
#sin_c .inner .box_r ul {
	height: 53px;
	padding: 60px 0 0 7px;
	overflow: hidden;
}

.con_roo .inner .txt ul li,
#sin_c .inner .box_r ul li {
	padding-left: 8px;
}

#sin .inner .txt ul {
	background: url(../images/rooms/bg_sin_re.png) no-repeat left top;
}
#sin .inner .txt ul {
	background: url(../images/rooms/bg_sin_re.png) no-repeat left top;
}
#sp_sin .inner .txt ul {
	background: url(../images/rooms/bg_sp_sin_re.png) no-repeat left top;
}
#sp_dou .inner .txt ul {
	background: url(../images/rooms/bg_sp_dou_re.png) no-repeat left top;
}
#dx_sin .inner .txt ul {
	background: url(../images/rooms/bg_dx_sin_re.png) no-repeat left top;
}
#dx_dou .inner .txt ul {
	background: url(../images/rooms/bg_dx_dou_re.png) no-repeat left top;
}
#exe_sin .inner .txt ul {
	background: url(../images/rooms/bg_exe_sin_re.png) no-repeat left top;
}
#exe_dou .inner .txt ul {
	background: url(../images/rooms/bg_exe_dou_re.png) no-repeat left top;
}
#sp_tw .inner .txt ul {
	background: url(../images/rooms/bg_sp_tw_re.png) no-repeat left top;
}
#exe_tw .inner .txt ul {
	background: url(../images/rooms/bg_exe_tw_re.png) no-repeat left top;
}

.con_roo .inner .txt ul li,
#sin_c .inner .box_r ul li {
	float: left;
	width: 126px;
	padding: 20px 0 0 -8px;
}

.con_roo .inner .txt ul li.long {
	width: 100%;
}

.con_roo .box_roo .txt ul li.last {
	padding-left:8px;
}

.con_roo .img_uni {
	width: 920px;
	margin: 30px 0 0 auto;
}

/*----------------------------------------------------
	.con_roo_w		客室共通（1カラム）
----------------------------------------------------*/
.con_roo_w {
	margin-bottom: 70px;
}

.con_roo_w h3 {
	margin-bottom: 40px;
}

.con_roo_w .photo {
	width: 920px;
	margin: 0 0 30px auto;
}

.con_roo_w .inner {
	width: 920px;
	margin: 0 0 0 auto;
	overflow: hidden;
}

.con_roo_w .inner .txt {
	/*width: 590px;*/
	/*float: left;*/
	margin-bottom: 20px;
}
/*
.con_roo_w .inner .txt p:first-child {
	margin-bottom: 20px;
}
*/
.con_roo_w .inner .btn {
	background: url(../images/common/ic_arrow.png) 0 5px no-repeat;
	padding-left: 12px;
	margin-bottom: 20px;
}


.con_roo_w .inner ul {
	width: 290px;
	float: right;
}
.con_roo_w .inner .box_r {
	float: right;
}
.con_roo_w .inner .box_l {
	float: left;
}

.con_roo_w .inner .btn a {
	color: #53280b !important;
}

.con_roo_w .inner ul {
	height: 53px;
	padding: 60px 0 0 7px;
	overflow: hidden;
}

.con_roo_w .inner ul li {
	padding-left: 8px;
}

.con_roo_w ul.btn{
	float: none;
	height: auto;
	width: 100%;
	margin-bottom: 15px;
	padding: 0;
	background: none;
}

.con_roo_w ul.btn li{
	float: left;
	margin-right: 10px;
	padding: 0;
}

#det ul {
	margin-left: 30px;
}

/*----------------------------------------------------
	.img_equ	客室設備
----------------------------------------------------*/
.img_equ {
	margin-bottom: 70px;
	width: 100%;
	height: 871px;
	background: url(../images/rooms/img_equ.jpg) no-repeat top/100%;
}


/*----------------------------------------------------
	.con_roo_info	客室概要
----------------------------------------------------*/
.con_roo_info {
	margin-bottom: 70px;
}

.con_roo_info .st {
	margin-bottom: 25px;
	width: 100%;
	height: 62px;
	background: url(../images/rooms/st_roo_info.png) no-repeat top/100%;
}

/*----------------------------------------------------
	.box_out
----------------------------------------------------*/
/* .box_out {
	width: 580px;
	margin: 30px 0 20px;
	padding: 10px 35px 12px 15px;
	background: url(../images/rooms/bg_del_out.png) no-repeat right bottom #c9be96;
	border: 2px solid #c5b98e;
	overflow: hidden;
}

.img_out {
	float: left;
	width: 142px;
}

.txt_out {
	float: left;
	width:418px;
	padding: 18px 0 0 20px;
}

.txt_out .btn_lad {
	padding: 10px 0 0 10px;
	background: url(../images/common/ic_arrow_la.png) no-repeat left 16px;
}

.txt_out .btn_lad a {
	color: #9d2644 !important;
} */

/*----------------------------------------------------
	.pagetop 客室用
----------------------------------------------------*/
#rooms .btn_top {
	margin: 0 0 10px;
	background: url(../images/common/btn_pagetop.png) no-repeat right/100%;
	width: 49px;
	height: 37px;
	margin-left: auto;
	margin-right: 0;
}