@import url("keni-nav202602.txt.css");
table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

td, th {
  border: 1px solid #999;
  padding: 4px 6px;
  word-wrap: break-word;
}

/* 列幅設定（旧サイトの colgroup を CSS 化） */
table td:nth-child(1)  { width: 63px; }
table td:nth-child(2)  { width: 224px; }
table td:nth-child(3)  { width: 268px; }
table td:nth-child(4)  { width: 193px; }
table td:nth-child(5)  { width: 109px; }
table td:nth-child(6)  { width: 46px; }
table td:nth-child(7)  { width: 32px; }
table td:nth-child(8)  { width: 46px; }
table td:nth-child(9)  { width: 122px; }
table td:nth-child(10) { width: 138px; }
table td:nth-child(11) { width: 496px; }


/* スマホ用（幅768px以下） */
@media screen and (max-width: 768px) {

  table {
    display: block;
    width: 100%;
    border: none;
  }

  thead {
    display: none; /* 見出し行を非表示 */
  }

  tr {
    display: block;
    margin-bottom: 16px;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 6px;
    background: #fafafa;
  }

  td {
    display: block;
    border: none;
    padding: 4px 0;
    font-size: 14px;
    white-space: normal;
    word-break: break-word;
  }

  /* 各項目にラベルを付ける（視認性UP） */
  td:nth-child(1)::before  { content: "番号："; font-weight: bold; }
  td:nth-child(2)::before  { content: "書名："; font-weight: bold; }
  td:nth-child(3)::before  { content: "よみ："; font-weight: bold; }
  td:nth-child(4)::before  { content: "著者："; font-weight: bold; }
  td:nth-child(5)::before  { content: "巻冊："; font-weight: bold; }
  td:nth-child(6)::before  { content: "年号："; font-weight: bold; }
  td:nth-child(7)::before  { content: "年："; font-weight: bold; }
  td:nth-child(8)::before  { content: "形態："; font-weight: bold; }
  td:nth-child(9)::before  { content: "出版者："; font-weight: bold; }
  td:nth-child(10)::before { content: "備考："; font-weight: bold; }
  td:nth-child(11)::before { content: "その他："; font-weight: bold; }
  td:nth-child(12)::before { content: "PDF："; font-weight: bold; }

}

.book-table td:nth-child(1),
.book-table th:nth-child(1) {
  text-align: center;
}