#Q0304 .a {padding-bottom:30px;}

#Q0304 .float_tab_0_list {margin-top:8px;}
#Q0304 .float_tab_0_list select {padding:3px 10px;}
#Q0304 a.float_map_topleft, a.float_map_top, a.float_map_topright, 
#Q0304 a.float_map_left, a.float_map_right, 
#Q0304 a.float_map_bottomleft, a.float_map_bottom, a.float_map_bottomright {margin-top:49px !important;}

#Q0304 #pre_tnvmap {margin:10px 0 0 0; padding:0px; box-sizing: border-box;}

#Q0304 #ic_input_dep {margin-top:20px;}
#Q0304 #ic_input_dep .title {color:green; font-weight: bold;}
#Q0304 #ic_input_dep .answer {padding:10px; border:1px solid #999; margin-top:5px; background-color: #f0f8ff; display:none;}

#Q0304 #ic_input_arr {margin-top:20px;}
#Q0304 #ic_input_arr .title {color:green; font-weight: bold;}
#Q0304 #ic_input_arr .answer {padding:10px; border:1px solid #999; margin-top:5px; background-color: #f0f8ff; display: none;}

/* 地図UIトリガーボタン */
#Q0304 .ic_menu_triggers {display:flex; align-items: stretch; margin:10px 0 0 0;}
#Q0304 .ic_menu_triggers .im_tri {display:flex;  align-items: center; justify-content: center; width:115px; font-size:13px; line-height:15px; border-radius:5px; background-color:#f0f0f0;
    text-align:center; margin:0 2px; padding:10px; border:1px solid #ccc; cursor:pointer;}
#Q0304 .ic_menu_triggers .im_tri:hover {background-color: #dfdfdf;}

/* form幅の調整 */
#Q0304.forms {/*max-width:1000px;*/}

/* googleマップ　*/
#Q0304 #q3_4_map {display:none; }
#Q0304 #q3_4_map .q3_4map_fukidashi .t {font-size:14px; font-weight:bold;}

/* 検索用UIパーツ */
#Q0304 .ic_dep_res,
#Q0304 .ic_arr_res {max-height:200px; border:1px solid #ddd; background-color: #fff; 
    overflow-y: scroll; overflow-x: none; padding:2px; display:none; margin-top:-10px;}
#Q0304 .map_text_search_link {padding:5px 10px; cursor:pointer; display:flex; align-items:center; justify-content: space-between; padding:10px; border-bottom:1px solid #ddd}
#Q0304 .map_text_search_link:hover {background-color: #f0f0f0;}
#Q0304 .map_text_search_link .road {font-size:11px; line-height:14px; color:#999;}
#Q0304 .map_text_search_link:last-of-type {border:0;}

#Q0304 .ic_search_area_bg {background-color: #000; opacity: 0.8; position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index:9997;}
#Q0304 .ic_search_area_close_btn {background-color: #fff; padding:5px 10px; text-align:right;}
#Q0304 .ic_search_area_close_btn span {cursor:pointer;}
#Q0304 .ic_search_area {max-width:958px; width:100%; height:auto; display:none; position:absolute; top:50px; left:0; right:0; margin:0 auto; z-index:9999; background-color: #fff;}
#Q0304 .ic_search_area .ic_search_change_buttons {display:flex; width:100%; align-items: stretch; border-bottom:1px solid #ccc; background-color:#fff; border-top:1px solid #ccc;}
#Q0304 .ic_search_area .ic_search_change_buttons .iscb {width:33.3%; padding:20px 10px; text-align:center; border-right:1px solid #ccc; text-shadow:none; background-color:#f0f0f0; display:flex; align-items:center; justify-content: center;}
#Q0304 .ic_search_area .ic_search_change_buttons .iscb:nth-of-type(1) {background-color:#333; color:#fff;} 
#Q0304 .ic_search_area .ic_search_change_buttons .iscb:nth-of-type(3) {width:33.4%; border-right:0;}
#Q0304 .ic_search_area .ic_search_change_buttons .iscb:hover {opacity:0.7; cursor:pointer;}
#Q0304 .ic_search_area .isb_wrapper {width:100%; height:auto; min-height:300px; margin-bottom:50px;}
#Q0304 .ic_search_area .isb_wrapper .isb {background-color: #fff;}
#Q0304 .ic_search_area .isb_wrapper .isb.ic_search_box1 {display:block; }
#Q0304 .ic_search_area .isb_wrapper .isb.ic_search_box2 {display:none;}
#Q0304 .ic_search_area .isb_wrapper .isb.ic_search_box3 {display:none;}
#Q0304 .box_child {display:none;} 

#Q0304 .subnavi {padding:20px 10px; text-align:center; font-size:18px;}
#Q0304 .box_navi {display:flex; align-items: center; width:100%; overflow:hidden; border:1px solid #ccc; border-right:0; border-left:0; }
#Q0304 .box_navi div {width:33.3%; text-align:center; padding:0 10px; height:50px; line-height:50px; background-color:#f0f0f0; text-shadow:none; position:relative;}
#Q0304 .box_navi div:nth-of-type(3) {width:33.4%;}
#Q0304 .box_navi div::before {content:""; width:0; height:0; border-left:30px solid #fff;    border-top:30px solid transparent; border-bottom:30px solid transparent; position:absolute; left:0px; top:-5px;}
#Q0304 .box_navi div::after {content:"";  width:0; height:0; border-left:26px solid #f0f0f0; border-top:26px solid transparent; border-bottom:26px solid transparent; position:absolute; left:0px; top:-1px;}
#Q0304 .box_navi div:nth-of-type(1)::before {display: none;}
#Q0304 .box_navi div:nth-of-type(1)::after {display: none;}

#Q0304 .box_navi div.off::after {border-left:26px solid #f0f0f0;}
#Q0304 .box_navi div.current::after {border-left:26px solid #1C5500;}
#Q0304 .box_navi div.past::after {border-left:26px solid #2D720A;}

#Q0304 .map_ui_menu_button {padding:10px 20px; cursor:pointer; width:100%; border-bottom:1px solid #ccc; font-size:18px;}
#Q0304 .map_ui_menu_button:hover {background-color:#3D9113; color:#fff; text-shadow:none;}

#Q0304 .map_pankuzu {display:flex; align-items: stretch; padding:20px 5px; display:none;}
#Q0304 .map_pankuzu div {display:flex; align-items: center; padding:0px 5px;}

#Q0304 .mobile_only {display:none;}

@media (max-width: 1000px) {
    #Q0304 #pre_tnvmap {display:none;}
    #Q0304 #q3_4_map {display:block;}
    #Q0304 .ic_search_area {padding:0 20px; background-color: transparent;}
    #Q0304 .mobile_only {display:block; padding:20px 10px; font-size:15px; line-height:18px;}
    #Q0304 .subnavi {font-size:15px;  line-height:18px; text-align:left;}
}
@media (max-width: 600px) {
    #Q0304 .ic_search_area .ic_search_change_buttons .iscb {font-size:14px; line-height:16px; padding:10px;}
    #Q0304 .box_navi div {font-size:12px;}
    #Q0304 .box_navi.box_navi1 div:nth-last-child(2) {padding-left:20px;}
    #Q0304 .box_navi.box_navi2 div:nth-last-child(2) {padding-left:35px;}
    #Q0304 .box_navi div:nth-last-child(3) {padding-left:20px;}
    #Q0304 .map_ui_menu_button {font-size:15px; padding:10px;}

    #Q0304 .ic_search_area .isb_wrapper {min-height:300px; background-color:#fff;}
}
@media (max-width: 800px) {
    #Q0304 .map_text_search_link {display:block;}
    #Q0304 .map_text_search_link .road {margin-top:5px;}
}