/* ===== 自動連番（CSSカウンタ） ===== */
table.autonum-table {
  counter-reset: rownum;
  border-collapse: collapse;
  width: 100%;
  empty-cells: show;
}

table.autonum-table thead th,
table.autonum-table tbody th,
table.autonum-table tbody td {
  border: 1px solid #ccc;
  padding: .4rem .6rem;
}

/* 行ごとにカウントを進める */
table.autonum-table tbody tr {
  counter-increment: rownum;
}

/* 原則 .num に連番、保険で先頭セルにも適用 */
table.autonum-table tbody tr > .num::before,
table.autonum-table tbody tr > th:first-child::before,
table.autonum-table tbody tr > td:first-child::before {
  content: counter(rownum);
}

/* 見出しの「番号」列の幅（必要に応じて調整） */
table.autonum-table thead .num {
  width: 4.5em;
  text-align: center;
  background-color: #66ff66;
}

table.autonum-table thead th {
  background-color: #66ff66;
}

table.autonum-table tbody .num {
  text-align: left;
}