/* --------------------------------------------------
   印刷用スタイル (Chrome / Edge 対応)
-------------------------------------------------- */
@media print {
  
  /* 1. 用紙設定と基本リセット */
  @page {
    size: auto;   /* 用紙サイズに合わせて自動調整 */
    margin: 10mm; /* 余白の設定（お好みで調整してください） */
  }

  body {
    -webkit-print-color-adjust: exact; /* 背景色・画像を強制的に印刷 */
    print-color-adjust: exact;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 2. 横幅を100%に強制する */
  /* コンテンツを囲んでいる主要なクラス名を指定してください（例: .container, #wrapperなど） */
  html, body, .container, #wrapper, main {
    width: 100% !important;
    max-width: none !important; /* PC用の固定幅（例:1200px）を解除 */
    min-width: 0 !important;
    box-sizing: border-box;
    overflow: visible !important; /* 途切れるのを防ぐ */
  }

  /* 3. ヘッダーを「1ページ目のみ」にする設定 */
  /* 実際のヘッダーのクラス名（例: .header, #header-fixed）に合わせて変更してください */
  header, .header, .fixed-header {
    /* 重要: fixedを解除して絶対配置または通常配置にする */
    position: absolute !important; 
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    
    /* ヘッダーがコンテンツに被らないようにする */
    z-index: 9999; 
    
    /* 影などを消してインクを節約する場合（任意） */
    box-shadow: none !important;
  }

  /* コンテンツがヘッダーの下に潜り込まないよう、bodyやmainの上部に余白が必要な場合 */
  body {
    /* ヘッダーの高さ分だけpaddingを確保（ヘッダーが100pxの場合の例） */
    /* position: static にした場合は不要です */
    padding-top: 100px !important; 
  }

  /* 4. 印刷に不要な要素を消す */
  /* ハンバーガーメニュー、「トップへ戻る」ボタン、動画、広告など */
  .nav-menu, .scroll-top-btn, iframe, .no-print {
    display: none !important;
  }
  
  /* 5. 改ページ調整（要素の途中でページが切れるのを防ぐ） */
  p, h2, h3, figure, img {
    break-inside: avoid;
  }
}