IMG.notte{
    height:1em;
}
DIV.result{
  margin:5px 10px;
  padding:5px;
  border:chocolate 3px solid;
  background:#ffff77;
  font-weight:bold;
  border-radius:5px;
}
DIV.num{
  background-color:#0C451D;
  color:white;
  text-align:center;
  padding:0px;
  border:#0C451D solid 3px;
  border-radius: 3px;
  height:min-content;
  width:4.5em;
}
DIV.numo{
  background-color:#FFFF77;  
  border:#0C451D solid 3px;
  color:#0C451D;
  text-align:center;
  padding:0px;
  border-radius: 3px;
  width:4.5em;
}
DIV.numwhite{
  background-color: white;
}
DIV.numyellow{
  background-color: #FEF99B;
}
DIV.numblue{
  background-color: #B1D7EB;
}
span.num-a{
  font-size:0.6em;
  font-family:sans-serif;
  margin:0;
  padding:0 10%;
}
span.num-c{
font-family: kosugi-maru, sans-serif;
font-style: normal;
font-weight: 400;
  font-size:1.2em;
  display: grid;
  grid-template-columns: 10% 1fr 10% 1fr;
}
span.num-d{
  font-family:serif;
  font-size:0.6em;
  padding:4px 0;
}

DIV.table-area {
  margin: 0 auto;
    overflow-x: auto;
  padding:0px;
  overflow-y:auto;max-height:70vh;/*はずす？*/
}
DIV.table-area table tr{
    font-size:0.8em;
}

TABLE.list{
  border-collapse:  collapse;  
  /*border:solid 1px;*/
  width:100%;
  table-layout: auto;
  box-sizing: border-box;
  white-space: nowrap;
}
TABLE.list ._sticky,TABLE.list TR.tenshutsu ._sticky,TABLE.list TR.haisha ._sticky{
  position: sticky;
  top: 0;
  left:23px;
  /*color: #fff;*/
  background: white;
  &:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid;
    z-index: -4;
    /*border-top:1px solid;*/
  }
  &:first-child {
    left: 0;
  }
}
TABLE.list ._sticky{
  z-index:1;
}
TABLE.list th._sticky{
  background:#193565;
  z-index:4;
  &:before{
    /* 縦スクロール時に固定する */
    top: 0;
    z-index: -5;
    }
}
TABLE.list th {
  /* 縦スクロール時に固定する */
  background:none;
  color:white;
  position: -webkit-sticky;
  position: sticky;
  background:#193565;
  top: 0;
  z-index: 2;
  &:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:3;
  }
}

/*TABLE.list ._sticky {
  position: sticky;
  top: 0;
  left: 23px;
  background: none;
  border-left: none;
  border-right: none;
}
TABLE.list ._sticky::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  z-index: -2;
  background: white;
}*/

TABLE.list TR.tenshutsu ._sticky::before {
  background-color: #bbeae7da;
  position: absolute;
  z-index:-5;
}


TABLE.list TR.haisha ._sticky:before{
  background-color: #d0dcdbda;
  position: absolute;
  z-index:-5;
}


/*TABLE.list th._sticky*/

TABLE.type1 tr td:nth-child(1) {/*notte*/
  width:23px;
}
TABLE.type1 tr td:nth-child(2) {/*社番*/
  width:40px;
}
TABLE.type1 tr td:nth-child(3) {/*登録番号*/
  width:50px;
}
TABLE.type1 tr td:nth-child(4) {/*メーカー*/
  width:80px;
}
TABLE.type1 tr td:nth-child(5) {/*型式*/
  width:60px;
}
TABLE.type1 tr td:nth-child(6) {/*新車*/
  width:60px;
}
TABLE.type1 tr td:nth-child(7) {/*転入*/
  width:60px;
}
TABLE.type1 tr td:nth-child(8) {/*転出*/
  width:60px;
}
TABLE.type1 tr td:nth-child(9) {/*除籍*/
  width:60px;
}

TABLE.type2 tr td:nth-child(1) {/*notte*/
  width:23px;
  font-size:1.5em;
}
TABLE.type2 tr td:nth-child(2) {/*社番*/
  width:40px;
}
TABLE.type2 tr td:nth-child(3) {/*登録番号*/
  width:50px;
}
TABLE.type2 tr td:nth-child(4) {/*メーカー*/
  width:80px;
}
TABLE.type2 tr td:nth-child(5) {/*型式*/
  width:60px;
}
TABLE.type2 tr td:nth-child(6) {/*納車*/
  width:60px;
}
TABLE.type2 tr td:nth-child(7) {/*用途*/
  width:60px;
}
TABLE.type2 tr td:nth-child(8) {/*種別*/
  width:60px;
}
TABLE.type2 tr td:nth-child(9) {/*備考*/
  font-size:1.0em;
  line-height:1.5em;
}
TABLE.type3 tr td:nth-child(1) {/*会社名*/
  width:8.0em
}
TABLE.type3 tr td:nth-child(2) {/*登録番号*/
  width:50px;
}
TABLE.type3 tr td:nth-child(3) {/*年式*/
  width:50px;
}
TABLE.type3 tr td:nth-child(4) {/*メーカー*/
  width:80px;
}
TABLE.type3 tr td:nth-child(5) {/*型式*/
  width:90px;
}
TABLE.type3 tr td:nth-child(6) {/*ボディ*/
  width:60px;
}
TABLE.type3 tr td:nth-child(7) {/*備考*/
  font-size:1.0em;
}

TABLE.list TD{
    border-top:solid 1px;
    border-bottom:solid 1px;  
    border-left: none;
    border-right:none;
}

TABLE.list A.alink{
  color:blue;
}
TABLE.list A.alink:hover{
  color:blue;
  background:plum;
}
TABLE.list A.alink:visited{
  color:orange;
}

TABLE.list TR{
    transition:all 0.5s ease;
}
/*TABLE.list TR:hover{
    background-color:azure;
    z-index:0;
}
TABLE.list TR:hover TD._sticky,TABLE.list TR.tenshutsu:hover ._sticky,TABLE.list TR.haisha:hover ._sticky{
  background-color:azure;
  z-index:5;
}*/

TR.tenshutsu{
    background-color: #bbeae7da;
}
TR.haisha{
    background-color: #d0dcdbda;
}
TABLE.list span.tag{
    border-radius: 5px;
    padding:2px;
    margin:2px;
    font-size:80%;
}
TABLE.list span.t13{
    background-color:green;
    color:white;
}
TABLE.list span.t15{
    background-color:red;
    color:white;
}
TABLE.list span.t20{
    background-color:blue;
    color:white;
}
TABLE.list span.t21{
    background-color:midnightblue;
    color:white;
}
TABLE.list span.t25{
    background-color:violet;
    color:white;
}
TABLE.list span.t26{
    background-color:yellowgreen;
    color:white;
}TABLE.list span.t27{
    background-color:pink;
    color:white;
}
TABLE.list span.t28{
    background-color:skyblue;
    color:white;
}
TABLE.list span.t29{
    background-color:goldenrod;
    color:white;
}
TABLE.list span.t30{
    background-color:mediumspringgreen;
    color:white;
}
TABLE.list span.t31{
    background-color:salmon;
    color:white;
}



/*===========
table
===========*/

 table.dia {
    border-collapse: collapse;
    border-spacing: 0;
    margin:10px 0;
  }
  table.dia th, td {
    vertical-align: middle;
    padding: 3px;
    border: 1px solid black;

    white-space: nowrap;
  }
  table.dia  th {
    background: #795548;
  }
   table.dia  td {
    background: #fff;
  }
  table.dia ._sticky {
    position: sticky;
    top: 0;
    left: 0;
    background: none;
    border-left: none;
    border-right: none;
    color:white;
  }
  table.dia ._sticky:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
    border-left: 1px solid black;
    border-right: 1px solid black;
    background: blue;
    z-index: -1;
  }

/* 車体 */

  @media screen and (min-width:769px) {
    /* PC用CSS記述 */
  span.body::before {
    content: "\A";
    white-space: pre;
  }
  }

  @media screen and (max-width:768px) {
  span.body{
    display:none;
  }
}
  
  /*===========
  .scroll-box
  ===========*/

  @media screen and (min-width:769px) {
    /* PC用CSS記述 */
    .scroll-box {
      overflow-x: auto;
      padding-bottom: 5px;
      -webkit-overflow-scrolling: touch;
      max-width: 100%;
    }
  }

  @media screen and (max-width:768px) {
  .scroll-box {
    overflow-x: auto;
    padding-bottom: 5px;
    -webkit-overflow-scrolling: touch;
    max-width: 420px;
  }
}
  
  /*===========
  scrollbar
  ===========*/
  
  
  /*スクロールバー全体の高さ*/
  
  .scroll-box::-webkit-scrollbar {
    height: 4px;
  }
  
  /*スクロールバー全体の背景*/
  
  .scroll-box::-webkit-scrollbar-track {
    background: #eee;
  }
  
  /*スクロールバーの動く部分*/
  
  .scroll-box::-webkit-scrollbar-thumb {
    background: #aaa;
    border: none;
  }
  
  /*スクロールバーの動く部分のホバー（マウスオーバー）*/
  
  .scroll-box::-webkit-scrollbar-thumb:hover {
    background: #999;
  }

  /*===========
  ヘッダーメニュー
  ===========*/
  
  #header_menu{
    display: block; 
    position: fixed; /*ポジションを固定する*/
    top: 0px;/*一番上に設置*/
    left: 0px;
    z-index: 9999;  /*どの要素よりも上にくるように*/
    justify-content: space-between;
    width: 100%; /*横幅を100%に*/
    padding: 0 0;
    }
    #header_menu a {
    float: left; /*メニューを横並びにする*/
    font-size: 16px;
    color: #FFF;
    padding: 10px;
    }
    #header_menu a:after { /*floatでデザインが崩れないように*/
    display:block;
    clear: both;
    content:"";
    }

    #container{
      padding-top:40px;
    }

    /*３分割*/
    .gantt__row {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      text-align: center;
    }

    .gantt__row .W{
      background-color: rgba(110,169,36,0.78);/*メニューバー背景色*/
    }

    .gantt__row .S{
      background-color: rgba(35, 162, 246, 0.78);/*メニューバー背景色*/
    }

    .gantt__row .H{
      background-color: rgba(246, 35, 204, 0.78);/*メニューバー背景色*/
    }

/*charts*/
div.charts{
  margin:0 auto;
  max-width:400px;
}
/* 点滅 */
.blinking{
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

@media screen and (min-width: 1025px){
	.table-area {overflow-x: autogm;}
}


/*ugokisummary*/
div.ugokisummarynote{
  overflow-x:auto;
}

table.ugokisummary{
  font-size:0.6em;
  border-collapse:collapse;
  margin:0 auto;
  border:1px solid #005ab3;
}

/*list_typeoffice*/
div.office{
  overflow-x:auto;
}
div.office table{
  border-collapse:collapse;
  margin:0 auto;
}
div.office table th{
  color:#005ab3;
  line-height:1.2em;
}
div.office table td{
  border-bottom:1px dashed #999;
}
div.office table th,table tr:last-child td{
  border-bottom:2px solid #005ab3;
}
div.office table td,table th{
  padding:2px;
}