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

 file name  : rooms.css
 author     : Ability Consultant
 style info : お部屋
=================================================================== */
/* -----------------------------------------------------------
	#con_mainimg_lower
----------------------------------------------------------- */
#con_mainimg_lower {
	background: url(https://www.and-comfy.jp/kumamotojo-view/rktn/images/rooms/img_main.jpg) no-repeat;
}

#htlSide-A {
	top: 560px;
}

/* -----------------------------------------------------------
	con_rooms
----------------------------------------------------------- */
.con_rooms {
	margin-top: 50px;
}
.con_rooms .box_st {
	margin-bottom: 40px;
}
.con_rooms .box_features {
	margin-bottom: 100px;
	position: relative;
}
.con_rooms .box_features .text {
	position: absolute;
	width: 262px;
	top: 572px;
	color: #fff;
	line-height: 1.8;
	font-size: 100%;
}
.con_rooms .box_features .text a {
	color: #fff;
}
.con_rooms .box_features .text.internet {
	left: 24px;
}
.con_rooms .box_features .text.bed {
	left: 340px;
}
.con_rooms .box_features .text.detail {
	left: 664px;
}

/* -----------------------------------------------------------
	con_type
----------------------------------------------------------- */
.con_type .box_st {
	margin-bottom: 50px;
}
.con_type .box_btn {
	margin-bottom: 55px;
}
.con_type .box_btn.tmp_anchor {
	width: 100%;
}
.con_type .box_btn.tmp_anchor ul li a {
	color: #404040;
}
.con_type .box_btn.tmp_anchor ul li a:hover {
	color: #fff;
}
.con_type .box_type {
	margin-bottom: 80px;
}
.con_type .box_type .slide_area {
	position: relative;
}
.con_type .box_type .slide_area iframe {
	width: 100%;
	height: 482px;
}
.con_type .box_type .type_detail {
	position: relative;
}
.con_type .box_type .type_detail .tmp_btn_rsv {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.con_type .box_type .type_detail .tmp_btn_rsv a {
	color: #fff;
}
.con_type .box_type .type_detail .btn_info {
	position: absolute;
	left: 120px;
}
.con_type .box_type .type_detail .btn_info a {
	color: #404040;
	transition: opacity 200ms ease-in;
}
.con_type .box_type .type_detail .btn_info.btn_single {
	top: 307px;
}
.con_type .box_type .type_detail .btn_info.btn_double {
	top: 310px;
}
.con_type .box_type .type_detail .btn_info.btn_twin {
	top: 307px;
}
.con_type .box_type .type_detail .btn_info.btn_universal {
	top: 368px;
}
.con_type .box_type .type_detail .btn_info.btn_moonmoon {
	top: 326px;
}

/* -----------------------------------------------------------
	con_information
----------------------------------------------------------- */
.con_information .st {
	margin-bottom: 55px;
}
.con_information .box_fac {
	margin-bottom: 60px;
}
.con_information .box_ame {
	margin-bottom: 65px;
}

/*予約ボタン調整追加スタイルここから*/
.to-reserve{
    position: fixed;
    bottom: 100px;
    right: 30px;
    /*background-color: #fff;*/
    /*padding: 10px;*/
    z-index: 1999;
}
.to-reserve a:hover{
    opacity: 0.8;
}
/*予約ボタン調整追加スタイルここまで*/


.con_rooms,.con_information,.box_st,.slide_area,.type_detail,.type_detail,.con_lent{
    width: 950px;
    margin: auto;
}

.con_type{
    width: 1150px;
    margin: auto;
}