@charset "UTF-8";
.con_rooms .box_text:after {
  content: "";
  display: table;
  clear: both;
}

/* ===================================================================
CSS information

 file name  :rooms.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */
h2 {
  text-align: center;
}

/* -----------------------------------------------------------
	.title_image
----------------------------------------------------------- */
.title_image {
  height: 154px;
  background: transparent url("../rooms/images/img_title.jpg") center top no-repeat;
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
.con_intro {
  margin-top: 32px;
  height: 430px;
  background: transparent url("../rooms/images/img_intro.jpg") center top no-repeat;
}
.con_intro2 {
  margin-top: 102px;
  height: 430px;
  background: transparent url("../rooms/images/img_intro2.jpg") center top no-repeat;
}

.con_intro3 {
  margin-top: 32px;
  height: 430px;
  background: transparent url("../rooms/images/img_intro-vila.jpg") center top no-repeat;
}
/* -----------------------------------------------------------
	.con_plink
----------------------------------------------------------- */
.con_plink {
  text-align: center;
  position: relative;
  z-index: 10;
}
.con_plink dl {
  padding-top: 40px;
}
.con_plink dl dd {
  margin-top: 24px;
}
.con_plink dl dd li {
  display: inline-block;
  -moz-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.5);
	width: 306px;
	margin-left: 5px;
}
/*
.con_plink dl dd li:first-child {
  margin-right: 16px;
}
*/
/* -----------------------------------------------------------
	.con_rooms
----------------------------------------------------------- */
.con_rooms {
  position: relative;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  margin-top: 56px;
  overflow: hidden;
}
.con_rooms:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  top: 0;
  left: 0;
  background: transparent url("../images/common/line_w.png") left top repeat-x;
}
.con_rooms h3 {
  text-align: center;
}
.con_rooms .img {
  margin: 24px 0;
  overflow: hidden;
}
.con_rooms .img img {
  margin-left: -75px;
  width: 1100px;
  max-width: none;
}
.con_rooms .box_text {
  margin-top: 24px;
}
.con_rooms .box_text .wrp_text {
  width: 400px;
  float: left;
}
.con_rooms .box_text .wrp_text .text {
  line-height: 2em;
}
.con_rooms .box_text .wrp_tbl {
  width: 520px;
  float: right;
  overflow: hidden;
}
.con_rooms .box_text .wrp_tbl .tbl_basic {
  width: 100%;
}
.con_rooms .box_text .wrp_tbl .tbl_basic thead tr th {
  width: 29.333%;
}
.con_rooms .box_text .wrp_tbl .tbl_basic tbody tr td {
  text-align: center;
  width: 29.333%;
}
.con_rooms .box_text .wrp_tbl .map {
  max-width: 300px;
  float: right;
  margin-top: 16px;
}
.con_rooms .box_bt {
  text-align: center;
  background-color: rgba(2, 19, 12, 0.5);
  margin-top: 24px;
  padding: 24px 0;
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3) inset;
}
.con_rooms .box_bt a {
  display: inline-block;
}

/* -----------------------------------------------------------
	.con_info
----------------------------------------------------------- */
.con_info {
  -moz-box-shadow: 0 64px 64px -32px rgba(0, 0, 0, 0.6) inset;
  -webkit-box-shadow: 0 64px 64px -32px rgba(0, 0, 0, 0.6) inset;
  box-shadow: 0 64px 64px -32px rgba(0, 0, 0, 0.6) inset;
  margin-top: 40px;
  position: relative;
  padding-top: 80px;
}
.con_info:before {
  content: '';
  position: absolute;
  height: 4px;
  width: 100%;
  top: 0;
  left: 0;
  background: transparent url("../images/common/line_w.png") left top repeat-x;
  z-index: 10;
}
.con_info table {
  width: 100%;
  margin-top: 16px;
}
.con_info table tbody tr th {
  width: 16%;
}
.con_info table tbody tr td {
  width: 76%;
  line-height: 2em;
}
.text_02 {
    font-size: 36px;
    color: #8e6b2d;
}
.txt_room {
	margin-top:30px;
	background:url(../rooms/images/text.png) top no-repeat;
	height:280px;
}
.txt_room li.room_nav {
	display:inline-block;
	margin-top:135px;
	width: 31%;}
.txt_room li.room_nav:first-child {
	/*margin-right:25px;*/
	margin-left:30px;
}
.bg_room {
	background: #02110B;
	padding-top:30px;
}
/* -----------------------------------------------------------
	.room_detail
----------------------------------------------------------- */
.room_detail {
	margin: 50px 0 0;
}
.room_detail h4 {
	margin: 10px 0;
}
.room_detail table.tbl_basic tbody tr th {
	text-align: left;
	padding: 20px;
}