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

.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  :facilities.css
 author     :Ability Consultant
style info  :コピー
=================================================================== */
/* -----------------------------------------------------------
	タイトル
----------------------------------------------------------- */
.page_title {
  width: 100%;
  height: 187px;
  text-align: center;
  position: relative;
  background: url(../facilities/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: -82.5px;
  vertical-align: middle;
}

#contents h3 {
  margin: 0 auto 4%;
}
@media only screen and (max-width: 640px) {
  #contents h3 {
    margin: 5% auto;
  }
}
#contents h3 img {
  display: block;
  margin: auto;
}
#contents .btn_yel {
  max-width: 350px;
  background: url("../images/common/bg_yel_zara.png") repeat left top;
  border-color: #b9a034;
  border-style: solid;
  width: 200px;
  width: 82.15962%;
  margin: 0 auto;
}
#contents .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;
}
#contents .btn_yel a:link, #contents .btn_yel a:visited, #contents .btn_yel a:hover, #contents .btn_yel a:active {
  text-decoration: none;
  color: #fff !important;
}
@media only screen and (min-width: 641px) {
  #contents .btn_yel {
    border-width: 3px;
  }
  #contents .btn_yel a {
    padding: 0.5em 1em;
  }
}
@media print {
  #contents .btn_yel {
    border-width: 3px;
  }
  #contents .btn_yel a {
    padding: 0.5em 1em;
  }
}
.ie8 #contents .btn_yel {
  border-width: 3px;
}
.ie8 #contents .btn_yel a {
  padding: 0.5em 1em;
}
@media only screen and (max-width: 640px) {
  #contents .btn_yel {
    border-width: 2px;
  }
  #contents .btn_yel a {
    padding: 1em .5em;
  }
}
#contents .btn_yel a:before {
  content: url("../images/common/ic_arr_yel.png");
  margin-right: 3px;
}
@media only screen and (max-width: 640px) {
  #contents .btn_yel {
    margin: 0 auto;
  }
  #contents .btn_yel a {
    padding: 3% 0;
  }
}

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

/*
/* -----------------------------------------------------------
	.nav_fac
----------------------------------------------------------- */
.nav_fac {
  margin: 3em 0;
  background: url(../facilities/images/bg_lnk_fac.jpg) repeat-x bottom;
  padding-bottom: 20px;
}
@media only screen and (max-width: 1100px) {
  .nav_fac {
    background: url(../hotspring/images/onsen/link_bg-sp.jpg);
    padding: 0.5em 0;
  }
}
@media only screen and (max-width: 640px) {
  .nav_fac {
    margin: 2em 0;
  }
}

.lnk_fac {
  margin: 0 auto 1em;
}
@media only screen and (max-width: 1100px) {
  .lnk_fac {
    margin: 0 auto 0.5em;
  }
}
.lnk_fac ul {
  width: 100%;
  overflow: hidden;
}
.lnk_fac ul li {
  float: left;
  width: 24.27273%;
  margin-left: 0.90909%;
  margin-bottom: 1em;
  /*
  @include box-shadow(1px 6px 6px rgba(0,0,0,0.15)); */
}
.lnk_fac ul li a {
  display: block;
  overflow: hidden;
  *zoom: 1;
}
.lnk_fac ul li a img {
  float: left;
}
.lnk_fac ul li:nth-child(4n+1) {
  margin-left: 0;
}
@media only screen and (max-width: 640px) {
  .lnk_fac ul li {
    background: #f9f5e8;
    width: 49.5%;
    margin: 0.5% 0% 0.5% 0.5%;
  }
  .lnk_fac ul li a {
    text-decoration: none;
    color: #000;
    padding: 3.63636%;
    position: relative;
  }
  .lnk_fac ul li a:before {
    position: absolute;
    top: 49%;
    right: 3%;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px;
    border-color: #766315 transparent transparent transparent;
  }
  .lnk_fac ul li:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }
  .lnk_fac ul li:nth-child(even) {
    float: right;
  }
}
.lnk_fac .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;
}
.lnk_fac .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;
}
.lnk_fac .btn_yel a:link, .lnk_fac .btn_yel a:visited, .lnk_fac .btn_yel a:hover, .lnk_fac .btn_yel a:active {
  text-decoration: none;
  color: #fff !important;
}
@media only screen and (min-width: 641px) {
  .lnk_fac .btn_yel {
    border-width: 3px;
  }
  .lnk_fac .btn_yel a {
    padding: 0.5em 1em;
  }
}
@media print {
  .lnk_fac .btn_yel {
    border-width: 3px;
  }
  .lnk_fac .btn_yel a {
    padding: 0.5em 1em;
  }
}
.ie8 .lnk_fac .btn_yel {
  border-width: 3px;
}
.ie8 .lnk_fac .btn_yel a {
  padding: 0.5em 1em;
}
@media only screen and (max-width: 640px) {
  .lnk_fac .btn_yel {
    border-width: 2px;
  }
  .lnk_fac .btn_yel a {
    padding: 1em .5em;
  }
}
.lnk_fac .btn_yel a:before {
  content: url("../images/common/ic_arr_yel.png");
  margin-right: 3px;
}
@media only screen and (max-width: 1100px) {
  .lnk_fac .btn_yel {
    width: 80%;
  }
}

/* -----------------------------------------------------------
	.con_slider
----------------------------------------------------------- */
.con_slider .bx-pager {
  float: right;
}
.con_slider .bx-pager li {
  width: 50px;
}
.con_slider .bx-pager li:last-child {
  margin-right: 0;
}
.con_slider .txt {
  margin: 2% 0;
}

/* -----------------------------------------------------------
	.con_fac
----------------------------------------------------------- */
.con_fac h4 {
  margin: 8% auto 4%;
  text-align: center;
}
.con_fac#garden .box_2_cols {
  overflow: hidden;
  *zoom: 1;
  margin: 0;
}
.con_fac#garden .box_2_cols p {
  float: left;
  width: 49%;
  margin: 2% 0;
}
.con_fac#garden .box_2_cols p.btn_yel {
  float: right;
}
@media only screen and (max-width: 640px) {
  .con_fac#garden .box_2_cols p {
    width: 100%;
  }
}

/* -----------------------------------------------------------
	.box_mutil
----------------------------------------------------------- */
.box_mutil {
  overflow: hidden;
  *zoom: 1;
  margin: 4% auto 4%;
  position: relative;
}
.box_mutil:before {
  position: absolute;
  top: 0;
  left: 49.72727%;
  width: 1px;
  height: 100%;
  border-left: 1px dashed #948552;
  display: block;
  content: "";
}
.box_mutil .con_fac {
  float: left;
  width: 48.36364%;
  border-top: 1px dashed #948552;
}
.box_mutil .con_fac:nth-child(2n+1) {
  clear: left;
  padding-right: 1.36364%;
}
.box_mutil .con_fac:nth-child(2n+2) {
  padding-left: 1.36364%;
}
.box_mutil .con_fac:first-child, .box_mutil .con_fac:nth-child(2) {
  border-top: 0;
}
.box_mutil .con_fac .box_2_cols {
  overflow: hidden;
  *zoom: 1;
  margin: 0% 0 3%;
}
.box_mutil .con_fac .box_2_cols .txt {
  float: left;
  width: 43.30709%;
}
.box_mutil .con_fac .box_2_cols .img {
  float: right;
  width: 50.59055%;
}
.box_mutil .con_fac .btn_yel {
  margin: 4% auto;
}
.box_mutil .con_fac:last-child .btn_yel {
  margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .box_mutil:before {
    display: none;
  }
  .box_mutil .con_fac {
    float: none;
    border: 0;
    width: 100%;
  }
}

@media only screen and (max-width: 1100px) {
  table th {
    width: 28%;
  }

  .container {
    width: 95%;
  }
}
@media only screen and (max-width: 640px) {
  .container {
    width: 95%;
  }
  .container table th, .container table td {
    font-size: 117%;
  }
  .container table td {
    list-style: none;
  }
  .container .con_fac {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .container .con_fac .img img {
    width: 100%;
  }

  .con_slider .bx-caption {
    margin-top: 3%;
  }
}
@media only screen and (max-width: 640px) and (max-width: 640px) {
  .con_slider .bx-pager {
    float: none;
  }
  .con_slider .bx-pager li {
    margin-right: 0;
  }
}