#busroute { clear:both; overflow:hidden;}
#busroute section#kmt,
#busroute section#hac { clear:both; margin-bottom: 50px!important;}

#busroute h4 { font-size: 128%; margin-bottom: 20px; clear:both; }
#busroute h4:before { content: "■"; }

#busroute section#kmt h4 { color: #b61412!important;}
#busroute section#hac h4 { color: #0f740a!important;}

#busroute .tbl_box { float:left; width:45%; margin:0 5% 30px 0;}
#busroute .tableCommon { width:100%;}

#busroute table { border-collapse:collapse;}
#busroute thead th { background:#333333; font-size:14px; font-weight:bold; text-align:center; color:#FFF; padding:5px 0;}
#busroute tbody th { width:50%!important; font-size:12px; text-align:center; padding:5px 0; border: solid 1px #dadada;}
#busroute tbody td { padding:10px 10px 5px 10px; width:50%; border-right: solid 1px #dadada; vertical-align:top;}

#busroute tbody td dl {
	text-align:center;
	padding-bottom:18px;
	background: url(/common/images/taiken/bus/common/arw_dwn.png) no-repeat scroll center bottom;
}
#busroute tbody td dl.btm { background:none; padding-bottom:0;}
#busroute tbody td dl dt { font-size:14px; margin-bottom:5px; font-weight:bold; padding:5px 0; background:#b1d1f6; }
#busroute tbody td dl dt.gray { background:#f2f2f2;}
#busroute tbody td dl dt.kmt { background:#b61412; color:#FFF;}
#busroute tbody td dl dt.hac { background:#0f740a; color:#FFF;}

#busroute tbody td dl dd { font-size:14px;}
#busroute .txt_red { color:#F00; font-size:85%;}

@media screen and (max-width:767px) {
#busroute section#kmt,
#busroute section#hac { margin-bottom: 10px!important;}

#busroute .tbl_box { float:none; width:100%; margin:0 0 20px 0;}
}

/* --------------------------------
バス時刻表
-------------------------------- */
#timetable {
  margin-bottom: 50px;
}

#timetable *,
#timetable *::before,
#timetable *::after {
  box-sizing: border-box;
}

#timetable .wrap {
  margin-left: 15px;
}

#timetable h4 {
  font-size: 128%;
  font-weight: normal;
  margin-bottom: 20px;
}

#timetable .kamata h4 {color: #b61412;}
#timetable .hachioji h4 {color: #0f740a;}

#timetable .list {
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
}

#timetable .item_wrap {
	margin-bottom: 30px;
  width: 45%;
}

#timetable h5 {
  background: #333;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0;
  text-align: center;
}

#timetable .table {
  display: flex;
  text-align: center;
}

#timetable .table .go,
#timetable .table .back {
  border-bottom: 1px solid #dadada;
  border-right: 1px solid #dadada;
  width: 50%;
}

#timetable .table .head {
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0;
  border-bottom: 1px solid #dadada;
}

#timetable .table .item {
  padding: 10px 10px 5px 10px;
}
#timetable .table .item.arrow::after {
  content: "";
  background: url(/common/images/taiken/bus/common/arw_dwn.png) no-repeat scroll center bottom;
  display: block;
  padding-bottom: 18px;
  text-align: center;
}

#timetable .table .label {
  background-color: #b1d1f6;
  font-size: 14px;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  padding: 5px 0;
}
#timetable .table .label.glay {background-color: #f2f2f2;}
#timetable .table .label.kamata {background-color: #b61412; color: #fff;}
#timetable .table .label.hachioji {background-color: #0f740a; color: #fff;}

#timetable .table .time {
  font-size: 14px;
  display: block;
}

#timetable .table .go {
  border-left: 1px solid #dadada;
}

/* --------------------------------
バス時刻表 SP
-------------------------------- */
@media screen and (max-width:767px) {

#timetable {
  margin-bottom: 30px;
}

#timetable .wrap {
  margin-left: 0;
  margin-bottom: 30px;
}

#timetable .list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  gap: 0;
}

#timetable .item_wrap {
  margin-bottom: 20px;
  width: 100%;
}

}