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

 file name  :rooms.css
 author     :Ability Consultant
style info  :過ごし方
=================================================================== */
/*-----------------------------------------------------------
	gnavのactive設定
-----------------------------------------------------------*/
ul#gnav li.gnav_sta a {
	background-position: 0 56px;
}

/* -----------------------------------------------------------
	.con_res mb
----------------------------------------------------------- */
.con_res {
	margin-bottom: 60px !important;
}

/* -----------------------------------------------------------
	.intro
----------------------------------------------------------- */
.intro {
	margin: 0 auto;
	background: #fff;
}

.intro h2 {
	text-align: center;
	padding-top: 10px;
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
.con_intro {
	background: url(https://www.hotel-suiko.jp/rktn/stay/images/bg_intro_photo.jpg) center top no-repeat;
	width: 950px;
	height: 311px;
	overflow: hidden;
}

.con_intro h3 {
	margin: 40px auto 20px;
	text-align: center;
}

.con_intro .txt {
	text-align: center;
	margin-bottom: 20px;
}


/* -----------------------------------------------------------
	.con_flow
----------------------------------------------------------- */
.con_flow{
	margin-bottom: 20px;
	overflow: hidden;
	background: url(https://www.hotel-suiko.jp/rktn/images/common/pt_border_blue.png) repeat-x left top;
	padding-top: 50px;
}
.con_flow .box_flow{
	width:930px;
	margin:auto;
	background: url(https://www.hotel-suiko.jp/rktn/stay/images/bg_flow.png) no-repeat center 35px;
	overflow: hidden;
}
.box_flow li{
	float:left;
	margin-right:20px;
}
.box_flow li.day{
	margin-left:50px;
}
.box_flow li.last{
	margin-right:0;
}


/* -----------------------------------------------------------
	.con_stay
----------------------------------------------------------- */
.con_stay{
	overflow: hidden;
	padding-top: 20px;
}
.con_stay h3{
	margin-bottom: 40px;
}
.con_stay .box_stay{
	padding-bottom:40px;
	position:relative;
}
.con_stay .box_stay:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.con_stay .box_stay.bg02{
	overflow:hidden;
	background: url(https://www.hotel-suiko.jp/rktn/images/common/pt_tex_gray.gif) repeat left top;
}
.con_stay .box_stay h4{
	margin-bottom:20px;
}
.con_stay .box_stay .txt{
	margin-bottom:20px;
}
.con_stay .box_stay .btn{
	margin-bottom:20px;
}
.con_stay .box_stay .inner:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.con_stay .box_stay.bg01 .inner{
	background: url(https://www.hotel-suiko.jp/rktn/stay/images/bg_flow_bottom.png) no-repeat center top;
	padding-top:40px;
}
.con_stay .box_stay.bg02 .inner{
	background: url(https://www.hotel-suiko.jp/rktn/stay/images/bg_flow_top.png) no-repeat center top;
	padding-top:40px;
}

/* #flow01 */
#flow01 .box_data{
	width:300px;
	float:left;
	padding-left:20px;
}
#flow01 .box_img{
	float:right;
	padding-right:20px;
}
#flow01 .txt{
	width:300px;
}
#flow01 .inner{
	background:none!important;
}
#flow01 .img{
	position:absolute;
	top:-20px;
	right:350px;
}

/* #flow02 */
#flow02 .box_data{
	float:right;
	background: url(https://www.hotel-suiko.jp/rktn/stay/images/img_stay02.jpg) no-repeat center top;
	height:320px;
	width:410px;
	padding-left:540px;
}
#flow02 .box_data .txt{
	width:400px;
}

/* #flow03 */
#flow03 .box_data{
	float:right;
	background: url(https://www.hotel-suiko.jp/rktn/stay/images/img_stay03.jpg) no-repeat center 40px;
	height:545px;
	width:930px;
	padding-left:20px;
}
#flow03 .box_data .txt{
	width:490px;
}

/* #flow04 */
#flow04 .box_data{
	background: url(https://www.hotel-suiko.jp/rktn/stay/images/img_stay04.jpg) no-repeat center top;
	height:365px;
	width:360px;
	padding-left:590px;
}
#flow04 .box_data .txt{
	width:330px;
}

/* #flow05 */
#flow05 .box_data{
	float:left;
	padding-left:20px;
}
#flow05 .box_img{
	float:right;
	padding-right:20px;
	margin-top:40px;
}
#flow05 .txt{
	width:300px;
}

/* #flow06 */
#flow06 .box_data{
	width:340px;
	float:right;
	padding:120px 20px 0 0;
	background: url(https://www.hotel-suiko.jp/rktn/stay/images/bg_stay_poc.gif) no-repeat right top;
}
#flow06 .box_img{
	float:left;
	padding-left:20px;
}
#flow06 .txt{
	width:300px;
}

/* #flow07 */
#flow07 .box_data{
	background: url(https://www.hotel-suiko.jp/rktn/stay/images/img_stay07.jpg) no-repeat right top;
	height:340px;
	width:930px;
	padding-left:20px;
}
#flow07 .box_data .txt{
	width:370px;
}

/* #flow08 */
#flow08 .bg_img{
	float:right;
	background: url(https://www.hotel-suiko.jp/rktn/stay/images/img_stay08_2.png) no-repeat right top;
	width:930px;
	height:390px;
}
#flow08 .box_img{
	float:left;
}
#flow08 .box_data{
	width:340px;
	float:left;
	margin-left:20px;
}
#flow08 .txt{
	width:250px;
}

/* #flow09 */
#flow09 .box_data{
	float:left;
	padding-left:20px;
}
#flow09 .box_img{
	float:right;
	padding-right:20px;
}
#flow09 .txt{
	width:340px;
}
#flow09 .catch{
	margin-bottom:20px;
}

/* .box_spot */
.box_spot h4{
	text-align:center;
	margin-bottom:20px;
}
.box_spot .box_l{
	float:left;
	position:relative;
	margin-bottom:20px;
}
.box_spot .box_r{
	float:right;
	margin-bottom:20px;
}
.box_spot .box_l .img{
	position:absolute;
	top:-90px;
}
.box_spot .spot{
	margin-bottom:20px;
}