@charset "utf-8";

#js{display:none;}

/*
page transition
----------------------------*/
html{width:100%;min-height:100%;}
body{width:100%;min-height:100%;margin:1px 0 0;padding:0;}
#wrapper{width:100%;overflow:hidden;}
.page{display:none;position:absolute;top:0;left:0;z-index:1;width:100%;background:#438ac4;overflow:hidden;
}
.current_top_walk #top_walk{top:0;left:0;}
.current_top_walk #top_drive{top:0;left:100%;}
.current_top_walk #route_map{top:-100%;left:0;}
.current_top_drive #top_walk{top:0;left:-100%;}
.current_top_drive #top_drive{top:0;left:0;}
.current_top_drive #route_map{top:-100%;left:0;}
.current_route_map #top_walk{top:-100%;left:0;}
.current_route_map #top_drive{top:-100%;left:0;}
.current_route_map #route_map{top:0;left:0;}
.current_route_map #route_list{top:100%;left:0;}
.current_route_list #top_walk{top:100%;left:0;}
.current_route_list #top_drive{top:100%;left:0;}
.current_route_list #route_map{top:0;left:0;}
.current_route_list #route_list{top:0;left:0;z-index:9;}
.lightbox{display:none;}

/*
walk / drive
----------------------------*
.type_walk img.type_walk,
.type_drive img.type_drive{display:inline;}
.type_walk img.type_drive,
.type_drive img.type_walk{display:none;}


/*
search top
----------------------------*/
#result{width:100%;}

/* ルート検索トップ */
.navitop{background-color:#ffffff;}
.navitop-header{margin:0;padding:10px 15px;background:url(/f/mapion_smartphone/img/common/bg_texture_01.png) left top;-webkit-background-size:64px 64px;background-size:64px 64px;line-height:1.2;}
.navitop-header-wrap{display: box;display: -webkit-box; box-align:center; -webkit-box-align:center;}
.navitop-title{margin:0 20px 0 0;padding:0 0 0 8px;background:url(/f/mapion_smartphone/img/common/bg_title_01.png) no-repeat left 3px;-webkit-background-size:5px 16px;background-size:5px 16px;font-size:17px;font-weight:bold;}
.navitop-select{-webkit-box-flex:1;box-flex:1;}
.navitop-select ul{ display: table; width:100%; overflow: hidden;border: 1px solid #4087c7; border-radius: 10px; table-layout: fixed; background-color: #fafafa;}
.navitop-select li {display: table-cell; padding: 5px 7px 5px 7px; text-align: center; vertical-align: middle; font-size:12px; color:#4087c7}
.navitop-select li:first-child{ border-radius:9px 0 0 9px;}
.navitop-select li:last-child{ border-radius:0 9px 9px 0;}
.navitop-select  li.navitop-select-drive {border-right: 1px solid #4087c7;}
.navitop-select  li .navi-sprite{ display:block; width:25px; height:19px; margin:0 auto 2px auto; }
.navitop-select  li.navitop-select-drive .navi-sprite{ background-position:0px -75px;}
.navitop-select  li.navitop-select-walk .navi-sprite{ background-position:-25px -75px;}
.navitop-select  li.select { color:#444444; background-color:#aae2f8;}
.navitop-select  li.navitop-select-drive.select .navi-sprite{ background-position:0px -50px;}
.navitop-select  li.navitop-select-walk.select .navi-sprite{ background-position:-25px -50px;}

.navitop-login{display: box;display: -webkit-box; box-align:center; -webkit-box-align:center; background:url(/f/mapion_smartphone/img/common/bg_texture_03.png) left top;}
.navitop-login-info{display:block; width:21px; margin:0 0 0 15px;}
.navitop-login-info .navi-sprite{display:block; width:21px; height:21px; background-position:-50px -50px;}
.navitop-login p{ padding:10px; -webkit-box-flex:1;box-flex:1; font-size:12px; line-height:1.2;}
.navitop-login-arrow{display:block; width:44px;}
.navitop-login-arrow .navi-sprite{display:block; width:44px; height:44px; background-position:-50px 0;}

.navitop-from,
.navitop-to,
.navitop-through{display: box;display: -webkit-box; position:relative; box-align:center; -webkit-box-align:center; margin:15px 45px 0 13px ;}
.navitop-from .navi-sprite{ display:block; width:30px; height:30px; background-position:-100px -50px; }
.navitop-to .navi-sprite{ display:block; width:30px; height:30px; background-position:-150px -50px; }
.navitop-through .navi-sprite{ display:block; width:30px; height:30px; background-position:-200px -50px; }
.navitop-from input[type="text"],
.navitop-to input[type="text"],
.navitop-through input[type="text"] { margin:0 0 0 5px; -webkit-box-flex:1; box-flex:1; box-sizing:border-box; display:block; border:1px solid #999999;}
.navitop-through-delete{ display:block; position:absolute; width:40px; height:40px; top:0; right:0;}
.navitop-through-delete  .navi-sprite{ display:block; width:20px; height:20px; margin:10px 0 0 10px; background-position:-75px -50px;}
.navitop-add{ padding:15px 0px; text-align:center; font-size:15px; color:#4087c7;}
.navitop-change{ position:relative;}
.navitop-drive .navitop-change{ position:relative;top: -10px;}
.navitop-change-btn{ position:absolute; display:block; width:40px; height:40px; right:0; top:-12px;}
.navitop-change-btn .navi-sprite{ display:block; width:25px; height:25px; background-position: -50px -75px; margin:7px 0 0 7px;}
.navitop-bottom{ background-color:#f5f5f5; padding:0px 15px 25px 15px;}

.navitop-highway {margin: 5px 45px 0 13px;padding-left: 35px;}
.navitop-highway input[type="checkbox"] {margin-top: -2px;}

.navitop-option{ margin:0;}
.navitop-walk .navitop-option{ margin:15px 0 0 0;}
.navitop-option dt{ display:block; padding:10px 0 5px 5px; font-size:12px; color:#666666;}
.navitop-option dd{ display:block; position:relative;}
.navitop-option select{ -webkit-appearance:none; appearance:none; width:100%; height:48px;  margin:0; padding:10px; background-color:#FFFFFF; border: 1px solid #4087c7; border-radius:10px; color:#444444; font-size:15px; font-weight:normal;}
.navitop-option-arrow{display:block; position:absolute; top:21px; right:15px; }
.navitop-option-arrow .navi-sprite{display:block; width:12px; height:7px; background-position:-75px -75px;}
.navitop-submit{height:46px; margin:20px 0 0 0;border-radius:10px;border:1px solid #000;background:url(/f/mapion_smartphone/img/common/bg_btn_serch.png) left top;-webkit-background-size:62px 30px;background-size:62px 30px;font-size:15px;font-weight:bold;color:#FFF;line-height:46px; text-align:center;}

.navitop-option-select{display: table; width:100%; overflow: hidden;border: 1px solid #4087c7; border-radius: 10px; table-layout: fixed; background-color: #fafafa;}
.navitop-option-select li {display: table-cell; height:40px; text-align: center; vertical-align: middle; border-right: 1px solid #4087c7; font-size:12px; color:#4087c7}
.navitop-option-select li:first-child{ border-radius:9px 0 0 9px;}
.navitop-option-select li:last-child{border-right: none;border-radius:0 9px 9px 0;}
.navitop-option-select li.select { color:#444444; background-color:#aae2f8;}
.navitop-begin-tollroad {padding: 16px 0 0;text-align: center;}
.navitop-begin-tollroad input {margin-right: 0.5em;}
.navitop-begin-tollroad + .navitop-submit {margin-top: 16px;}


/* loading */
#route_map .loading_filter{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-color: rgba(255, 255, 255, 0.4);z-index: 999990;}
#route_map .loading_img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 999999;}

/* route-header */

.route-header{display: box;display: -webkit-box; width:100%; height:44px; border-bottom:1px solid #29567e;
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#94b7d7), color-stop(3%,#6597c5), color-stop(100%,#1662a7));
background: -webkit-linear-gradient(top, #94b7d7 2%, #6597c5 3%, #1662a7 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top, #94b7d7 2%, #6597c5 3%, #1662a7 100%); /* W3C */
-webkit-user-select: none;
}
.route-header-close{width:44px; height:44px; background-position:-200px 0px;  border-right:1px solid rgba(0,0,0,0.4);}
.route-header-wrap{display: box;display: -webkit-box; -webkit-box-flex: 1;box-flex:1;height:44px;box-align:center; -webkit-box-align:center; border-left:1px solid rgba(255,255,255,0.4);}
.route-header-title{-webkit-box-flex: 1; box-flex:1; font-size:12px; line-height:12px; color:#ffffff;}
.route-header-from{ margin:0 0 3px 10px;}
.route-header-to{ margin:0 0 0 10px;}
.route-header-from .navi-sprite{ display: inline-block; width:15px; height:15px; margin:0 5px 0 0; background-position:-150px 0;vertical-align:middle;}
.route-header-to .navi-sprite{ display: inline-block; width:15px; height:15px; margin:0 5px 0 0; background-position:-175px 0;vertical-align:middle;}
.route-header-detail{width:48px; text-align:center; font-size:15px; color:#ffffff; padding: 10px 0;}

/*
route map / route_list
----------------------------*/
.type_drive #route_map,
.type_drive #main_route_list{background:#000;color:#eee;}
.type_drive .map_func{background:#000;border-bottom:1px solid #000;}
/* route map */
.type_drive #map_menu{background:#333;}

.type_walk #route_map,
.type_walk #main_route_list{background:#d2e9fa;color:#666;}
.type_walk .map_func{background:#b5e0fc;border-bottom:1px solid #d2e9fa;}
/* route map */
.type_walk #map_menu{background:#eaf6ff;}
.type_walk #navi_area{display:none;border-bottom:1px solid #97C8ED;background:#eaf6ff;}
.type_walk #navi_prev,
.type_walk #navi_next{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfdff), color-stop(50%,#fbfdff), color-stop(50%,#eaf6ff), color-stop(100%,#eaf6ff));
background: -webkit-linear-gradient(top, #fbfdff 0%,#fbfdff 50%,#eaf6ff 50%,#eaf6ff 100%);
background: linear-gradient(top, #fbfdff 0%,#fbfdff 50%,#eaf6ff 50%,#eaf6ff 100%);}


/* map */
#map_wrap{position:relative;}

.mapicn{position:absolute;z-index:995;}
.mapicn_select{position:absolute;z-index:999;}
.mapicn_point{position:absolute;z-index:995;}

#copyright{bottom:2px;color:#000000;font-size:13px;left:0;position:absolute;text-shadow:1px 1px 1px #FFFFFF;z-index:10000;}

.sg_detail{position:absolute;z-index:990;bottom:5px;right:5px;width:120px;padding:10px;border-radius:5px;background:rgba(39,58,75,0.9);}
.sg_cross{ margin:0 0 5px 0 ; font-size:12px; color:#ffffff;}
.sg_road{ margin:0 0 5px 0 ; font-size:12px; color:#aed4eb;}
.sg_detail .sg_img{width:120px;background:url(/f/smp_navi/img/bg-loader.gif) no-repeat center center;-webkit-background-size: 24px 24px;background-size: 24px 24px;}
.sg_img2{width:120px;height:80px;}

.blinking_here{
-webkit-animation-duration: 1.5s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: blinker_here;
}
@-webkit-keyframes blinker_here {
0%{opacity:1;}
50%{opacity:0.4;}
100%{opacity:1;}
}

#map .icon_here{position:absolute;z-index:99990;}
#map .blinking_here{position:absolute;z-index:99999;}



/* slide navi */
.navi-sprite{background-image:url(/f/smp_navi/img/navi_sprite.png);background-repeat:no-repeat; -webkit-background-size:250px 150px;background-size:250px 150px;}

.route-navi{position:relative;width:100%;height:44px;overflow:hidden; background-color:#ffffff; border-bottom:1px solid #29567e;}
.route-navi-list{position:absolute;z-index:1;height:44px;/*js*/
overflow:hidden;
transition:.5s ease-out;
-webkit-transition:.5s ease-out;}
.route-navi-unit{float:left;height:100%;-webkit-box-sizing: border-box;box-sizing: border-box;padding:0 55px;/*js*/
vertical-align:center;line-height:1.2; color:#444444;}
.route-navi-prev{position:absolute;top:0px; left:0px; z-index:99;width:44px;height:44px; background-position:0 0; background-color:#eeeeee;}
.route-navi-next{position:absolute;top:0px; right:0px; z-index:99;width:44px;height:44px; background-position:-50px 0; background-color:#eeeeee;}
.route-navi-start,
.route-navi-through,
.route-navi-end,
.route-navi-name,
.route-navi-left,
.route-navi-right{display:table-cell;height:44px;/*js*/
overflow:hidden;vertical-align:middle;font-size:14px;line-height:1.2;}
.route-navi-start .navi-sprite{ display:block; width:20px; height:20px; background-position:-100px 0;}
.route-navi-end .navi-sprite{display:block;  width:20px; height:20px; background-position:-125px 0;}
.route-navi-through .navi-sprite{display:block;  width:20px; height:20px; background-position:-150px -25px;}
.route-navi-left .navi-sprite{display:block;  width:20px; height:20px; background-position:-100px -25px;}
.route-navi-right .navi-sprite{display:block;  width:20px; height:20px; background-position:-125px -25px;}



/* list */
#main_route_list{line-height:1.2;}

#route_data{width:100%;color:#aaa;}
#route_data .route_distance{width:75px;height:34px;margin:1px 0;padding:5px 0;text-align:center;vertical-align:middle;}
#route_data .route_name{margin:1px 0;padding:2px 5px 2px 2px;vertical-align:middle;}
#route_data .navi_name{display:block;-webkit-box-flex:1;box-flex:1;width:100%;-webkit-box-sizing:border-box;box-sizing: border-box;padding:5px 0 5px 1px;}
#route_date .navi_signal{padding:0 0 0 10px;}

#route_data .data_current{font-weight: bold;}

/* ルート詳細 */
.detail{transition:.5s ease-out top;
  -webkit-transition:.5s ease-out top;}
.detail-header{display: box;display: -webkit-box; width:100%; height:44px; border-bottom:1px solid #29567e;box-align:center; -webkit-box-align:center;
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#94b7d7), color-stop(3%,#6597c5), color-stop(100%,#1662a7));
background: -webkit-linear-gradient(top, #94b7d7 2%, #6597c5 3%, #1662a7 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top, #94b7d7 2%, #6597c5 3%, #1662a7 100%); /* W3C */
-webkit-user-select: none;
}
.detail-header-title{-webkit-box-flex: 1;box-flex:1; margin:0; padding:0 50px 0 50px; font-size:15px; color:#ffffff; font-weight:bold; text-align:center;}
.detail-header-reset{width:72px; margin:0; text-align:left; font-size:15px; line-height:44px; color:#ffffff; padding: 0 0 0 10px;}
.detail-header-close{width:72px; margin:0; text-align:right; font-size:15px; line-height:44px; color:#ffffff; padding: 0 10px 0 0;}
.detail-point{background-color:#ffffff;}
.detail-point-start,
.detail-point-end,
.detail-point-through{display: box;display: -webkit-box; width:100%; border-bottom:1px solid #eeeeee; margin: 0; box-align:center; -webkit-box-align:center;}
.detail-point-icon{display:block; padding:10px 0 10px 15px; width:20px;}
.detail-point-icon .navi-sprite{ display:block; width:20px; height:20px; }
.detail-point-start .navi-sprite{background-position:-100px 0;}
.detail-point-end .navi-sprite{background-position:-125px 0;}
.detail-point-through .navi-sprite{background-position:-150px -25px;}
.detail-point-text{-webkit-box-flex: 1;box-flex:1; padding:10px 15px 10px 5px; font-size:15px; color:#444444;}
.detail-info{display: box;display: -webkit-box; width:100%;box-align:center; -webkit-box-align:center; background:url(/f/mapion_smartphone/img/common/bg_texture_01.png) left top;-webkit-background-size:64px 64px;background-size:64px 64px;}
.detail-info-icon{display:block; width:25px; height:19px; padding:0 0 0 15px;}
.detail-info-icon .navi-sprite{display:block; width:25px; height:19px;}
.detail-info-drive .detail-info-icon .navi-sprite{background-position:0px -50px;}
.detail-info-walk .detail-info-icon .navi-sprite{background-position:-25px -50px;}
.detail-info-time{display:block; margin:0; padding:13px 0px 13px 5px; font-weight:bold; font-size:17px;}
.detail-info-distance{display:block; margin:0; padding:0; font-weight:bold; font-size:12px;}
.detail-info-price{display:block;-webkit-box-flex:1;box-flex:1; margin:0; padding:0px 15px 0px 0px; text-align:right; font-size:12px;}
.detail-list{ background:#ffffff;}
.detail-spot{display: box;display: -webkit-box; width:100%; margin:0;box-align:center; -webkit-box-align:center; background-color:#f5f5f5;}
.detail-spot-icon{display:block;padding:10px 0 10px 15px; width:20px;}
.detail-spot-icon .navi-sprite{ display:block; width:20px; height:20px; }
.detail-spot-start .navi-sprite{background-position:-100px 0;}
.detail-spot-end .navi-sprite{background-position:-125px 0;}
.detail-spot-through .navi-sprite{background-position:-150px -25px;}
.detail-spot-normal .navi-sprite{background-position:-175px -25px;}
.detail-spot-left .navi-sprite{background-position:-100px -25px;}
.detail-spot-right .navi-sprite{background-position:-125px -25px;}
.detail-spot-text{-webkit-box-flex: 1;box-flex:1; padding:10px 15px 10px 5px; font-size:15px; color:#2485c0;}
.detail-line{display: box;display: -webkit-box; width:100%; margin:0;box-align:center; -webkit-box-align:center; }
.detail-line-distance{ display:block; padding:10px 10px 10px 13px; margin:0 0 0 22px; font-size:12px; color:#444444;}
.detail-line-name{ display:block;-webkit-box-flex:1;box-flex:1; padding:10px 15px 10px 0; margin:0; font-size:12px; color:#444444;}
.detail-line-normal .detail-line-distance{ border-left:6px solid #495ce3;}
.detail-line-highway .detail-line-distance{ border-left:6px solid #2baf35; }

/* 検索 */
.search{background-color:#ffffff;}
.search-top{margin:0;padding:10px 15px;background:url(/f/mapion_smartphone/img/common/bg_texture_01.png) left top;-webkit-background-size:64px 64px;background-size:64px 64px;line-height:1.2;}
.search-title{margin:0 20px 0 0;padding:0 0 0 8px;background:url(/f/mapion_smartphone/img/common/bg_title_01.png) no-repeat left 3px;-webkit-background-size:5px 16px;background-size:5px 16px;font-size:17px;font-weight:bold;}
.search-form{display:-webkit-box; display:box; padding:10px 0 5px 0;}
.search-form-submit{width:70px;height:38px;margin:0 0 0 10px;padding:0;-webkit-box-flex:1;box-flex:1;border-radius:4px;border:1px solid #000;background:url(/f/mapion_smartphone/img/common/bg_btn_serch.png) left top;-webkit-background-size:62px 30px;background-size:62px 30px;font-size:15px;font-weight:bold;color:#FFF;line-height:38px;}
.search-form input[type="search"]{display:block;-webkit-box-flex:1;box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;}
.search-result{}
.search-list{margin:0;padding:0}
.search-list li{margin:0;padding:0 0 0 15px;}
.search-list li a{display:block;margin:0;padding:15px 15px 15px 0;border-bottom:1px dotted #e1e5e8;line-height:1.4;}
.search-list li:last-child a{border:none;}
.search-list-text{display:block;margin:0;padding:0 10px 0 0;background:url(/f/mapion_smartphone/img/common/bg_arrow_01.png) no-repeat right center;-webkit-background-size:7px 12px;background-size:7px 12px; font-size:15px;}
.search-category{margin:0; padding:15px 15px; background-color:#f5f5f5; color:#444444; border-top:1px solid #cccccc; font-size:15px; font-weight:bold;}
.search-list-sub{ display:block; font-size:12px; color:#999999;}
.search-more{ padding:20px; background-color:#f5f5f5; font-size:15px; color:#0083b6; text-align:center; }
.search-noresult{ margin:0; padding:50px 0; text-align:center;}
.search-banner{ margin:0; padding:10px 0; text-align:center;}
.search-banner-wrap{ background:#fff;}
.search-banner-footer-wrap {padding-bottom: 50px;}

/* lightbox */
.lightbox{position:absolute;top:0;left:0;z-index:999990;-webkit-box-sizing: border-box;box-sizing: border-box;padding:30px;background:rgba(0,0,0,.5);}
.lightbox_inner{height:100%;overflow:hidden;-webkit-box-sizing: border-box;box-sizing: border-box;border:10px solid #333;border-radius:10px;background:#333;}
.lightbox_conts{height:100%;overflow:auto;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius:5px;padding:20px;background:#fff;}
.box_clear{position:absolute;top:18px;right:18px;z-index:999999;width:40px;height:40px;}


/* footer */
.footer-btn:nth-child(2){display:none;}
.footer-btn:nth-child(1){display:none;}


/* popup */
.navi-popup{padding: 20px 15px;width: 290px;position: relative;border-radius: 5px;background: #fff;line-height: 1.5;box-sizing: border-box;}
.navi-popup h2{margin: 0 0 10px;color:#ff6600;font-size: 18px;text-align: center;}
.premium-btn{margin: 15px 0 0;padding: 15px 0;display: block;border-radius: 5px;background: #ea7900;font-size: 15px;text-align: center;}
.general-btn{margin: 10px 0 0;padding: 15px 0;display: block;border-radius: 5px;background: #ccc;font-size: 15px;text-align: center;}
.premium-btn:link,
.premium-btn:visited{color: #fff;}
.general-btn:link,
.general-btn:visited{color: #666;}
.navi-popup .navi-popup-close{position: absolute;top:-14px;right:-8px;}



/* ad-popup */
.ad-popup{padding: 0px 0px;width: 300px;position: relative;border-radius: 5px;background: #fff;line-height: 1.5;box-sizing: border-box;}
.ad-popup h2{margin: 0 0 0px;color:#ff6600;font-size: 18px;text-align: center;}
.ad-popup .ad-popup-close{position: absolute;top:-40px;right:0px;}
.yads_ydn_frame_image{margin:0}

.ad-bottom{
  background: #000;
  height: 50px;
  width: 100%;
}
.overlay-ad-bottom {
  background: #000;
  position: fixed;
  bottom: 0px;
  text-align: center;
  width: 100%;
}
.one-ad-bottom {
  position: relative;
  min-height: 0px !important;
}
