@charset "UTF-8"; /* ========================================================================== 印刷用スタイルシート ========================================================================== */ /* * HTMLの内で以下のように読み込みます。 * */ /* --- 基本設定 --- */ @page { /* 印刷時の用紙の余白 */ margin: 2cm; } body { background: #fff !important; /* 背景を白に */ color: #000 !important; /* テキストを黒に */ font-family: "Noto Serif JP", serif; /* 印刷に適したセリフ体 */ font-size: 12pt; /* 印刷に適したポイント単位 */ line-height: 1.5; } /* --- 不要な要素を非表示 --- */ header, footer, nav, aside, form, iframe, .page-hero, .btn, .btn-wrapper, .pagination, .anchor-nav, .hover-icon__mask { display: none !important; } /* --- リンクのスタイル調整 --- */ a { color: #000 !important; text-decoration: underline !important; } /* リンク先URLをテキストの後に表示する */ a[href^="http"]:not([href*="javascript"])::after { content: " (" attr(href) ")"; font-size: 10pt; color: #666; } /* 内部リンクのURLは表示しない */ a[href^="#"]::after { content: ""; } /* --- コンポーネントのスタイル調整 --- */ /* コンテナの幅をリセット */ .container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* カードの装飾をシンプルに */ .card { border: 1px solid #ccc !important; box-shadow: none !important; page-break-inside: avoid; /* カードの途中で改ページさせない */ } /* テーブルの背景色をリセット */ .table-scrollable thead th, .table-scrollable tbody tr:nth-child(odd) td { background-color: transparent !important; } /* --- 改ページ制御 --- */ /* 見出しの直後で改ページされるのを防ぐ */ h2, h3, h4 { page-break-after: avoid; } /* テーブルや画像の途中で改ページされるのを防ぐ */ table, figure, img { page-break-inside: avoid; }