@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*紺色*/
/*灰色*/
/*灰色*/
/*ベージュ*/
#access #header .header_logo a {
  background: url("../images/access/header_logo.png") top left no-repeat;
}
#access #header .navInfo li a, #access #header .gnav li a {
  color: #444;
}
#access #header .navInfo .navInfo_news a {
  background: url("../images/access/header_ico_news.png") top 50% left no-repeat;
}
#access #header .navInfo .navInfo_access a {
  background: url("../images/access/header_ico_access.png") top 50% left no-repeat;
}

.access_lttl {
  margin-bottom: 70px;
  font-weight: 500;
  font-size: 2.6rem;
  line-height: 1.2;
  letter-spacing: .3em;
  text-align: center;
	z-index: 9999!important;
}

.access_mttl {
  margin-bottom: 40px;
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 1.2;
  letter-spacing: .2em;
  text-align: center;
	z-index: 9999!important;
}

#access_wide .content {
  padding-bottom: 40px;
}
#access_wide .access_lttl {
  text-align: left;
}
#access_wide .access_wide_map {
  margin-top: -100px;
}

#access_narrow {
  background: #EEE;
}
#access_narrow .content {
  padding: 0;
}
#access_narrow .flex_wrap {
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}
#access_narrow .access_narrow_ttl {
  width: 285px;
  color: #E24772;
  font-size: 3.0rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
#access_narrow .access_narrow_ttl .ramp {
  display: inline-block;
  width: 200px;
  background: #E24772;
  color: #FFF;
  font-size: 2.0rem;
  font-weight: 600;
  line-height: 3.0rem;
}
#access_narrow .access_narrow_map {
  width: 915px;
}

#map .content {
  padding: 0;
}
#map .gmap {
  width: 100%;
}

#car .content {
  padding-bottom: 0;
}
#car .access_list {
  margin-bottom: 50px;
}
#car .access_list_item {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  margin-bottom: 30px;
  font-size: 1.6rem;
  letter-spacing: .3em;
  line-height: 3.4rem;
}
#car .access_list_item:last-child {
  margin-bottom: 0;
}
#car .access_list_item .from {
  width: 300px;
  background: #000;
  color: #FFF;
  text-align: center;
}
#car .access_list_item .via {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  justify-content: space-between;
  width: 900px;
  padding: 0 40px;
  background: #EEE;
}
#car .access_list_item .via .duration {
  position: relative;
  color: #FF3F00;
  font-size: 2.0rem;
}
#car .access_list_item .via .duration:before {
  position: absolute;
  top: 12px;
  left: -90px;
  content: '';
  width: 72px;
  height: 7px;
  background: url("../images/access/car_arrow.png") top center no-repeat;
}
#car .car_nav {
  font-size: 1.6rem;
  letter-spacing: .3em;
  text-align: center;
}

#train .train_wrap {
  justify-content: space-between;
  margin-bottom: 50px;
}
#train .train_wrap .train_access {
  width: 690px;
}
#train .train_wrap .time_table {
  width: 465px;
}
#train .train_wrap .time_table .time_table_ttl {
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}
#train .train_wrap .time_table .time_table_table {
  width: 100%;
  margin-bottom: 20px;
}
#train .train_wrap .time_table .time_table_table tr {
  border-bottom: #CCC 1px solid;
}
#train .train_wrap .time_table .time_table_table th {
  position: relative;
  width: 125px;
  padding-bottom: 20px;
}
#train .train_wrap .time_table .time_table_table th .station {
  display: inline-block;
  width: 125px;
  background: #3F3F40;
  color: #FFF;
  font-size: 1.4rem;
  text-align: center;
  letter-spacing: .2em;
  line-height: 2.8rem;
}
#train .train_wrap .time_table .time_table_table th.arrow {
  position: relative;
  width: 44px;
}
#train .train_wrap .time_table .time_table_table th.arrow:after {
  position: absolute;
  top: 10px;
  left: 0;
  content: '';
  width: 40px;
  height: 7px;
  background: url("../images/access/train_arrow.png") top center no-repeat;
}
#train .train_wrap .time_table .time_table_table td {
  padding: .2em 0;
  font-size: 1.4rem;
  text-align: center;
}
#train .train_wrap .time_table .time_table_text {
  font-size: 1.3rem;
  line-height: 1.6;
}
#train .bus_taxi .bus {
  width: 690px;
}
#train .bus_taxi .bus .bus_list {
  justify-content: space-between;
}
#train .bus_taxi .bus .bus_list_item {
  position: relative;
  width: 210px;
}
#train .bus_taxi .bus .bus_list_item:after {
  position: absolute;
  top: 70px;
  right: -32px;
  content: '';
  width: 22px;
  height: 15px;
  border: transparent 11px solid;
  border-left: #588795 11px solid;
}
#train .bus_taxi .bus .bus_list_item:last-child:after {
  content: none;
}
#train .bus_taxi .bus .bus_list_text {
  padding: .5em 0;
  font-size: 1.6rem;
  letter-spacing: .15em;
  text-align: center;
}
#train .bus_taxi .taxi {
  width: 465px;
}
#train .bus_taxi .taxi .taxi_list_item {
  margin-bottom: 30px;
  font-size: 1.6rem;
  letter-spacing: .3em;
  line-height: 1.6;
  text-align: center;
}
#train .bus_taxi .taxi .taxi_list_item .tel {
  color: #B20000;
  font-weight: 600;
}

@media screen and (max-width: 640px) {
  #access #header .header_logo {
    width: 44.7368421053vw;
    /*(340/760)*100vw*/
    top: 3.9473684211vw;
    /*(30/760)*100vw*/
    left: 3.9473684211vw;
    /*(30/760)*100vw*/
  }
  #access #header .header_logo a {
    width: 44.7368421053vw;
    height: 8.9473684211vw;
    background-size: contain;
  }
  #access #header .drawer_button.active .drawer_bar {
    background-color: #FFF;
  }
  #access #header .drawer_button .drawer_bar {
    background-color: #444;
  }
  #access #header .drawer_menu_wrapper {
    background-color: #444;
  }
  #access #header .gnav li {
    border-bottom: #FFF 1px solid;
    border-left: #FFF 1px solid;
  }
  #access #header .gnav li:nth-child(-n+2) {
    border-top: #FFF 1px solid;
  }
  #access #header .gnav li a {
    color: #FFF;
  }
  .access_lttl {
    margin-bottom: 3.9473684211vw;
    /*(30/760)*100vw*/
    font-size: 3.9473684211vw;
    /*(30/760)*100vw*/
  }

  .access_mttl {
    margin-bottom: 3.9473684211vw;
    /*(30/760)*100vw*/
    font-size: 3.9473684211vw;
    /*(30/760)*100vw*/
  }

  #access_wide .content {
    padding: 0 0 3.9473684211vw;
  }
  #access_wide .access_lttl {
    /*text-align: left;	*/
  }
  #access_wide .access_wide_map {
    margin-top: 0;
  }

  #access_narrow .content {
    padding: 9.2105263158vw 0;
  }
  #access_narrow .flex_wrap {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  #access_narrow .access_narrow_ttl {
    width: 100%;
    font-size: 5.2631578947vw;
    /*(40/760)*100vw*/
  }
  #access_narrow .access_narrow_ttl .ramp {
    width: 39.4736842105vw;
    /*(400/760)*100vw*/
    font-size: 3.9473684211vw;
    /*(30/760)*100vw*/
    line-height: 6.5789473684vw;
    /*(50/760)*100vw*/
  }
  #access_narrow .access_narrow_map {
    width: 100%;
  }

  #map .gmap {
    height: 100vw;
  }

  #car .access_list {
    margin-bottom: 5.2631578947vw;
    /*(40/760)*100vw*/
  }
  #car .access_list_item {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    margin-bottom: 3.9473684211vw;
    /*(30/760)*100vw*/
    font-size: 3.4210526316vw;
    /*(26/760)*100vw*/
  }
  #car .access_list_item:last-child {
    margin-bottom: 0;
  }
  #car .access_list_item .from {
    width: 100%;
    padding: .3em 0;
  }
  #car .access_list_item .via {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 100%;
    padding: .5em .5em .5em  1.5em;
    text-indent: -1em;
    letter-spacing: .2em;
  }
  #car .access_list_item .via .duration {
    font-size: 3.9473684211vw;
    /*(30/760)*100vw*/
  }
  #car .access_list_item .via .duration:before {
    top: 1.5789473684vw;
    /*(12/760)*100vw*/
    left: -15.7894736842vw;
    /*(-120/760)*100vw*/
    content: '';
    width: 9.4736842105vw;
    /*(72/760)*100vw*/
    height: 0.9210526316vw;
    /*(7/760)*100vw*/
    background-size: contain;
  }
  #car .car_nav {
    font-size: 3.4210526316vw;
    /*(26/760)*100vw*/
    letter-spacing: .2em;
    text-align: left;
  }

  #train .train_wrap {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    margin-bottom: 5.2631578947vw;
    /*(40/760)*100vw*/
  }
  #train .train_wrap .train_access {
    width: 100%;
    margin-bottom: 5.2631578947vw;
    /*(40/760)*100vw*/
  }
  #train .train_wrap .time_table {
    width: 100%;
  }
  #train .train_wrap .time_table .time_table_ttl {
    margin-bottom: 3.9473684211vw;
    /*(30/760)*100vw*/
    font-size: 3.4210526316vw;
    /*(26/760)*100vw*/
  }
  #train .train_wrap .time_table .time_table_table {
    width: 100%;
    margin-bottom: 3.9473684211vw;
    /*(30/760)*100vw*/
  }
  #train .train_wrap .time_table .time_table_table th {
    position: relative;
    width: 23.6842105263vw;
    /*(180/760)*100vw*/
    padding-bottom: 2.6315789474vw;
    /*(20/760)*100vw*/
  }
  #train .train_wrap .time_table .time_table_table th .station {
    width: 23.6842105263vw;
    /*(180/760)*100vw*/
    font-size: 3.1578947368vw;
    /*(24/760)*100vw*/
    letter-spacing: .1em;
    line-height: 2.0;
    white-space: nowrap;
  }
  #train .train_wrap .time_table .time_table_table th.arrow {
    width: 5.7894736842vw;
    /*(44/760)*100vw*/
  }
  #train .train_wrap .time_table .time_table_table th.arrow:after {
    position: absolute;
    top: 2.6315789474vw;
    /*(20/760)*100vw*/
    left: 0;
    content: '';
    width: 5.2631578947vw;
    /*(40/760)*100vw*/
    height: 0.9210526316vw;
    /*(7/760)*100vw*/
    background-size: contain;
  }
  #train .train_wrap .time_table .time_table_table td {
    font-size: 3.1578947368vw;
    /*(24/760)*100vw*/
  }
  #train .train_wrap .time_table .time_table_text {
    font-size: 3.1578947368vw;
    /*24/760)*100vw*/
  }
  #train .bus_taxi {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  #train .bus_taxi .bus {
    width: 100%;
    margin-bottom: 5.2631578947vw;
    /*(40/760)*100vw*/
  }
  #train .bus_taxi .bus .bus_list {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    /*justify-content: space-between;*/
  }
  #train .bus_taxi .bus .bus_list_item {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    margin-bottom: 3.9473684211vw;
    /*(30/760)*100vw*/
  }
  #train .bus_taxi .bus .bus_list_item figure {
    width: 32.8947368421vw;
    /*(250/760)*100vw*/
  }
  #train .bus_taxi .bus .bus_list_item:after {
    position: absolute;
    top: auto;
    bottom: -3.9473684211vw;
    /*(-30/760)*100vw*/
    right: auto;
    left: 13.1578947368vw;
    /*(100/760)*100vw*/
    content: '';
    width: 2.8947368421vw;
    /*(22/760)*100vw*/
    height: 1.9736842105vw;
    /*(15/760)*100vw*/
    border: transparent 1.4473684211vw solid;
    border-top: #588795 1.4473684211vw solid;
  }
  #train .bus_taxi .bus .bus_list_item:last-child:after {
    content: none;
  }
  #train .bus_taxi .bus .bus_list_text {
    width: 50vw;
    /*(380/760)*100vw*/
    padding: .5em 0;
    font-size: 3.4210526316vw;
    /*(26/760)*100vw*/
    text-align: left;
  }
  #train .bus_taxi .taxi {
    width: 100%;
  }
  #train .bus_taxi .taxi .taxi_list_item {
    margin-bottom: 3.9473684211vw;
    /*(30/760)*100vw*/
    font-size: 3.4210526316vw;
    /*(26/760)*100vw*/
  }
}