@charset "UTF-8";
.con_int, .link {
  max-width: 1100px;
  margin: auto;
}
@media only screen and (max-width: 1100px) {
  .con_int, .link {
    width: 95%;
  }
}

.con_roo {
  max-width: 1020px;
  margin: auto;
}
@media only screen and (max-width: 1100px) {
  .con_roo {
    width: 95%;
  }
}

.con_int .img_int .view_sp {
  font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
}

.ic_yel a:before {
  content: url("../images/common/ic_arr_yel.png");
  margin-right: 3px;
}

.ic_gre a:before {
  content: url("../images/common/ic_arr_gre.png") !important;
  margin-right: 3px;
}

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

 file name  :rooms.css
 author     :Ability Consultant
style info  :客室
=================================================================== */
/* -----------------------------------------------------------
	タイトル
----------------------------------------------------------- */
.page_title {
  width: 100%;
  height: 187px;
  text-align: center;
  position: relative;
  background: url(../rooms/images/bg_title.jpg) #677231 no-repeat center center;
}
.page_title img {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  margin-top: -21px;
  margin-left: -40.5px;
  vertical-align: middle;
}

/*
/*------------------------------------------------------------
グロナビアクション
------------------------------------------------------------*/
#gnav ul li.gnav_rooms a, #gnav_fix ul li.gnav_rooms a {
  padding-bottom: 5px !important;
  border-bottom: 4px solid #b9a034;
}

/*
----------------------------------------------------------
	.con_int
----------------------------------------------------------- */
.con_int {
  margin-top: 50px;
  width: 95%;
  text-align: center;
  padding-bottom: .7em;
}
.con_int h3 {
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  .con_int h3 {
    width: 56.72131%;
  }
}
.con_int .img_int {
  margin: 2em 0;
}
@media only screen and (max-width: 640px) {
  .con_int .img_int {
    margin: 2% 0;
    text-align: left;
  }
}
.con_int .img_int .view_sp {
  font-size: 117%;
}

/*
----------------------------------------------------------
	.con_con_roo
----------------------------------------------------------- */
.bg_link {
  margin: 40px 0;
  background: url(../rooms/images/link_bg.jpg) repeat-x bottom;
  padding: 0 0 20px;
}
@media only screen and (min-width: 641px) and (max-width: 1100px) {
  .bg_link {
    margin: 0 0 8%;
  }
}
@media only screen and (max-width: 640px) {
  .bg_link {
    margin: 0 0 15%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1100px) {
  .bg_link {
    padding: 2% 0;
  }
}
@media only screen and (max-width: 640px) {
  .bg_link {
    padding: 2% 0;
  }
}
@media only screen and (max-width: 1100px) {
  .bg_link {
    background: url(../hotspring/images/onsen/link_bg-sp.jpg);
  }
}

.link ul {
  width: 100%;
  overflow: hidden;
}
.link ul li {
  float: left;
  width: 24.45455%;
  margin-left: 0.72727%;
}
.link ul li:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 640px) {
  .link ul li {
    width: 50%;
    margin: 0.5% 0;
  }
  .link ul li:nth-child(even) {
    float: right;
  }
}
.link .btn_yel {
  background: url("../images/common/bg_yel_zara.png") repeat left top;
  border-color: #b9a034;
  border-style: solid;
  width: 200px;
  width: 31.81818%;
  margin: 1.5em auto;
}
.link .btn_yel a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-align: center;
  font-weight: normal;
}
.link .btn_yel a:link, .link .btn_yel a:visited, .link .btn_yel a:hover, .link .btn_yel a:active {
  text-decoration: none;
  color: #fff !important;
}
@media only screen and (min-width: 641px) {
  .link .btn_yel {
    border-width: 3px;
  }
  .link .btn_yel a {
    padding: 0.5em 1em;
  }
}
@media print {
  .link .btn_yel {
    border-width: 3px;
  }
  .link .btn_yel a {
    padding: 0.5em 1em;
  }
}
.ie8 .link .btn_yel {
  border-width: 3px;
}
.ie8 .link .btn_yel a {
  padding: 0.5em 1em;
}
@media only screen and (max-width: 640px) {
  .link .btn_yel {
    border-width: 2px;
  }
  .link .btn_yel a {
    padding: 1em .5em;
  }
}
.link .btn_yel a:before {
  content: url("../images/common/ic_arr_yel.png");
  margin-right: 3px;
}
@media only screen and (max-width: 1100px) {
  .link .btn_yel {
    width: 80%;
  }
}

/*-----------------------------------------------
.con_hot
------------------------------------------------*/
.con_roo {
  clear: both;
  margin-top: 80px;
  overflow: hidden;
}
@media only screen and (min-width: 641px) and (max-width: 1100px) {
  .con_roo {
    margin-top: 5%;
  }
}
@media only screen and (max-width: 640px) {
  .con_roo {
    margin-top: 10%;
  }
}
.con_roo h4 {
  margin: 0 auto 50px;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  .con_roo h4 {
    margin: 0 auto 5%;
  }
}
.con_roo .box_roo {
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .con_roo .box_roo {
    margin: 3% auto 0;
  }
}
.con_roo .box_roo .con_slider {
  float: left;
  width: 54.90196%;
}
@media only screen and (max-width: 640px) {
  .con_roo .box_roo .con_slider {
    width: 100%;
    margin: 0 auto;
    float: none;
  }
}
.con_roo .box_roo .box_det {
  float: right;
  width: 41.76471%;
}
@media only screen and (max-width: 640px) {
  .con_roo .box_roo .box_det {
    width: 100%;
    float: none;
  }
}
.con_roo .box_roo .box_det .txt {
  margin: 0 0 20px;
}
@media only screen and (max-width: 640px) {
  .con_roo .box_roo .box_det .txt {
    margin: 0 0 2%;
  }
}
@media only screen and (max-width: 1100px) {
  .con_roo .box_roo .box_det table {
    font-size: 94%;
  }
}
.con_roo .box_roo .box_det table th {
  width: 28%;
}
.con_roo .box_roo .box_det .btn_yel {
  background: url("../images/common/bg_yel_zara.png") repeat left top;
  border-color: #b9a034;
  border-style: solid;
  width: 200px;
  margin: 30px 0;
  width: 82.15962%;
}
.con_roo .box_roo .box_det .btn_yel a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-align: center;
  font-weight: normal;
}
.con_roo .box_roo .box_det .btn_yel a:link, .con_roo .box_roo .box_det .btn_yel a:visited, .con_roo .box_roo .box_det .btn_yel a:hover, .con_roo .box_roo .box_det .btn_yel a:active {
  text-decoration: none;
  color: #fff !important;
}
@media only screen and (min-width: 641px) {
  .con_roo .box_roo .box_det .btn_yel {
    border-width: 3px;
  }
  .con_roo .box_roo .box_det .btn_yel a {
    padding: 0.5em 1em;
  }
}
@media print {
  .con_roo .box_roo .box_det .btn_yel {
    border-width: 3px;
  }
  .con_roo .box_roo .box_det .btn_yel a {
    padding: 0.5em 1em;
  }
}
.ie8 .con_roo .box_roo .box_det .btn_yel {
  border-width: 3px;
}
.ie8 .con_roo .box_roo .box_det .btn_yel a {
  padding: 0.5em 1em;
}
@media only screen and (max-width: 640px) {
  .con_roo .box_roo .box_det .btn_yel {
    border-width: 2px;
  }
  .con_roo .box_roo .box_det .btn_yel a {
    padding: 1em .5em;
  }
}
.con_roo .box_roo .box_det .btn_yel a:before {
  content: url("../images/common/ic_arr_yel.png");
  margin-right: 3px;
}
.con_roo .box_roo .box_det .rktn a:before {
  content: url("../images/common/ic_arr_rktn.png");
  margin-right: 3px;
}
.con_roo .box_roo .box_det .jalan a:before {
  content: url("../images/common/ic_arr_jalan.png");
  margin-right: 3px;
}
.con_roo .box_roo .box_det .rktn {
  background: url("../images/common/bg_rktn_zara.png") repeat left top;
  border-color: #96c12a;
  border-style: solid;
  margin: 30px 0 0;
  width: 82.15962%;
}
.con_roo .box_roo .box_det .jalan {
  background: url("../images/common/bg_jalan_zara.png") repeat left top;
  border-color: #de712f;
  border-style: solid;
  margin: 10px 0 0;
  width: 82.15962%;
}
@media only screen and (max-width: 640px) {
  .con_roo .box_roo .box_det .btn_yel {
    margin: 5% auto 0;
  }
}
@media only screen and (max-width: 640px) {
  .con_roo .box_roo .box_det .jalan {
    margin-top: 2%;
  }
}


.contents .con_roo .txt {
  font-size: 109%;
}