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

 file name  : rooms.css
 author     : Ability Consultant
 style info : 客室
=================================================================== */
.con_rooms .box_rooms_top .img, .con_rooms .box_rooms_top .box_bottom, .con_rooms .box_rooms_bottom {
	max-width: 1280px;
	margin: auto;
}
@media only screen and (max-width: 1024px) {
  .con_rooms .box_rooms_top .img, .con_rooms .box_rooms_top .box_bottom, .con_rooms .box_rooms_bottom {
		width: 95%;
  }
}

.con_rooms .box_rooms_top .box_bottom:after, .con_rooms .box_rooms_bottom:after {
	content: "";
	display: table;
	clear: both;
}

/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header {
	background: url(../rooms/images/bg_main.jpg) center center no-repeat;
	background-size: cover;
}

/* -----------------------------------------------------------
	con_intro
----------------------------------------------------------- */
.con_intro {
	margin-bottom: 90px;
	background: url(../rooms/images/bg_intro.jpg) center center no-repeat;
	height: 426px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro {
		margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro {
		margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro {
		background: url(../rooms/images/bg_intro.jpg) 40% center no-repeat;
		height: 380px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro {
		background: url(../rooms/images/bg_intro_sp.jpg) center center no-repeat;
		background-size: 100%;
		height: auto;
  }
}
.con_intro h3 {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-size: 167%;
	font-weight: normal;
	color: #fff;
	text-align: center;
	padding-top: 7em;
	text-shadow: 2px 2px 6px #000;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro h3 {
		font-size: 147%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro h3 {
		font-size: 120%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro h3 {
		padding: 4em 0;
  }
}

/* -----------------------------------------------------------
	con_rooms
----------------------------------------------------------- */
.con_rooms .box_rooms_top .st_l, .con_rooms .box_rooms_bottom .st_l {
	position: relative;
	padding-top: 40px;
	line-height: 1.3;
	font-weight: normal;
	text-align: center;
	font-size: 87%;
	margin-bottom: 1.5em;
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_top .st_l, .con_rooms .box_rooms_bottom .st_l {
		padding-top: 35px;
  }
}
.con_rooms .box_rooms_top .st_l::before, .con_rooms .box_rooms_bottom .st_l::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 109px;
	height: 39px;
	background: url("../images/common/ic_st_l.png") center top no-repeat;
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_top .st_l::before, .con_rooms .box_rooms_bottom .st_l::before {
		background-size: 80%;
  }
}
.con_rooms .box_rooms_top .st_l .jp, .con_rooms .box_rooms_bottom .st_l .jp {
	font-size: 240%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rooms .box_rooms_top .st_l .jp, .con_rooms .box_rooms_bottom .st_l .jp {
		font-size: 220%;
  }
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_top .st_l .jp, .con_rooms .box_rooms_bottom .st_l .jp {
		font-size: 167%;
  }
}
.con_rooms .box_rooms_top .st_l .en, .con_rooms .box_rooms_bottom .st_l .en {
	position: relative;
	font-size: 107%;
	font-family: "Halant", serif;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rooms .box_rooms_top .st_l .en, .con_rooms .box_rooms_bottom .st_l .en {
		font-size: 94%;
  }
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_top .st_l .en, .con_rooms .box_rooms_bottom .st_l .en {
		font-size: 87%;
  }
}
.con_rooms .box_rooms_top .st_l .en::before, .con_rooms .box_rooms_top .st_l .en::after, .con_rooms .box_rooms_bottom .st_l .en::before, .con_rooms .box_rooms_bottom .st_l .en::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 40px;
	height: 1px;
	border-top: 1px dotted #101010;
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_top .st_l .en::before, .con_rooms .box_rooms_top .st_l .en::after, .con_rooms .box_rooms_bottom .st_l .en::before, .con_rooms .box_rooms_bottom .st_l .en::after {
		width: 30px;
  }
}
.con_rooms .box_rooms_top .st_l .en::before, .con_rooms .box_rooms_bottom .st_l .en::before {
	right: 110%;
}
.con_rooms .box_rooms_top .st_l .en::after, .con_rooms .box_rooms_bottom .st_l .en::after {
	left: 110%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rooms .box_rooms_top .st_l, .con_rooms .box_rooms_bottom .st_l {
		margin-bottom: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_top .st_l, .con_rooms .box_rooms_bottom .st_l {
		margin-bottom: 1em;
  }
}
.con_rooms .box_rooms_top .st_l .color_red, .con_rooms .box_rooms_bottom .st_l .color_red {
	color: #a11416;
}
.con_rooms .box_rooms_top .img, .con_rooms .box_rooms_bottom .img {
	margin-bottom: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rooms .box_rooms_top .img, .con_rooms .box_rooms_bottom .img {
		margin-bottom: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_top .img, .con_rooms .box_rooms_bottom .img {
		margin-bottom: 1em;
  }
}
.con_rooms .box_rooms_top {
	margin-bottom: 90px;
	background: transparent url(../rooms/images/bg_room.jpg) no-repeat left bottom;
	padding: 40px 0 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rooms .box_rooms_top {
		margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_top {
		margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rooms .box_rooms_top {
		padding: 70px 0 60px;
  }
}
.con_rooms .box_rooms_top .box_bottom .box_l {
	float: left;
	width: 65%;
	padding-right: 3%;
}
.con_rooms .box_rooms_top .box_bottom .box_l h4 {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-size: 147%;
	font-weight: normal;
	color: #562c19;
	margin-bottom: .5em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rooms .box_rooms_top .box_bottom .box_l h4 {
		font-size: 127%;
  }
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_top .box_bottom .box_l h4 {
		font-size: 120%;
  }
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_top .box_bottom .box_l h4 {
		text-align: center;
  }
}
.con_rooms .box_rooms_top .box_bottom .box_l .txt {
	margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_top .box_bottom .box_l {
		width: 100%;
  }
}
.con_rooms .box_rooms_top .box_bottom .box_r {
	float: left;
	width: 35%;
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_top .box_bottom .box_r {
		width: 100%;
  }
}
.con_rooms .box_rooms_top .box_bottom .box_r .tbl_primary {
	margin-bottom: 1em;
}
.con_rooms .box_rooms_top .box_bottom .box_r .tbl_primary th {
	background: #f0e6d3;
}
.con_rooms .box_rooms_top .box_bottom .box_r .btn_normal {
	margin-bottom: .3em;
}
.con_rooms .box_rooms_top .box_bottom .box_r .btn_normal a {
	position: relative;
	display: block;
	padding: 12px 30px 12px 15px;
	border: 1px solid #562c19;
	box-shadow: inset 0 0 0 1px #fff;
	background: url(../images/common/bg_wave_brown.jpg);
	color: #fff;
	text-decoration: none !important;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	max-width: 300px;
}
.con_rooms .box_rooms_top .box_bottom .box_r .btn_normal a::after {
	content: "\f3d6";
	position: absolute;
	top: 50%;
	right: 10px;
	line-height: 1;
	margin-top: -.5em;
	font-family: "Ionicons";
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.con_rooms .box_rooms_top .box_bottom .box_r .btn_normal a:hover {
	color: #fff !important;
	opacity: .85;
}
.con_rooms .box_rooms_top .box_bottom .box_r .btn_normal a:hover::after {
	right: 5px;
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_top .box_bottom .box_r .btn_normal a {
		max-width: 80%;
		margin: 0 auto;
  }
}
.con_rooms .box_rooms_top .box_bottom .box_r .btn_wave_red a {
	border-color: #a11416;
	background: transparent url(../images/home/bg_wave_red.jpg) repeat 0 0;
	max-width: 300px;
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_top .box_bottom .box_r .btn_wave_red a {
		max-width: 80%;
		margin: 0 auto;
  }
}
.con_rooms .box_rooms_bottom {
	margin-bottom: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rooms .box_rooms_bottom {
		margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_bottom {
		margin-bottom: 50px;
  }
}
.con_rooms .box_rooms_bottom .box_other {
	float: left;
	width: 48.5%;
	margin-right: 3%;
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_bottom .box_other {
		width: 100%;
  }
}
.con_rooms .box_rooms_bottom .box_other:last-child {
	margin-right: 0%;
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_bottom .box_other:first-child {
		margin-bottom: 60px;
  }
}
.con_rooms .box_rooms_bottom .box_other .img {
	margin-bottom: 1em;
}
.con_rooms .box_rooms_bottom .box_other .txt {
	margin-bottom: 1em;
	text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_bottom .box_other .txt {
		text-align: left;
  }
}
.con_rooms .box_rooms_bottom .box_other .tbl_primary {
	margin: 0 auto 1em;
	width: 70%;
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_bottom .box_other .tbl_primary {
		width: 100%;
  }
}
.con_rooms .box_rooms_bottom .box_other .btn_normal {
	margin-bottom: .3em;
}
.con_rooms .box_rooms_bottom .box_other .btn_normal a {
	position: relative;
	display: block;
	padding: 12px 30px 12px 15px;
	border: 1px solid #562c19;
	box-shadow: inset 0 0 0 1px #fff;
	background: url(../images/common/bg_wave_brown.jpg);
	color: #fff;
	text-decoration: none !important;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	margin: 0 auto;
	max-width: 300px;
}
.con_rooms .box_rooms_bottom .box_other .btn_normal a::after {
	content: "\f3d6";
	position: absolute;
	top: 50%;
	right: 10px;
	line-height: 1;
	margin-top: -.5em;
	font-family: "Ionicons";
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.con_rooms .box_rooms_bottom .box_other .btn_normal a:hover {
	color: #fff !important;
	opacity: .85;
}
.con_rooms .box_rooms_bottom .box_other .btn_normal a:hover::after {
	right: 5px;
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_bottom .box_other .btn_normal a {
		max-width: 80%;
  }
}
.con_rooms .box_rooms_bottom .box_other .btn_wave_red a {
	border-color: #a11416;
	background: transparent url(../images/home/bg_wave_red.jpg) repeat 0 0;
	max-width: 300px;
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_rooms_bottom .box_other .btn_wave_red a {
		max-width: 80%;
		margin: 0 auto;
  }
}