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

 file name  :rooms.css
 author     :Ability Consultant
style info  :客室
=================================================================== */
/* -----------------------------------------------------------
	.con_title 	ページタイトル
----------------------------------------------------------- */
.con_title {
  background: url(../rooms/images/img_title.jpg) center 0 no-repeat;
  background-size: cover;
}

/*----------------------------------------------------
	.con_intro　	INTRO
----------------------------------------------------*/
.con_intro {
  margin-bottom: 40px;
  padding: 0 20px;
}
.con_intro h3 {
  margin-bottom: 15px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Times New Roman", Times, serif;
  font-size: 120%;
}

/*----------------------------------------------------
	.con_features　	客室の特徴
----------------------------------------------------*/
.con_features {
  margin-bottom: 40px;
  padding: 0 20px;
}
.con_features h3 {
  margin-bottom: 15px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Times New Roman", Times, serif;
  font-size: 120%;
}
.con_features .txt {
  margin-bottom: 15px;
}
.con_features ul {
  margin-bottom: 20px;
  border-bottom: 1px solid #d2c4b5;
}
.con_features ul li {
  padding: 8px 10px;
  border-top: 1px solid #d2c4b5;
  position: relative;
}
.con_features ul li span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  line-height: 0.7;
  margin-right: 1%;
}
.con_features ul li span.num {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Times New Roman", Times, serif;
  font-weight: bold;
  color: #355fa4;
}
.con_features ul li span.moe {
  font-size: 150%;
  color: #9cb07b;
}
.con_features ul li span.bok {
  font-size: 150%;
  color: #a3a3a2;
}
.con_features ul li span.rik {
  font-size: 150%;
  color: #b3ada0;
}
.con_features ul li span.rur {
  font-size: 150%;
  color: #213a72;
}
.con_features ul li span.koi {
  font-size: 150%;
  color: #aa1f1f;
}
.con_features ul li span.hai {
  font-size: 150%;
  color: #d4b1aa;
}
.con_features ul li span.kag {
  font-size: 150%;
  color: #a87d56;
}
.con_features ul li span.aji {
  font-size: 150%;
  color: #9b886e;
}
.con_features ul li span.sec {
  margin-left: 4em;
}
.con_features ul li span.ic {
  position: absolute;
  top: 10%;
  right: 5px;
  width: 10%;
  text-align: right;
}
.con_features .box_feature {
  margin-bottom: 20px;
  padding: 10px;
  border: 1px dotted #000;
}
.con_features .box_feature h4 {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Times New Roman", Times, serif;
  font-size: 110%;
  text-align: center;
}
.con_features .box_feature .photo {
  margin: 15px 0;
}

/*----------------------------------------------------
	.con_rooms　	客室の種類
----------------------------------------------------*/
.con_rooms {
  margin-bottom: 40px;
  padding: 0 20px;
}
.con_rooms .box_room {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #3b260f;
}
.con_rooms .box_room h4 {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Times New Roman", Times, serif;
  font-size: 120%;
}
.con_rooms .box_room h4 span {
  font-size: 80%;
}
.con_rooms .box_room h4 i {
  color: #213a72;
}
.con_rooms .box_room .slide {
  margin-bottom: 20px;
}
.con_rooms .box_room .txt {
  margin-bottom: 10px;
  padding-top: 20px;
  clear: both;
}
.con_rooms .box_room .box_info {
  margin-bottom: 20px;
}
.con_rooms .box_room .layout {
  margin-bottom: 40px;
}

/*----------------------------------------------------
	.con_sproom　	レディースフロア・エグゼグティブフロアのご案内
----------------------------------------------------*/
.con_sproom {
  margin-bottom: 40px;
  padding: 0 20px;
}
.con_sproom .box_sproom {
  margin-bottom: 20px;
  padding: 10px;
  border: 1px dotted #000;
}
.con_sproom .box_sproom.ladies h4 span {
  color: #aa1f1f;
}
.con_sproom .box_sproom.ladies h5 {
  color: #aa1f1f;
}
.con_sproom .box_sproom.executive h4 span {
  color: #704516;
}
.con_sproom .box_sproom.executive h5 {
  color: #704516;
}
.con_sproom .box_sproom h4 {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Times New Roman", Times, serif;
  font-size: 110%;
  text-align: center;
}
.con_sproom .box_sproom .photo {
  margin: 15px 0;
}

/*----------------------------------------------------
	.con_info　	客室設備
----------------------------------------------------*/
.con_info {
  margin-bottom: 40px;
  padding: 0 20px;
}

.txt_pc {
  margin-top: 6%;
  text-align: center;
}

.btn_pc {
  margin-top: 2%;
  text-align: center;
}

.btn_pc a {
  width: 70%;
  display: inline-block;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Times New Roman", Times, serif;
  color: #fff;
  text-decoration: none !important;
  border: 1px dotted #aba69a;
  padding: 1px;
  background: #fff;
  font-size: 100%;
}

.btn_pc a i {
  font-size: 70%;
  margin-right: 0.5em;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.5em;
}

.btn_pc a span {
  padding: 1.2em 1em;
  display: block;
  text-align: center;
  background: #292014;
}

.btn_pc a {
  width: 80%;
}

.btn_pc a i {
  font-size: 100%;
  margin-top: -0.2em;
}