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

 file name	:access.css
 author		 :Ability Consultant
style info	:金太郎温泉
=================================================================== */
/*----------------------------------------------------
	共通設定
----------------------------------------------------*/
#contents {
  padding: 0 !important;
  background: url(../images/common/bg_body.jpg) 0 0 repeat;
}

.wrp_con {
  padding: 0 30px;
  background: url(../images/common/bg_body.jpg) 0 0 repeat;
}

/*-----------------------------------------------------------
	.con_title タイトルエリア
-----------------------------------------------------------*/
.con_title .con_inner {
  background: url(../images/access/bg_title.jpg) center center no-repeat;
}

/*----------------------------------------------------
	.map　	グーグルマップ
----------------------------------------------------*/
.map {
  margin: 70px auto 0;
  max-width: 1100px;
  height: 445px;
}

/*----------------------------------------------------
	.con_intro　	施設紹介
----------------------------------------------------*/
.con_intro {
  overflow: hidden;
  *zoom: 1;
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 0 70px 0;
}
.con_intro .box_txt {
  /* float: left; */
  width: 100%;
  background: url(../images/access/bg_deco_grade.png) right 0 no-repeat;
  padding: 2% 5% 0 0;
}
.con_intro .box_txt .tbl_basic {
  width: 100%;
}
.con_intro .box_txt .tbl_basic th {
  width: 35%;
}
.con_intro .box_txt h3 {
  margin-bottom: 25px;
  text-align: center;
  font-size: 230%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", "Times New Roman", Times, serif;
}
.con_intro .box_txt h3 span {
  margin-bottom: 15px;
  font-size: 20px;
  display: block;
}
.con_intro .img {
  float: right;
  width: 45%;
}

.txt_r {
  text-align: right;
  margin-top: -70px;
  margin-bottom: 40px;
  display: block;
}

/*----------------------------------------------------
	.box_route　	各アクセスのルート
----------------------------------------------------*/
.con_access .box_route {
  height: 0;
  overflow: hidden;
  margin-bottom: 50px;
}
.con_access .box_route.box_train {
  background: url(../images/access/img_train.png) 0 0 no-repeat;
  padding-top: 250px;
  background-size: contain;
}
.con_access .box_route.box_car {
  background: url(../images/access/img_car.png) 0 0 no-repeat;
  padding-top: 250px;
  background-size: contain;
}
.con_access .box_route.box_plane {
  background: url(../images/access/img_plane.png) 0 0 no-repeat;
  padding-top: 149px;
  background-size: contain;
}

/*----------------------------------------------------
	.con_train　	電車でお越しの方
----------------------------------------------------*/
.con_train {
  padding: 50px 0 100px 0;
  background: url(../images/common/bg_texture_lightbrown.jpg);
  overflow: hidden;
  border-top: 1px solid #4c4040;
}
.con_train .con_inner {
  max-width: 1100px;
  margin: 0 auto;
}
@media only screen and (max-width: 1099px) {
  .con_train .con_inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_train .con_inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 414px) {
  .con_train .con_inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.con_train .con_inner h3 {
  text-align: center;
  margin-bottom: 35px;
}
.con_train .con_inner .box_detail {
  background: #1d0d0d url(../images/access/bg_check_left.png) 0 0 no-repeat;
  background-size: 20% auto;
  position: relative;
  overflow: hidden;
  *zoom: 1;
}
.con_train .con_inner .box_detail .box_unaduki {
  text-align: center;
  padding: 3% 3% 5%;
  border-bottom: 1px solid #4c4040;
}
.con_train .con_inner .box_detail .box_unaduki .box_title {
  text-align: center;
}
.con_train .con_inner .box_detail .box_unaduki .box_title .free {
  background-color: #5c1616;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", "Times New Roman", Times, serif;
  padding: 3px 20px;
  display: inline-block;
  margin: 0 auto 15px;
}
.con_train .con_inner .box_detail .box_unaduki .box_title h4 {
  background: url(../images/access/st_fromunadu.png) center 0 no-repeat;
  height: 0;
  overflow: hidden;
  padding-top: 22px;
  margin-bottom: 30px;
}
.con_train .con_inner .box_detail .box_uodu {
  padding: 3%;
  overflow: hidden;
  *zoom: 1;
}
.con_train .con_inner .box_detail .box_uodu .box_title {
  text-align: center;
}
.con_train .con_inner .box_detail .box_uodu .box_title .free {
  background-color: #5c1616;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", "Times New Roman", Times, serif;
  padding: 3px 20px;
  display: inline-block;
  margin: 0 auto 15px;
}
.con_train .con_inner .box_detail .box_uodu .box_title h4 {
  background: url(../images/access/st_fromuodu.png) center 0 no-repeat;
  height: 0;
  overflow: hidden;
  padding-top: 22px;
  margin-bottom: 30px;
}
.con_train .con_inner .box_detail .box_uodu .box_txt {
  width: 60%;
  float: left;
}
.con_train .con_inner .box_detail .box_uodu .box_txt .txt {
  margin-bottom: 20px;
}
.con_train .con_inner .box_detail .box_uodu .box_txt h5 {
  margin-bottom: 5px;
  color: #EEC885;
}
.con_train .con_inner .box_detail .box_uodu .box_txt h5 span {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", "Times New Roman", Times, serif;
  font-size: 120%;
  margin-right: 5px;
  font-weight: normal;
}
.con_train .con_inner .box_detail .box_uodu .box_txt dl {
  margin-bottom: 20px;
}
.con_train .con_inner .box_detail .box_uodu .box_txt dl dt {
  font-weight: bold;
}
.con_train .con_inner .box_detail .box_uodu .box_txt dl dd {
  margin-left: 20px;
}
.con_train .con_inner .box_detail .box_uodu .box_txt dl dd .fa-angle-right {
  margin-right: 10px;
}
.con_train .con_inner .box_detail .box_uodu .box_txt dl dd .fa-file-pdf-o {
  margin-left: 5px;
}
.con_train .con_inner .box_detail .box_uodu .box_txt dl dd.lnk {
  margin-top: 10px;
}
.con_train .con_inner .box_detail .box_uodu .img {
  float: right;
  width: 40%;
}
.con_train .con_inner .box_detail .box_uodu .img span {
  display: none;
}
/* .con_train .con_inner .box_detail:after {
  content: "";
  width: 100%;
  border-top: 3px double #1d0d0d;
  position: absolute;
  top: 0;
} */

/*----------------------------------------------------
	.con_car　	お車でお越しの方
----------------------------------------------------*/
.con_car {
  padding: 50px 0 80px 0;
  overflow: hidden;
  border-top: 1px solid #4c4040;
}
.con_car .con_inner {
  max-width: 1100px;
  margin: 0 auto;
}
.con_car .con_inner h3 {
  text-align: center;
  margin-bottom: 35px;
}
.con_car .con_inner .box_detail {
  background: #1d0d0d url(../images/access/bg_check_left.png) 0 0 no-repeat;
  background-size: 20% auto;
  border-top: 3px double #1d0d0d;
  overflow: hidden;
  padding: 3%;
}
/* .con_car .con_inner .box_detail:after {
  content: "";
  width: 100%;
  border-top: 3px double #1d0d0d;
  position: absolute;
  top: 0;
} */
.con_car .con_inner .box_detail .box_txt {
  float: left;
  width: 66%;
  padding-right: 20px;
}
.con_car .con_inner .box_detail .box_txt h4 {
  color: #EEC885;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Times New Roman", Times, serif;
  font-size: 120%;
  font-weight: normal;
  margin-bottom: 5px;
}

/*----------------------------------------------------
	.con_plane　	飛行機でお越しの方
----------------------------------------------------*/
.con_plane {
  padding: 50px 0;
  background: url(../images/common/bg_texture_lightbrown.jpg);
  overflow: hidden;
  border-top: 1px solid #4c4040;
}
.con_plane .con_inner {
  max-width: 1100px;
  margin: 0 auto;
}
@media only screen and (max-width: 1099px) {
  .con_plane .con_inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_plane .con_inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 414px) {
  .con_plane .con_inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.con_plane .con_inner h3 {
  text-align: center;
  margin-bottom: 35px;
}

/*----------------------------------------------------
	.con_parking　	駐車場
----------------------------------------------------*/
.con_parking {
  padding: 60px 0 80px;
  overflow: hidden;
  border-top: 1px solid #4c4040;
}
.con_parking .con_inner {
  max-width: 1100px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
  background-color: #120606;
  padding: 2% 5%;
}
@media only screen and (max-width: 1099px) {
  .con_parking .con_inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_parking .con_inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 414px) {
  .con_parking .con_inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.con_parking .con_inner .box_txt {
  width: 65%;
  float: right;
  padding-top: 30px;
}
.con_parking .con_inner .box_txt h4 {
  margin-bottom: 20px;
}
.con_parking .con_inner .box_txt .tbl_basic {
  width: 100%;
}
.con_parking .con_inner .img {
  float: left;
  margin-right: 5%;
  width: 30%;
  text-align: center;
}