@charset "utf-8";
.menu_tkk5000 {
  margin-bottom: 30px;
}

#search_tkk5000 {
  font-size: 16px;
  margin-top:15px;
}

#search_tkk5000 h2,
#result_tkk5000 h2 {

}}

#search_tkk5000 .opn_ctt {
  padding: 10px 0;
}

#search_tkk5000 dt {
  font-size: 1em;
  padding: 5px 0;
  margin: 0;
  font-weight: bold;
}

#search_tkk5000 dd {
  margin: 0;
}

#search_tkk5000 .link_menu_title_box {
  margin: 20px 0;
}

#search_tkk5000 .link_menu_title {
  font-size: 1.1em;
  padding-left: 0px;
  border-left: 5px solid #666;
  margin: 0;
  position: relative;
}

#search_tkk5000 .link_menu {
  padding: 10px 0;
  line-height: 175%;
  overflow: hidden;
}

#search_tkk5000 .link_menu_block {
  margin: 0 0 20px 0;
}

#search_tkk5000 ul,
#formation ul,
#formation_period ul,
#formation_date ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 0px;
  box-sizing: border-box;
}

#search_tkk5000 li,
#formation li,
#formation_period li,
#formation_date li {
  display: block;
  min-width: 80px;
  margin: 0;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
  float: left;
}

#search_tkk5000 #all_list,
#search_tkk5000 #fiscalyear,
#search_tkk5000 #cartype,
#formation,
#search_tkk5000 #rosen,
#search_tkk5000 #counter_page,
#formation_period,
#formation_date {
  margin: 20px 0;
}

#search_tkk5000 #all_list li,
#search_tkk5000 #fiscalyear li,
#search_tkk5000 #cartype li,
#formation li {
  width: 33%;
}

#search_tkk5000 #rosen li,
#search_tkk5000 #counter_page li,
#formation_date li {
  width: 50%;
}

#formation_period li {
  width: 100%;
}

#search_tkk5000 a,
#formation a,
#formation_period a,
#formation_date a {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 5px 0;
  box-sizing: border-box;
}

#search_tkk5000 a:hover,
#formation a:hover,
#formation_period a:hover,
#formation_date a:hover {
  background-color: #dff2eb;
}

.link_menu_list {
  font-weight: bold;
  margin: 0;
  padding: 5px 0px;
}

/* 年度選択 */
#search_tkk5000 #fiscalyear_list {
}

#search_tkk5000 h2 {
}

#search_tkk5000 #fiscalyear_list h3 {
}

#search_tkk5000 #fiscalyear_list ul {
}

#search_tkk5000 #fiscalyear_list li {
}

/* 編成選択 */
#search_tkk5000 #formation_list {
}

#search_tkk5000 #formation_list h3 {
}

#search_tkk5000 #formation_list ul {
}

#search_tkk5000 #formation_list li {
}

/* 形式選択 */
#search_tkk5000 #cartype_list {
}

#search_tkk5000 #cartype_list h3 {
}

#search_tkk5000 #cartype_list ul {
}

#search_tkk5000 #cartype_list li {
}

/* 検索結果 */
#result_tkk5000 {
  margin: 20px 0;
}

#result_record {
  font-size:12px;
  margin: 0 0 30px 0;
}

#result_record .car_record {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 5px;
  overflow: auto;
}

#result_record .car_record:first-of-type {
  border-top: 1px solid #000;
}

#result_record .oth{
  color: #707070;
}

#result_record .oth [class^="active-formation-"]::after {
  opacity: 0.66;
}

.car_record p {
}

.car_record dl {
  margin: 0;
  float: left;
}

.car_record dt {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
}

.car_record dd {
  display: block;
  margin: 0 10px 0 0;
  padding: 0;
  font-weight: bold;
  float: left;
}

.car_record dt:after {
  content: '：';
}

.car_record dd:after {
  display: block;
  content: '';
  clear: both;
}

.car_record_title {
  margin: 0;
  float: left;
  width: 70px;
}

.car_record_overview {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
}

.car_record_numberhistory {
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
}

.car_record_scrap {
  background-color: #eeeeee;
}
.car_record_formation {
  width: 220px;
}

.car_record_description {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
}

.car_record_description p {
}

.car_record_history {
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
}

.car_record_typenumber {
  width: 125px;
}

.car_record_date {
  width: 220px;
}

.car_record_age {
  width: 320px;
}

.car_record_remarks {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}

.car_record_formation_link {
  margin: 0;
  font-weight: bold;
}

.car_record_formation_history {
  margin: 20px;
  font-size: 12px;
}

.car_record_formation_history_block {
  margin: 0 0 15px 0;
}

.car_record_formation_period {
  margin: 0;
  padding: 4px;
  font-weight: bold;
  background-color: #666;
  color: #ffffff;
}

.car_record_formation_detail {
  margin: 5px 0;
}


/* 検索結果サマリ */
#joken_tkk5000 {
  margin: 10px 0;
}

#joken_f_tkk5000 {
  font-weight: bold;
  text-align: right;
}

.ser_num {
  font-weight:bold;
}

#back {
  font-size:12px;
}

#refer {
  margin:15px 25px;
}

#refer h2{
  font-style: italic;
  font-size: 16px;
}

#refer ul{
  font-size: 12px;
}

#cop{
  text-align: right;
  font-family: Verdana,Helvetica,Arial;
  font-size: 10px;
  font-weight: bold;  
}

.ub{
  margin: 0px;
  font-size: 12px;
}

#er{
  font-weight: bold;
  color: #ff0000;
}

#warn{
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}

/* 年度別車両数 */
#count_tkk5000 h2 {

}

#count_tkk5000 h3 {
  font-size: 1.1em;
  padding-left: 5px;
  border-left: 5px solid #666;
  margin: 20px 0 10px 0;
}

.cars_chart {
  margin: 20px 0;
}

.cars_count {
  max-width: 100%;
  font-size: 12px;
  border: solid 1px #000;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0 0 30px 0;
}

.cars_count th {
  text-align: center;
  background-color: #ccc;
  border: solid 1px #000;
  border-collapse: collapse;
}

.cars_count td {
  border: solid 1px #000;
  border-collapse: collapse;
  width: 60px;
  min-width: 40px;
  max-width: 80px;
}

/* 編成表 */
#f-table_tkk5000_main {
  display: flex;
  flex-wrap: wrap;
}

#f-table_tkk5000 section:not(.car_formation_total) {
  margin: 0 0 40px 0;
}

#f-table_tkk5000 .title_category {
  font-size: 1.1em;
  padding-left: 5px;
  border-left: 5px solid #666;
  margin: 20px 0 10px 0;
  position: relative;
}

.title_category_ty::before {
  content: '';
  position: absolute;
  left: -5px;
  width: 5px;
  height: 100%;
  background: linear-gradient(to bottom, #da0042 0%, #da0042 100%);
}

.title_category_mg::before {
  content: '';
  position: absolute;
  left: -5px;
  width: 5px;
  height: 100%;
  background: linear-gradient(to bottom, #009cd3 0%, #009cd3 100%);
}

.title_category_dt::before {
  content: '';
  position: absolute;
  left: -5px;
  width: 5px;
  height: 100%;
  background: linear-gradient(to bottom, #00aa8d 0%, #00aa8d 100%);
}

.title_category_om::before {
  content: '';
  position: absolute;
  left: -5px;
  width: 5px;
  height: 100%;
  background: linear-gradient(to bottom, #f18c43 0%, #f18c43 100%);
}

.title_category_iktm::before {
  content: '';
  position: absolute;
  left: -5px;
  width: 5px;
  height: 100%;
  background: linear-gradient(to bottom, #ee86a8 0%, #ee86a8 50%, #ae0079 50%, #ae0079 100%);
}

.title_category_ik::before {
  content: '';
  position: absolute;
  left: -5px;
  width: 5px;
  height: 100%;
  background: linear-gradient(to bottom, #ee86a8 0%, #ee86a8 100%);
}

.title_category_sg::before {
  content: '';
  position: absolute;
  left: -5px;
  width: 5px;
  height: 100%;
  background: linear-gradient(to bottom, #fcc800 0%, #fcc800 100%);
}

.title_category_kd::before {
  content: '';
  position: absolute;
  left: -5px;
  width: 5px;
  height: 100%;
  background: linear-gradient(to bottom, #0068b7 0%, #0068b7 100%);
}

.title_category_mm::before {
  content: '';
  position: absolute;
  left: -5px;
  width: 5px;
  height: 100%;
  background: linear-gradient(to bottom, #00489a 0%, #00489a 100%);
}

.title_category_mk::before {
  content: '';
  position: absolute;
  left: -5px;
  width: 5px;
  height: 100%;
  background: linear-gradient(to bottom, #4159e1 0%, #4159e1 100%);
}

.title_category_dtst::before {
  content: '';
  position: absolute;
  left: -5px;
  width: 5px;
  height: 100%;
  background: linear-gradient(to bottom, #00aa8d 0%, #00aa8d 50%, #7bdbc7 50%, #7bdbc7 100%);
}

.title_category_st::before {
  content: '';
  position: absolute;
  left: -5px;
  width: 5px;
  height: 100%;
  background: linear-gradient(to bottom, #fccf69 0%, #fccf69 100%);
}

#f-table_tkk5000 .link_menu_title_box {
  margin: 20px 0;
}

#f-table_tkk5000 .link_menu_title {
  font-size: 1.1em;
  padding-left: 0px;
  border-left: 5px solid #666;
  margin: 0;
  position: relative;
}

#f-table_tkk5000 .link_menu {
  padding: 10px 0;
  line-height: 175%;
  overflow: hidden;
}

#f-table_tkk5000 .link_menu_block {
  margin: 0 0 20px 0;
}

.f-table_tkk5000_menu {
  width: 50%;
  padding: 0 5px;
  box-sizing: border-box;
}

.f-table_header {
  position: relative;
}

.f-table_header img {
  width: 100%;
  max-height: 150px;
  object-fit: cover;
  border-radius:5px;
}

.f-table_tkk5000_menu h2 {
  font-size: 1.05em;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  padding: 0 5px 5px 5px;
  border-radius: 0 3px 0 0;
}

.f-table_tkk5000_menu h2::after,
.f-table_tkk5000_menu h2::before {
  content: '↓';
}

.f-table_tkk5000_menu h3 {
  font-size: 1.1em;
  padding-left: 5px;
  border-left: 5px solid #666;
  margin: 10px 0;
}

.f-table_tkk5000_menu ul {
  list-style-type: none;
  margin: 15px 0 40px 0;
  padding: 0;
}

.f-table_tkk5000_menu li {
  margin: 10px 0;
  font-size: 1.1em;
}

.f-table_tkk5000_menu a {
}

.f-table_formation_img {
  text-align: center;
}

.f-table_result {
  margin: 20px 0 30px 0;
  overflow-x: scroll;
}

.car_body_left_padding {
  margin-left: 60px;
}

.car_rosen_toyoko,
.car_rosen_ty {
  display: block;
  width: 50px;
  margin: 0 5px;
  padding: 2px 0;
  background-color: #da0042;
  color: #fff;
  font-weight: bold;
}

.car_rosen_meguro,
.car_rosen_mg {
  display: block;
  width: 50px;
  margin: 0 5px;
  padding: 2px 0;
  background-color: #009cd3;
  color: #fff;
  font-weight: bold;
}

.car_rosen_denentoshi,
.car_rosen_dt {
  display: block;
  width: 50px;
  margin: 0 5px;
  padding: 2px 0;
  background-color: #00aa8d;
  color: #fff;
  font-weight: bold;
}

.car_rosen_dentama,
.car_rosen_dtst {
  display: block;
  width: 50px;
  margin: 0 5px;
  padding: 2px 0;
  background: linear-gradient(to right, #00aa8d 0%, #00aa8d 50%, #7bdbc7 50%, #7bdbc7 100%);
  color: #fff;
  font-weight: bold;
}

.car_rosen_oimachi,
.car_rosen_om {
  display: block;
  width: 50px;
  margin: 0 5px;
  padding: 2px 0;
  background-color: #f18c43;
  color: #fff;
  font-weight: bold;
}

.car_rosen_iketama,
.car_rosen_iktm {
  display: block;
  width: 50px;
  margin: 0 5px;
  padding: 2px 0;
  background: linear-gradient(to right, #ee86a8 0%, #ee86a8 50%, #ae0079 50%, #ae0079 100%);
  color: #fff;
  font-weight: bold;
}

.car_rosen_ikegami,
.car_rosen_ik {
  display: block;
  width: 50px;
  margin: 0 5px;
  padding: 2px 0;
  background-color: #ee86a8;
  color: #fff;
  font-weight: bold;
}

.car_rosen_tktmagawa,
.car_rosen_tm {
  display: block;
  width: 50px;
  margin: 0 5px;
  padding: 2px 0;
  background-color: #ae0079;
  color: #fff;
  font-weight: bold;
}

.car_rosen_setagaya,
.car_rosen_sg {
  display: block;
  width: 50px;
  margin: 0 5px;
  padding: 2px 0;
  background-color: #fcc800;
  color: #5a5959;
  font-weight: bold;
}

.car_rosen_kodomonokuni,
.car_rosen_kd {
  display: block;
  width: 50px;
  margin: 0 5px;
  padding: 2px 0;
  background-color: #0068b7;
  color: #fff;
  font-weight: bold;
}

.car_rosen_mekama,
.car_rosen_mk {
  display: block;
  width: 50px;
  margin: 0 5px;
  padding: 2px 0;
  background-color: #4180e2;
  color: #fff;
  font-weight: bold;
}

.car_rosen_shintama,
.car_rosen_st {
  display: block;
  width: 50px;
  margin: 0 5px;
  padding: 2px 0;
  background-color: #fccf69;
  color: #fff;
  font-weight: bold;
}

.car_rosen_mm,
.car_rosen_mm {
  display: block;
  width: 50px;
  margin: 0 5px;
  padding: 2px 0;
  background-color: #00489a;
  color: #fff;
  font-weight: bold;
}

.car_formation_total {
  margin:0 0 20px 0;
}

.car_formation_total_header {
  font-weight: bold;
  font-size: 1.0em;
}

.car_formation_total_list {
  display: flex;
  flex-wrap: wrap;
}

.car_formation_total_title {
  min-width: 150px;
  margin: 0px;
}

.car_formation_total_count {
  width: 50px;
  margin: 0px;
  text-align: right;
}

.car_formation_total_breakdown {
  font-size; 0.9em;
}

.car_formation_total_sum {
  font-weight: bold;
}

/* 編成期間棒グラフ */
.formation_svg_year text {
  fill: #111;
  font-size: 12px;
  text-anchor: middle;
  dominant-baseline: central;
}

.formation_svg_memory {
  stroke: #ddd;
  stroke-dasharray: 3;
}

.formation_svg_memory_emphasis {
  stroke: #999;
  stroke-dasharray: 3;
}

.formation_svg_now {
  stroke: #ffcccc;
  stroke-width: 1;
}

.formation_svg_period text {
  fill: #111;
  font-size: 10px;
  text-anchor: middle;
  dominant-baseline: central;
}

.formation_svg_formperiod text {
  fill: #111;
  font-size: 12px;
  text-anchor: middle;
  dominant-baseline: central;
}

.formation_svg_pagelink_bg {
  fill: #fff;
}

.formation_svg_pagelink {
  fill: #00f;
  text-decoration: underline;
}

[class^="formation_border_"]:after {
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  width: 30px;
  height: 13px;
  margin-left: 5px;
  line-height: 150%;
}

.formation_svg_border_ty {
  stroke: #da0042;
  stroke-width: 1;
  fill: #da0042;
}

.formation_border_ty:after {
  content: ' ';
  color: #fff;
  background-color: #da0042;
}

.formation_svg_border_mg {
  stroke: #009cd3;
  stroke-width: 1;
  fill: #009cd3;
}

.formation_border_mg:after {
  content: ' ';
  color: #fff;
  background-color: #009cd3;
}

.formation_svg_border_dt {
  stroke: #00aa8d;
  stroke-width: 1;
  fill: #00aa8d;
}

.formation_border_dt:after {
  content: ' ';
  color: #fff;
  background-color: #00aa8d;
}

.formation_svg_border_dtst {
  stroke: #3ec3aa;
  stroke-width: 1;
  fill: #3ec3aa;
}

.formation_border_dtst:after {
  content: ' ';
  color: #fff;
  background-color: #3ec3aa;
}

.formation_svg_border_om {
  stroke: #f18c43;
  stroke-width: 1;
  fill: #f18c43;
}

.formation_border_om:after {
  content: ' ';
  color: #fff;
  background-color: #f18c43;
}

.formation_svg_border_ik {
  stroke: #ee86a8;
  stroke-width: 1;
  fill: #ee86a8;
}

.formation_border_ik:after {
  content: ' ';
  color: #fff;
  background-color: #ee86a8;
}

.formation_svg_border_tm {
  stroke: #ae0079;
  stroke-width: 1;
  fill: #ae0079;
}

.formation_border_tm:after {
  content: ' ';
  color: #fff;
  background-color: #ae0079;
}

.formation_svg_border_iktm {
  stroke: #ce4391;
  stroke-width: 1;
  fill: #ce4391;
}

.formation_border_iktm:after {
  content: ' ';
  color: #fff;
  background-color: #ce4391;
}

.formation_svg_border_sg {
  stroke: #fcc800;
  stroke-width: 1;
  fill: #fcc800;
}

.formation_border_sg:after {
  content: ' ';
  color: #fff;
  background-color: #fcc800;
}

.formation_svg_border_kd {
  stroke: #0068b7;
  stroke-width: 1;
  fill: #0068b7;
}

.formation_border_kd:after {
  content: ' ';
  color: #fff;
  background-color: #0068b7;
}

.formation_svg_border_mm {
  stroke: #00489a;
  stroke-width: 1;
  fill: #00489a;
}

.formation_border_mm:after {
  content: ' ';
  color: #fff;
  background-color: #00489a;
}

.formation_svg_border_mk {
  stroke: #4159e1;
  stroke-width: 1;
  fill: #4159e1;
}

.formation_border_mk:after {
  content: ' ';
  color: #fff;
  background-color: #4159e1;
}

.formation_svg_border_st {
  stroke: #fccf69;
  stroke-width: 1;
  fill: #fccf69;
}

.formation_border_st:after {
  content: ' ';
  color: #fff;
  background-color: #fccf69;
}

/* 検索結果下部の注意書き */
#att_unyo {
  font-size: 1.0em;
  margin:10px 0px;
}

#att_unyo ul {
  margin: 0;
  padding: 0 0 0 20px;
}

#att_unyo li {
  padding: 1px 0;
}

.number{
  background-color:#000000;
  color:#ffff00;
  font-size:36px;
  font-weight:bold;
}

/* PC用表示 */
@media (min-width: 769px) {
  #search_tkk5000 li,
  #formation li,
  #formation_period li
  #formation_date li {
    display: block;
    min-width: 55px;
    margin: 0;
    padding: 0;
    text-align: center;
    box-sizing: border-box;
    float: left;
  }

  #search_tkk5000 #all_list li,
  #search_tkk5000 #fiscalyear li,
  #search_tkk5000 #cartype li,
  #formation li {
    width: 20%;
  }

  #search_tkk5000 #rosen li,
  #search_tkk5000 #counter_page li,
  #formation_date li {
    width: 33%;
  }
  #formation_period li {
    width: 50%;
  }

}