/* このページの「危険物の分類」表だけ固定レイアウトに */
.law-defined .law-defined-table{
  width: 100%;
  table-layout: fixed;      /* ← 列幅を col で制御 */
  border-collapse: collapse;
}

.law-defined .law-defined-table th,
.law-defined .law-defined-table td{
  vertical-align: top;
  line-height: 1.6;            /* 可読性UP（任意） */
  padding: .6rem .7rem;        /* 余白（任意） */
  overflow-wrap: break-word;   /* 先にフォールバック */
  overflow-wrap: anywhere;     /* モダン */
  word-break: break-word; 
}

/* 列幅（モバイル優先） */
.law-defined .law-defined-table col.col-kind   { width: clamp(4.8rem, 12vw, 6rem);} /* 類別：第1類～第6類だけ */
.law-defined .law-defined-table col.col-nature { width: clamp(5.8rem, 18vw, 8rem);} /* 性質 */
.law-defined .law-defined-table col.col-name   { width: clamp(8rem,  26vw, 12rem); }  /* 品名 */
.law-defined .law-defined-table col.col-feature{ width: auto; }   /* 特徴＝残り全部 */

/* 画面が広いときは少しだけ広げる */
@media (min-width: 768px){
  .law-defined .law-defined-table col.col-kind   { width: 6rem; }
  .law-defined .law-defined-table col.col-nature { width: 8rem; }
  .law-defined .law-defined-table col.col-name   { width: 12rem; }
}

/* 見出し固定（既存 .law-defined-table に追加） */
.law-defined .law-defined-table thead th{
  position: sticky;
  top: 0;                /* ヘッダーの高さ分調整が必要ならここを変更 */
  background: #fff;      /* 下の行が透けないように */
  z-index: 1;
}

.law-defined .law-defined-table tbody tr:nth-child(odd){
  background: #fafafa;
}

@media (max-width: 480px){
  .law-defined .law-defined-table th,
  .law-defined .law-defined-table td{
    padding: .5rem .55rem;
    line-height: 1.5;
  }
}

/* モバイル時：短い列をさらにタイトに→「特徴」に幅を回す */
@media (max-width: 600px){
  .law-defined .law-defined-table col.col-kind   { width: 5ch; }
  .law-defined .law-defined-table col.col-nature { width: 8ch; }
  .law-defined .law-defined-table col.col-name   { width: 10ch; }
  .law-defined .law-defined-table col.col-feature{ width: auto; }

  .law-defined .law-defined-table th,
  .law-defined .law-defined-table td{
    padding: .45rem .5rem;
  }
  /* テーブル内だけ少し文字を小さく（任意） */
  .law-defined .law-defined-table { font-size: 0.95rem; }
}
@media (max-width: 400px){
  .law-defined .law-defined-table { font-size: 0.9rem; }
}