@charset "UTF-8";
/* print.scss */
/*
  印刷専用スタイル

  - このSCSSは Prepros で `assets/css/print.css` にコンパイルします
  - WordPress側では `media="print"` で読み込むため、ここで @media print で包む必要はありません
*/
/* 余計なUIを印刷に出さない */
.nav__menu,
.nav__toggle,
.nav__sp-tel,
.side__link,
.header__nav,
.header__contact,
.footer__top {
  display: none !important;
}

/* 余白（ブラウザ差はあるが、最低限読みやすく） */
@page {
  margin: 12mm;
}
html,
body {
  background: #fff !important;
  color: #000 !important;
}

/* 印刷用の縮尺/基準フォント（主に Chrome/Edge 向け） */
html {
  zoom: 0.7 !important;
  font-size: 62.5% !important;
}

/* リンクは黒＋下線で印刷向きに */
a,
a:visited {
  color: #000 !important;
  text-decoration: underline;
}

/* 画面用のアニメーション/トランジションは不要 */
* {
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}

/* 印刷時は背景・影を消して読みやすく */
*,
*::before,
*::after {
  background: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-shadow: none !important;
}

/* 印刷での崩れを抑える */
img,
svg {
  max-width: 100% !important;
}

/* 途中で切れにくく */
p,
h1, h2, h3, h4, h5, h6,
dl, dt, dd,
ul, ol, li,
table, tr, td, th,
figure {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}

/* 見出し直後の改ページを避ける */
h1, h2, h3, h4, h5, h6 {
  -webkit-column-break-after: avoid;
     -moz-column-break-after: avoid;
          break-after: avoid;
}