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

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

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


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

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

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

#harb h3 {
	font-size: 1.8em;
	color: #fff;
	font-weight: lighter;
}

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

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


/* -----------------------------------------------------------
	.con_room
----------------------------------------------------------- */
#hotspa .con_room {
	width: 950px;
	clear:both;
	margin:0 auto;
	overflow:hidden;
}
#hotspa .con_room h3{
	margin:0 0 50px 0;
	text-align:center;
}


#hotspa .con_room .box_room{
	width:930px;
	padding:0 10px 0 10px;
	overflow:hidden;
	margin-bottom:80px;
}
#hotspa .con_room .box_room .img_room{
	margin-bottom:30px;
}

#hotspa .con_room .box_room .txt_room{
	width:550px;
	float:left;
	margin-right:60px;	
}
#hotspa .con_room .box_room .txt_room h4{
	margin-bottom:25px;
	font-weight: 300;
	font-size: 1.5rem;
}
#hotspa .con_room .box_room .txt_room h4 span{
	font-size: 1rem;
}
#hotspa .con_room .box_room table{
	width:320px;
	float:left;

}
#hotspa .con_room .box_room table th,td{
	font-weight:normal;
	border-top: 1px #8fb637 dotted;
	padding:7px 0 7px 0;
}
#hotspa .con_room .box_room table .last{
	border-bottom: 1px #8fb637 dotted;
}


#hotspa .con_room .box_room p.btn_plan a{
	display:block;
	width:215px;
	height:46px;
	background: url(../rooms/images/btn_plan.png) no-repeat left top;
	float:right;
	text-indent:-9999px;
	margin-top:20px;
	overflow:hidden;
}
#hotspa .con_room .box_room p.btn_plan a:hover{
	background: url(../rooms/images/btn_plan.png) no-repeat left -46px;;

}

.bath_wrapper {
	width: 950px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bath_wrapper article {
	width: 48%;
}
.bath_wrapper article h4 {
	font-size: 1.2rem;
	font-weight: 400;
	padding: 1rem 0;
}
.bath_wrapper article h4 span {
	font-size: 0.9rem;
}

.bath_wrapper article .image img {
	width: 100%;
} 

#sauna {
	width: 950px;
	margin: 8rem auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#sauna .image {
	width: 476px;
}
#sauna article {
	width: 400px;
}
#sauna article h4 {
	font-size: 1.3rem;
	font-weight: 400;
	margin-bottom: 3rem;
}

#oneday,
#yukata {
	width: 950px;
	margin: 8rem auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#oneday .image,
#yukata .image {
	width: 476px;
}
#oneday article,
#yukata article {
	width: 500px;
}
#oneday article h4,
#yukata article h4 {
	font-size: 1.3rem;
	font-weight: 400;
	margin-bottom: 1.6rem;
}
#oneday table,
#yukata table {
	margin-bottom: 20px;
	width: 500px;
}
#oneday table th{
	width: 200px;
}
#oneday table th,td,
#yukata table th,td {
	font-weight:normal;
	border-top: 1px #8fb637 dotted;
	padding:7px 0 7px 0;
}
#oneday table .last,
#yukata table .last {
	border-bottom: 1px #8fb637 dotted;
}

#hotspa #oneday .con_view {
	margin: 30px auto 0;
	padding: 30px 0;
}
#hotspa #oneday .con_view h3 {
	margin-bottom: 20px;
}

a.btn {
    display: block;
    width: 350px;
    background-color: #94AB54;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 0.8rem 0;
    margin: 2rem auto 0;
}
a.btn:hover {
    background-color: #BDCC94;
}


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