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

 file name  : access.css
 author     : アクセス
=================================================================== */
#cus_page {
  overflow: hidden;
}

/* -----------------------------------------------------------
	.con_lnk
----------------------------------------------------------- */
.con_lnk {
  margin-bottom: 20px;
  padding-bottom: 17px;
}
.con_lnk .box_container {
  display: block;
}
.con_lnk .box_container ul {
  text-align: center;
}
.con_lnk .box_container ul li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border-left: 1px dotted #c1b9a7;
  padding: 0 48px;
  margin-bottom: 20px;
}
.con_lnk .box_container ul li:last-child {
  border-right: 1px dotted #c1b9a7;
}
.con_lnk .box_container ul li a {
  font-size: 129%;
  display: block;
  position: relative;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  color: #614c40;
  text-align: center;
  text-decoration: none;
}
.con_lnk .box_container ul li a:hover, .con_lnk .box_container ul li a.active {
  color: #937c50;
}
.con_lnk .box_container ul li a:hover:before, .con_lnk .box_container ul li a.active:before {
  display: block;
  content: '↓';
  position: absolute;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  font-size: 100%;
  color: #c1b9a7;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.con_lnk .box_container ul li a:hover:before,
.con_lnk .box_container ul li a.active:before {
  bottom: 0;
}
.con_lnk .box_container select {
  vertical-align: middle;
  width: 100%;
  padding: 10px 0 15px;
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
.con_intro {
  margin-top: 20px;
  margin-bottom: 50px;
}

/* -----------------------------------------------------------
	.con_info, .con_route, .con_sightseeing
----------------------------------------------------------- */
.con_info, .con_route, .con_sightseeing, .con_cycle {
  margin-bottom: 50px;
}

/* -----------------------------------------------------------
	.box_train, .box_car
----------------------------------------------------------- */
.box_train, .box_car {
  margin-bottom: 50px;
}

/* -----------------------------------------------------------
	.car, .parking, .train, .bus
----------------------------------------------------------- */
.car, .parking, .train, .bus {
  margin-bottom: 30px;
}