/* Otsux_Law_Class4_Substances.css */
#law-table1 table {
  width: 100%;
  border-collapse: collapse;
}

#law-table1 th,
#law-table1 td {
  vertical-align: top;
  line-height: 1.5;
}

/* モバイル～タブレット: 列比率を固定して圧縮。 */
@media (max-width: 900px) {
  #law-table1 table { table-layout: fixed; }

  /* 文字の折り返しを積極的に許可（日本語向け設定） */
  #law-table1 th,
  #law-table1 td {
    padding: 8px 10px;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-break: strict;
  }

    #law-table1 thead th {
    position: sticky;
    top: 0;            /* サイトヘッダが固定なら、その高さに合わせて調整 */
    z-index: 3;
    background: #fff;
  }
  #law-table1 tbody tr:nth-child(odd) { background: #fafafa; }

  /* セル内の段落・改行の余白を少し詰める */
  #law-table1 td p { margin: 0 0 .25em; }


  /* 列幅（% は合計100%になるよう配分） */
  /* 1列目=品名 を細く、2列目=区分 も細く */
  #law-table1 thead th:nth-child(1),
  #law-table1 tbody td:nth-child(1) { width: 20%; }

  #law-table1 thead th:nth-child(2),
  #law-table1 tbody td:nth-child(2) { width: 16%; }

  /* 3列目=代表的な危険物の物品名 を広め */
  #law-table1 thead th:nth-child(3),
  #law-table1 tbody td:nth-child(3) { width: 34%; }

  /* 4列目=定義 も広め */
  #law-table1 thead th:nth-child(4),
  #law-table1 tbody td:nth-child(4) { width: 30%; }

  /* セル内のリストの余白を少し節約 */
  #law-table1 td ul {
    margin: 0;
    padding-left: 1em;
    list-style-position: inside;
  }
}

/* さらに狭い端末（小型スマホ）向けの微調整 */
@media (max-width: 420px) {
  #law-table1 thead th:nth-child(1),
  #law-table1 tbody td:nth-child(1) { width: 22%; }

  #law-table1 thead th:nth-child(2),
  #law-table1 tbody td:nth-child(2) { width: 15%; }

  #law-table1 thead th:nth-child(3),
  #law-table1 tbody td:nth-child(3) { width: 33%; }

  #law-table1 thead th:nth-child(4),
  #law-table1 tbody td:nth-child(4) { width: 30%; }
}