@charset "UTF-8";
/* CSS Document */

h3{ width: 100%; text-align: center; margin: 75px 0 60px; }
h4{ font-size: 2em; text-align: center; display: block; margin-bottom: 60px; line-height: 1.2em; }
h5{ text-align: left; margin-bottom: 20px; }
.access_img{ text-align: center; width: 770px; margin: 0 auto 55px!important; overflow: hidden; }
.access_img li{ display: inline-block; margin-bottom: 30px; }
.times_list{ float: right; width: 435px; }
.route_map{ float: left; width: 278px; }
.times_list img,.route_map img{ width: 100%; }
.location_point{ display: table; table-layout: fixed; text-align: left; width: 750px; margin: 0 auto 60px!important; }
.location_point li{ display: table-cell; padding: 0 5px; }
.catch{ font-size: 1.8em; margin-bottom: 20px; }
.point_img p{ font-size: 1.1em; line-height: 1.4em; display: block; margin-top: 5px; }
.point_img img{ width: 100%; }
.point_img span{ font-size: 1.3em; }
.location_point_wrap{ width: 740px; margin: 0 auto 10px; }
.area_map_btn{ width: 740px; margin: 10px auto 30px!important; overflow: hidden; }
.area_map_btn li:nth-child(1){ width: 100%; display: inline-block; text-align: right; }
.area_map_btn li:nth-child(1) img{ width: 100%; }
.area_map_btn li:nth-child(2){ width: 59%; display: inline-block; text-align: right; }
.googlemap a{ color: #000; text-decoration: underline; line-height: 1em; }
.googlemap a:hover,.googlemap a:active{ color: #999; text-decoration: underline; }
.sub_wrap p{ text-align: left; }
/* map----------------------------------------------------------*/
.map-code{ display:flex; padding: 5px 10px; background:#000; color: #FFF; }
.code .ico{  }
.map-code .code{ font-size:160%; width: 8em; flex-shrink:0; padding: 7px 0 5px;　}
.map-code .txt{ font-size:90%; line-height:1.5; }
.txt{ text-align:left; font-size:129%; line-height:1.5; }
.map-code .ico{ padding: 0 7px 0 1px; flex-shrink:1; }
.ico{ margin: 0;  padding: 0;  border: 0;  outline: 0;  font-size: 100%;  vertical-align: baseline;  background: transparent; }
/* map----------------------------------------------------------*/


/*　レスポンシブ　*/
@media (max-width: 940px){
.access_img{ width: 100%; padding: 0 20px !important; }
.route_map{ width: 35%; }
.times_list { width: 60%; }

.location_point_wrap ,.location_point , .area_map_btn { width: 100%; }
}


@media (max-width: 640px){
h3{ width: 94%; text-align: center; margin: 0 auto 65px; padding-top: 50px; display: block; }
h4{ font-size: 1.6em; text-align: center; display: block; margin-bottom: 30px; line-height: 1.2em; }
.access_img{ text-align: center; width: 94%; margin: 0 auto 40px; }
.access_img li{ display: block; text-align: center; margin: 0 auto 20px; }
.times_list{ width: 94%; clear: both; float: none; text-align: center; }
.route_map{ width: 94%; clear: both; float: none; text-align: center; }
.times_list img,.route_map img{ width: 100%; }
.location_point{ display: block; table-layout: fixed; text-align: left; width: 94%; margin: 0 auto 60px!important }
.location_point li{ display: block; padding: 0; margin-bottom: 20px; }
.point_img p{ font-size: 1.2em; line-height: 1.6em; display: block; margin-top: 5px; }
.point_img img{ width: 100%; }
.point_img span{ font-size: 1.8em; }
.catch{ font-size: 1.5em; margin: 20px 0; line-height: 1.2em; }
.location_point_wrap{ width: 94%; margin: 0 auto 10px; }
.area_map_btn{ width: 100%; margin: 10px auto 30px; overflow: hidden; }
.area_map_btn li:nth-child(1){ width: 100%; display: block; margin-bottom: 10px; }
.area_map_btn li:nth-child(2){ width: 100%; display: block; text-align: right; }

/*sp入れ替え*/
.location_map_order { display: grid; }
.location_map_order .point_img:first-child{ order: 2; }
.location_map_order .point_img:last-child{ order: 1; }
/*.location_point .nosptxt{ display: none; }*/

/* MAPCODE----------------------------------------------------------*/
.map-code{ display: flex; flex-wrap: wrap; padding: 10px; }
  .txt{ width:100%; font-size: 72%; padding-top: 5px; }
  .code{ font-size: 200%!important; }
}