/*index.htmlのid="tyouhei2"の表が横長で、画面では横スクロールで見れるが、印刷したときに表の左側しか印字されない問題を解決するための印刷時専用cssファイル。「!important」宣言を含んでいることが画面表示にまで影響することを避けるために、全般のcssファイルとは分離独立させる必要がある*/
@media print{

  .site-header { display: none !important; }/* サイトヘッダーは印字省略（フッターはブラウザーの仕様で必ず印字されてしまう */

  .container{ max-width: none !important; } /* 本文は紙幅いっぱいに */

a::after { content: '(' attr(href) ')' }    /* 印刷時にリンクのURLを追記*/
/* #tyouhei2 a::after{ content: none !important; } */ /* 表の中だけリンク印字を無効化したい場合 */

  .tyouhei2-wrap{
    overflow: visible !important;  /* 画面の横スクロール指定を解除して */
    max-width: none !important;    /* 印刷時は紙面の全幅に展開 */
  }

  #tyouhei2{
    display: table !important;
    width: 100% !important;    /* 紙の印字領域にフィット */
    min-width: 0 !important;   /* 「縮まない」指定を解除 */
    table-layout: fixed;       /* 列幅を均して折り返しやすくする */
    border-collapse: collapse;
    font-size: 10pt;           /* まだ収まりきらないときは9ptにする */
  }

  #tyouhei2 th, #tyouhei2 td{
    white-space: nowrap; /* 原則は（数字や年号）折り返さない */
    padding: 2pt 3pt;
  }

 /* リンクを含むセルだけ折り返し許可（Chrome/Safari/Edgeなどで有効） */
  #tyouhei2 th:has(a),
  #tyouhei2 td:has(a){
    white-space: normal !important;   /* セルのnowrapを解除 */
  }

  /* URL文字列をきれいに折り返す指定（リンク内） */
  #tyouhei2 a{
    display: inline;                  /* （必要なら inline-block でも可） */
    overflow-wrap: anywhere;          /* どこでも（URL途中でも）折返し可 */
    word-break: break-word;           /* 互換 */
    line-break: anywhere;             /* 追加のヒント */
  }

  #tyouhei2 tr{
    break-inside: avoid;                /* 行の途中で改ページしづらくする */
    page-break-inside: avoid;
  }

  /* 色をなるべく忠実に（ブラウザ側設定の影響あり） */
  *{ -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* Option：まだ収まりきらないときはページ余白を小さくする（対応ブラウザ） */
/* @page{ margin: 12mm;} */