@charset "utf-8";

/* タイトル */
.article_title,
.sec_title{margin:0 0 5px;padding:0;font-size:14px;line-height:1.2;}
.article_text,
.sec_text{padding:0;line-height:1.2;}
.article_text{margin:0;}
.sec_text{margin:0 0 5px;}

/* 絞込みform */
#form_ini_link{margin:5px 0 0;}
#ini_link,
#ini_link option{height:30px;}
#ini_link{display:block;width:100%;line-height:30px;}


/* 地図へ */
.srvc_link.nav_map{height:auto;margin:0;padding:0;line-height:1.2;}
.nav_map_a.dir_link,
.nav_map_a.dir_detail{display:block;max-height:60px;overflow:hidden;padding:0 18px 0 40px;}
.nav_map_span{display:block;background:#fff;}
.nav_map_cell{display:table-cell;height:34px;padding:5px 0;vertical-align:middle;}

/* ディレクトリ リスト */
.dir_li{border-top:1px solid #ddd;}
.dir_li:first-child{border-top:none;}
.dir_link,
.dir_nolink,
.dir_detail,
.dir_span{display:block;}
.dir_link,
.dir_nolink,
.dir_detail{padding:0 18px 0 10px;}
span.dir_detail{padding:0 10px;}
.dir_span{line-height:1.2;}

.dir_weather .list_normal .dir_span,
.page_top .wrapper_dir .dir_span,
.page_index_top .wrapper_dir .dir_span,
.page_warn_top .wrapper_dir .dir_span,
.page_spot_top .wrapper_dir .dir_span,
.page_spot_cate .wrapper_dir .dir_span,
.page_spot_pref .wrapper_dir .dir_span,
.page_cate1 .wrapper_dir .dir_span,
.page_cate2 .wrapper_dir .dir_span,
.page_area .wrapper_dir .dir_span,
.page_area_area .wrapper_dir .dir_span,
.page_index_area .wrapper_dir .dir_span,
.page_city .wrapper_dir .dir_span ruby,
.page_pref .wrapper_dir .dir_span ruby,
.dir_weather .list_yomi .dir_span ruby,
.page_street .wrapper_dir .dir_span,
.page_station .wrapper_dir .dir_span,
.page_line .wrapper_dir .dir_span ruby,
.page_city.dir_phonebook .wrapper_dir .dir_span,
.page_pref .wrapper_dir .dir_near .dir_span,
.page_tag_code.dir_phonebook .wrapper_dir .dir_span,
.dir_phonebook .wrapper_dir .tag_link .dir_span
{display:table-cell;height:34px;padding:5px 0;vertical-align:middle;}
.page_city.dir_phonebook .wrapper_dir .dir_span.dir_num,
.page_station .wrapper_dir .dir_span.dir_num{height:26px;padding:9px 0;}
.page_line .wrapper_dir .dir_span ruby,
.page_line .wrapper_dir .dir_span rt,
.page_city .wrapper_dir .dir_span ruby,
.page_city .wrapper_dir .dir_span rt,
.page_pref .wrapper_dir .dir_span ruby,
.dir_weather .list_yomi .dir_span ruby,
.page_pref .wrapper_dir .dir_span rt,
.dir_weather .list_yomi .dir_span rt{text-align:left;}
.page_line .wrapper_dir .dir_span rt,
.page_city .wrapper_dir .dir_span rt,
.page_pref .wrapper_dir .dir_span rt,
.dir_weather .list_yomi .dir_span rt{display:block;font-size:8px;line-height:1.2;}

.page_line .wrapper_dir .dir_span,
.page_city.dir_station .wrapper_dir .dir_span{padding:5px 0;}
.page_line .wrapper_dir .dir_span ruby,
.page_city.dir_station .wrapper_dir .dir_span ruby{height:auto;padding:0;}

.dir_search.search_spot .wrapper_dir .dir_span{table-layout:fixed}

.dir_link,
.dir_detail{background-position:right center;background-repeat:no-repeat;}
.dir_link{background-image:url(/f/img/smp/icn_next.png);
-webkit-background-size:30px 40px;
background-size:30px 40px;}
a.dir_detail{background-image:url(/f/img/smp/icn_arrow_blue_s.png);
-webkit-background-size:15px 9px;
background-size:15px 9px;}

.dir_fxmap{margin:0 0 10px;;padding:0;text-align:center;}
.dir_sub{display:inline-block;color:#666;font-size:10px;}


/* 詳細 */
.ptn_detail_title {border-bottom: medium none;}

/* 駅詳細 */
.page_station .article_title{margin:0;}
.ptn_detail_station{padding:0 10px 10px;line-height:1.2;}
.ptn_detail_station .attention{padding:0 0 0 5px;font-size:10px;}
.ptn_detail_station .box{padding:10px 0;}
.ptn_detail_station .box_flex{margin:0 0 0 5px;}
.ptn_detail_station .box_flex:first-child{margin:0;}
.ptn_detail_station .btn{display:block;}

/* 電話帳詳細 */
.ptn_detail_phonebook{padding:0 10px 10px;}
.dir_phonebook .ptn_separate.pagetitle{
	background:#FFDF5E;
}
.dir_phonebook .ptn_separate.pagetitle .article_title{margin:0;}
.dir_phonebook .dir_fxmap{padding:10px 0 0;}

/* 日本地図 */
.imap_footer{border-top:1px solid #fff;background:#eee;}
.imap_footer .footer{width:300px;border-top:none;}

.imap_size #common_header{border-bottom:none;}

.imap_header{border-bottom:1px solid #ddd;}
.imap_size .imap_normal,
.imap_search{border-top:1px solid #fff;border-bottom:1px solid #ddd;}
.imap_search{background:#EEECE4;}
.imap_size .imap_normal .ptn_separate,
.imap_search .ptn_search{width:300px;border-top:none;border-bottom:none;}

.imap_origin{display:none;}
.imap_popup{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.imap_img{text-align:center;position:relative;font-size:14px;}

.imap_popup{position:absolute;top:0;left:0;z-index:9;width:100%;background:rgba(0,0,0,.5);}
.imap_popup_inner{margin:25px 35px 0;padding:10px;background:rgba(255,255,255,.8);border-radius:6px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
 box-sizing: border-box;
}
.imap_popup_inner p{margin:0 0 10px;padding:0;line-height:1.2;}
.imap_popup_inner p.btn_imap{margin:0;text-align:center;}
.btn_imap .btn{min-width:4em;}
.btn_imap .btn:first-child{margin:0 10px 0;}

.imap_aside p:first-child{margin:0;}
.imap_aside p{margin:10px 0 0;}
.imap_aside .srvc_link{border:1px solid #ddd;border-radius:6px;}
.link_address span{display:block;height:40px;padding:0 30px 0 0;overflow:hidden;line-height:40px;background:#fff url(/f/img/smp/icn_next.png) right center no-repeat;
-webkit-background-size:30px 40px;
background-size:30px 40px;
}


/* 周辺検索 */
.dir_num{width:34px;text-align:center;}
.dir_near a.dir_detail{padding:3px 18px 0 8px;}
.dir_near span.dir_detail{padding:0 10px;}
.dir_pagenation{padding:5px 5px 0;overflow:hidden;}
.dir_next,
.dir_prev{display:block;min-height:30px;padding:5px 0;}
.dir_next{float:right;}
.dir_prev{float:left;}

.dir_num_bg{
display:table-cell;
width:28px;
height:26px;
border:1px solid #000;
border-radius:1px;
vertical-align:middle;
background: -moz-linear-gradient(top,  #3bb8eb 0%, #3bb8eb 50%, #0099cc 50%, #0099cc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3bb8eb), color-stop(50%,#3bb8eb), color-stop(50%,#0099cc), color-stop(100%,#0099cc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3bb8eb 0%,#3bb8eb 50%,#0099cc 50%,#0099cc 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #3bb8eb 0%,#3bb8eb 50%,#0099cc 50%,#0099cc 100%); /* IE10+ */
background: linear-gradient(top,  #3bb8eb 0%,#3bb8eb 50%,#0099cc 50%,#0099cc 100%); /* W3C */
color:#fff;
}

/* タブ */
#mapionDir .tab_top + div{border-top:1px solid #fff;}
.dir_phonebook .tab_top{border-top:1px solid #fff;}

.dir_address .tab_top{border-bottom:5px solid #6BCDF3;}
.dir_station .tab_top{border-bottom:5px solid #BAEB62;}
.dir_zip .tab_top{border-bottom:5px solid #FE97A9;}
.dir_imap .tab_top{border-bottom:5px solid #6BCDF3;background:#eee;}
.dir_weather .tab_top{border-bottom:5px solid #6BCDF3;}
.dir_search .tab_top{border-bottom:5px solid #FFDF5E;}

.box_flex.current{font-size:14px;}
.dir_address .tab .box_flex.current{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ABEAFF), color-stop(100%,#6BCDF3));
background: -webkit-linear-gradient(top, #ABEAFF 0%,#6BCDF3 100%);
background: linear-gradient(top, #ABEAFF 0%,#6BCDF3 100%);
}
.dir_station .tab .box_flex.current{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D9F89D), color-stop(100%,#BAEB62));
background: -webkit-linear-gradient(top, #D9F89D 0%,#BAEB62 100%);
background: linear-gradient(top, #CDF687 0%,#ABE64D 100%);
}
.dir_zip .tab .box_flex.current{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFC5D0), color-stop(100%,#FE97A9));
background: -webkit-linear-gradient(top, #FFC5D0 0%,#FE97A9 100%);
background: linear-gradient(top, #FFC5D0 0%,#FE97A9 100%);
}
.dir_imap .tab .box_flex.current{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ABEAFF), color-stop(100%,#6BCDF3));
background: -webkit-linear-gradient(top, #ABEAFF 0%,#6BCDF3 100%);
background: linear-gradient(top, #ABEAFF 0%,#6BCDF3 100%);
}
.dir_weather .tab .box_flex.current{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ABEAFF), color-stop(100%,#6BCDF3));
background: -webkit-linear-gradient(top, #ABEAFF 0%,#6BCDF3 100%);
background: linear-gradient(top, #ABEAFF 0%,#6BCDF3 100%);
}
.dir_search .tab .box_flex.current{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffefb1), color-stop(100%,#FFDF5E));
background: -webkit-linear-gradient(top, #ffefb1 0%,#FFDF5E 100%);
background: linear-gradient(top, #ffefb1 0%,#FFDF5E 100%);
}
.dir_search .tab .box_flex.current a{color:#666666;}


/* 広告 */
#mapionDir #adserver_rectangle{padding:10px 0;}

/* おすすめアイコン */
.icn_recommend{
display:inline-block;box-sizing:border-box;margin-right:5px;margin-bottom:5px;padding-top:3px;width:64px;height:16px;border-radius:8px;line-height:100%;text-align:center;background-color:#fd9c2b;font-size:11px;color:#fff;font-weight:normal;
}

/* 通話無料アイコン */
.icn_freedial{
display:inline-block;box-sizing:border-box;margin-right:5px;margin-bottom:5px;padding-top:3px;width:64px;height:16px;border-radius:8px;line-height:100%;text-align:center;background-color:#f02970;font-size:11px;color:#fff;font-weight:normal;
}