@charset "UTF-8";
/* ===================================================================
CSS information

 file name	:facility.css
 author		 :Ability Consultant
style info	:金太郎温泉
=================================================================== */
/*-----------------------------------------------------------
	.con_title タイトルエリア
-----------------------------------------------------------*/
.con_title .con_inner {
  background: url(../images/facility/bg_title.jpg) center center no-repeat;
}

.con_intro .m_page{
  display: flex;
  flex-wrap: wrap;
}

.con_intro .m_page li{
  float: none !important;
}

.con_intro .m_page li a{
  display: block;
  height: 100% !important;
}

/*----------------------------------------------------
  .con_intro　 INTRO
----------------------------------------------------*/

#lnk_dish{
  position: relative;
}

#lnk_dish .btn_gaia{
  position: absolute;
  left: 45px;
  bottom: 120px;
}

/*----------------------------------------------------
	.con_intro　	INTRO
----------------------------------------------------*/
.con_intro {
  background: url(../images/common/bg_texture_brown.jpg) 0 0;
  padding-top: 1px;
  border-bottom: 1px solid #4c4040;
  margin-top: 65px;
}
.con_intro .bg {
  padding-top: 1px;
  background: url(../images/facility/img_facility01.jpg) center center no-repeat;
  max-width: 1100px;
  margin: 0 auto;
  height: 470px;
}
.con_intro .con_inner {
  max-width: 1100px;
  margin: 0px auto 0 auto;
  position: relative;
  padding-bottom: 90px;
}
@media only screen and (max-width: 1099px) {
  .con_intro .con_inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .con_inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 414px) {
  .con_intro .con_inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.con_intro .con_inner:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.con_intro .m_page {
  overflow: hidden;
  padding-left: 1px;
  padding-top: 1px;
}
.con_intro .m_page li {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  float: left;
  width: 33%;
  margin-left: -1px;
  margin-top: -1px;
  border: 1px solid #4e4444;
  text-align: center;
}
.con_intro .m_page li a {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  background: #261616;
  text-decoration: none;
  font-size: 118%;
  text-align: center;
  padding: 1.5em 0.5em 1.5em;
  line-height: 1em;
  height: auto;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", "Times New Roman", Times, serif;
}
.con_intro .m_page li a:hover {
  background: #541717;
}

.con_fac {
  text-align: center;
}
.con_fac .btn_gaia {
  display: inline-block;
  font-size: 110%;
  text-decoration: none;
  color: #fff;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", "Times New Roman", Times, serif;
  background: #000000;
  border: 1px solid #3d3535;
  padding: 15px;
  width: 300px;
  text-align: center;
  padding-left: 4em;
  padding-right: 4em;
  width: auto;
}

/* -----------------------------------------------------------
	Table		表設定
----------------------------------------------------------- */
table.tbl_basic th {
  border-top: none;
  width: 12%;
  font-size: 110%;
  padding: 1.9% 0.5% 1.9% 2.5%;
}
table.tbl_basic th.fast {
  border-top: 1px solid #ffe6bd !important;
}
table.tbl_basic th:before {
  content: "\f1db";
  font-family: 'FontAwesome';
  font-weight: 100;
  margin-right: 5px;
}
table.tbl_basic td {
  border-top: none;
  padding-bottom: 2em;
}
table.tbl_basic td.fast {
  border-top: 1px solid #ffe6bd;
}
