.sticky_table {
 //background: red;
 border: 1px #121520 solid;
}
.sticky_table th {
  background-color: #494854;
  border-width: 0px 0px;
  border-radius: 3px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.5);
  //padding: 0.1rem 0.2rem;
  font-size: 1rem;
  border-left:1px #000 solid;
}
.sticky_table td {
  //padding: 0.1rem 0.2rem;
  border-width: 0px 0px;
  white-space: nowrap;
  font-size: 1rem;
  background: var(--row-odd-bg);
  border-left: 1px #000 solid;
}
.sticky_table tr:nth-child(even) td {
  background: var(--row-even-bg);
}


.table_div {
  overflow-x: auto;
}


table.sticky_table tbody tr td {
  //padding: 0.1rem 0.2rem;
  //padding: 0.05rem 0.05rem;
  padding: 0.0rem 0.07rem;
}




-- 行ヘッダ縦積み
.tb01 th,
.tb01 td{
  padding: 2px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
}
.tb01 th {
  background: #ff7bac;
  color: #fff;
  
}
@media screen and (max-width: 640px) {
  .tb01 {
    width: 100%;
  }
  table.tb01 th,
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}