/* layout */
html, body {height:100%; overflow:hidden;}
#article {width:100%; text-align:left;}
#article:after {display:block; clear:both; content:'';}
#visual {display:none;}

#side {float:left; position:relative; overflow:hidden; width:390px; margin-right:-390px; border-right:1px solid #CCC; z-index:900;}
#side .scrollbar {position:absolute; top:0; left:385px; overflow:hidden; width:5px; background:#CCC; cursor:default;}
#side .slider {overflow: auto;overflow-x: hidden;width: 450px;height: 100%;}
#side.absolute{position:absolute;left:0;top:100px;background:#fff;height:115px;}
#side_content {position:relative; width:390px;}
#side h2 {height:60px; padding-left:70px; background:url(../image/bu_h_side1.gif) no-repeat 20px 50%; font-size:18px; line-height:60px;}
#side h2.m1 {background-image:url(../image/bu_h_side20.gif);}
#side h2.m2 {background-image:url(../image/bu_h_side1.gif);}
#side h2.m3 {background-image:url(../image/bu_h_side2.gif);}
#side h2.m4 {background-image:url(../image/bu_h_side5.gif);}
#side h2.m5 {background-image:url(../image/bu_h_side20.gif);}
#side h2.m6 {background-image:url(../image/bu_h_side6.gif);}
#side h2.m9 {background-image:url(../image/bu_h_side0.gif);}

#content {overflow:hidden; margin-left:390px;}
#map_main {overflow:hidden; width:100%; height:100%;}
#footer {position:absolute; left:0; bottom:0; width:390px; height:70px; border-right:1px solid #CCC;}
#footer address {float:none; width:auto; padding:5px 0 0; font-size:12px; text-align:center;}

/* content */
.tab_side {height:40px; margin:0 22px 10px 20px;}
.tab_side ul {height:40px; border-left:1px solid #BBB; margin:0; padding:0; list-style:none;}
.tab_side li {float:left; margin:0; padding:0; border:1px solid #BBB; border-left:0;}
.tab_side a {float:left; overflow:hidden; width:85px; height:38px; font-weight:600; font-size:15px; color:#B1B1B1; line-height:38px; text-align:center;}
.tab_side a:hover, .tab_side .on a {background:#41AF39; color:#FFF; text-decoration:none;}
.tab_side .on a {width:86px;}
.tab_side .s2 a {width:171px;}
.tab_side .s2 .on a {width:172px;}
.tab_side .s3 a, .tab_side .s3 .on a {width:114px;}

.tab_side_sub {height:35px; margin:0 12px 10px;}
.tab_side_sub ul {height:35px; border-left:1px solid #BBB; margin:0; padding:0; list-style:none;}
.tab_side_sub li {float:left; margin:0; padding:0; border:1px solid #BBB; border-left:0;}
.tab_side_sub .on {border-bottom:0;}
.tab_side_sub a {float:left; overflow:hidden; width:85px; height:33px; background:#F3F3F3; font-size:13px; line-height:33px; text-align:center;}
.tab_side_sub a:hover {background:#F9F9F9; text-decoration:none;}
.tab_side_sub .on a {width:86px; height:34px; background:#FFF; font-weight:600;}
.tab_side_sub .s2 a {width:171px;}
.tab_side_sub .s2 .on a {width:172px;}
.tab_side_sub .s3 a, .tab_side_sub .s3 .on a {width:114px;}

/* overriding */
.ly_map_info .pht {background:url(../image/bg_thumb.gif) no-repeat 50% 50%;}

/* 20230828 */
.busSerchLayerWrap {position: fixed;left: 50%;top: 110px;width: 1010px;transform: translateX(-50%);z-index: 1000;margin-left: 200px;}
.busSerchLayer { display:flex; justify-content:center; gap:10px; }
.busSerchLayer > div{background:#fff; box-shadow: 0 1px 3px rgba(0,0,0,0.3);padding: 10px 10px 8px 10px;border-radius:3px;}
.busSerchLayer .busLocationSrc span { font-size:14px; font-weight:600; }
.busSerchLayer .busLocationSrc span span:before{content:'>';color:#ccc;margin:0 5px;font-weight: normal;}
.busSerchLayer .busLocationSrc span span:first-child:before{content:'';}
.busSerchLayer .busLocationSrc .btn { border:1px solid #333; background:#fff; border-radius:4px; padding:0 8px; height:20px; line-height:20px; }
.busSerchLayer .busLocationSrc .btn.btn01 { }
.busSerchLayer .busLocationSrc .btn.btn02 { background:#B97; border-color:#B97; color:#fff;  }
.busSerchLayer .weatherWrap strong { font-size:14px; font-weight:600; padding-right:10px; }
.busSerchLayer .weatherWrap .weatherTemp { font-size:16px; font-weight:600; }
.busSerchLayer .weatherWrap .weatherState { color:#555; }

#side_content .busSerchLayer  .bx_srch_road { width:auto;padding:0; }
.busSerchLayer .bx_srch_road .bx_date { padding:0; }
.busSerchLayer .bx_srch_road .uline { border-bottom:0; }

.map_container{overflow:hidden;}
.map_container iframe{border-top: 0px; height: 100vh; border-right: 0px; width: 100%; border-bottom: 0px; border-left: 0px}

.busStopSerchLayerWrap {position:absolute !important;top:-20px;left:-100%;height:100vh !important;background:#fff;}
.busStopSerchLayerWrap.open {left:0;transition:all ease 0.5s;} 
.busStopSerchLayerWrap .close_btn{position:absolute;right:25px;top:25px;border:0;background:0;z-index: 900;}
.busStopSerchLayerWrap #roadListGrp{width: 390px;margin-left: -22px;}

.centerPos { border:0;outline:0;font-weight: inherit;font-size: inherit;appearance: none;-moz-appearance: none;}