@charset 'UTF-8';
.box_navMap {
    position: relative;
    width: 310px;
    margin: 0 auto;
}
.box_mapImages {
    width: 250px;
    margin: 0 30px;
    padding: 0;
    overflow: hidden;
}
.box_navMap [id^='im'] {
    position: absolute;
    top: 0;
    width: 30px;
    height: 188px;
    cursor: pointer;
}
.box_navMap [id^='im']:empty {
    cursor: default;
    pointer-events: none;

    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
.box_navMap [id^='im'] img {
    position: absolute;
    top: 50%;
    top: -webkit-calc(50% - 14px);
    top: calc(50% - 14px);
}
.box_navMap #imNext {
    right: 0;
}
.box_navMap #imNext img {
    left: 6px;
}
.box_navMap #imPrev {
    left: 0;
}
.box_navMap #imPrev img {
    right: 6px;
}
.slideImage {
    width: 1000%;
}
.box_mapImages .box_mapImage {
    display: block;
    float: left;
    width: 250px;
}
.box_mapImages .img_navMap {
    position: relative;
    display: block;
    width: 100%;
    height: 188px;
    background-color: #ddd;
}
.img_navMap img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 250px;
    max-height: 188px;
    margin: auto;
}
.box_mapImages .mes {
    bottom: 0;
    width: 100%;
    font-size: 12px;
    padding: 5px 0;
    box-sizing: border-box;
}
#pointer {
    text-align: center;
}
#pointer span {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-left: 5px;
    background-color: #c0c0c0;
    border-radius: 5px;
}
#pointer span.current {
    background-color: rgb(19, 19, 19);
}
/* --------------------------------------- */
/* Google map ルート検索 */
/* --------------------------------------- */
/* headline */
.hl_nav {
    width: 300px;
    font-size: 14px;
    font-weight: bold;
    margin: 10px auto 4px;
    background-color: #ffd;
}
.hl_nav:before {
    display: inline-block;
    margin-right: 1px;
    border-width: 10px 6px 0 6px;
    border-style: solid;
    border-color: #666 transparent transparent transparent;
    content: '';
}
/* buttons */
.route_link {
    width: 300px;
    margin: 0 auto;
}
.route_link.fl_base .fl_inner {
    width: 33.3%;
    text-align: center;
    box-sizing: border-box;
    flex: 1 0 auto;
}
.route_link.fl_base .fl_inner:nth-child(1) {
    padding-right: 1px;
}
.route_link.fl_base .fl_inner:nth-child(2) {
    padding-right: 1px;
    padding-left: 1px;
}
.route_link.fl_base .fl_inner:nth-child(3) {
    padding-left: 1px;
}
.route_link .btn_exlink {
    position: relative;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-top: 44px;
    background-color: #ccc;
    border-radius: 6px;
}
.route_link .btn_exlink:not(:active) {
    box-shadow: 0 3px 0 #666;
}
.route_link .btn_exlink:active {
    transform: translate3d(0, 3px, 0);
    box-shadow: none;
}
.route_link .btn_exlink:before {
    position: absolute;
    top: 4px;
    right: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-image: url(/sp/st_img/icon_nav-e7ed4467b1f9a6464324c3530420b8ef.png);
    background-repeat: no-repeat;
    background-size: 120px 40px;
    content: '';
}
.route_link .btn_exlink.train:before {
    background-position: -40px 0;
}
.route_link .btn_exlink.walk:before {
    background-position: -80px 0;
}
/* 地図枠 */
.frame_map {
    max-width: 480px;
    margin: 10px auto;
}