/*
 * self-host した Web フォント
 * --------------------------
 * 以前は Google Fonts から配信していたが、日本語フォントが unicode-range で
 * 100 個以上に分割されるため 78 リクエスト / 1,124KB になっていた。
 * サイトで実際に使っている文字だけをサブセット化して 4 ファイル / 594KB に。
 *
 * ファイルは tools/build-fonts.py で生成する。
 * ★ HTML/JS の日本語を書き換えたら再生成すること（tools/check-fonts.py で検査できる）。
 *
 * Noto Sans JP と Outfit は可変フォント1本で 400〜900 をまかなう。
 * Zen Kaku Gothic New は可変版が存在しないため 700 / 900 の2本。
 *
 * ライセンス: SIL Open Font License 1.1（assets/fonts/OFL-*.txt に同梱）
 */

@font-face{
  font-family:'Noto Sans JP';
  src:url("../assets/fonts/noto-sans-jp-subset.woff2?v=20260903-fonts-v2") format("woff2-variations"),
      url("../assets/fonts/noto-sans-jp-subset.woff2?v=20260903-fonts-v2") format("woff2");
  font-weight:400 900;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:'Zen Kaku Gothic New';
  src:url("../assets/fonts/zen-kaku-gothic-new-700.woff2?v=20260903-fonts-v2") format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:'Zen Kaku Gothic New';
  src:url("../assets/fonts/zen-kaku-gothic-new-900.woff2?v=20260903-fonts-v2") format("woff2");
  font-weight:900;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:'Outfit';
  src:url("../assets/fonts/outfit-subset.woff2?v=20260903-fonts-v2") format("woff2-variations"),
      url("../assets/fonts/outfit-subset.woff2?v=20260903-fonts-v2") format("woff2");
  font-weight:300 900;
  font-style:normal;
  font-display:swap;
}

/*
 * 入力欄だけは OS 標準の日本語フォントを使う。
 * サブセットには来訪者が打ち込む文字（氏名の異体字など）まで入れられないため、
 * 入力中の文字が別書体に化けるのを避ける。サイト側の文章には影響しない。
 */
input,textarea,select{
  font-family:-apple-system,BlinkMacSystemFont,'Hiragino Sans','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;
}