@charset "utf-8";

/** テーブル */
#sort_table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
}
#sort_table tr:nth-child(2n+1) {
  background: #f5f5f5;
}
#sort_table th {
  padding: 10px;
  background: #8a8a8a;
  border-right: solid 1px #778ca3;
  color: #ffffff;
}
#sort_table th:last-child {
  border-right: none;
}
#sort_table td {
  padding: 10px;
  border-right: solid 1px #778ca3; 
}
#sort_table td:last-child {
  border-right: none;
}

#sort_table thead th {
  /* 縦スクロール時を固定 */
  position: sticky;
  top: 0;
  /* tbody内のセルより手前に表示する */
  z-index: 1;
}
#sort_table th:first-child {
  /* 横スクロールを固定 */
  position: sticky;
  left: 0;
}
#sort_table thead th:first-child {
  /* 一番左端のthead thが横スクロール時に隠れない様に */
  z-index: 2;
}
#sort_table th,
#sort_table td{
  border-collapse: collapse;
  text-align: left;
  padding: .2rem .5rem;
  font-weight: normal;
}
#sort_table thead th {
  background: #8a8a8a;
}