/* ============================================================
 * font.css — self-hosted webfonts
 * 遅延読み込みで参照される（header.php 参照）
 * 参考: https://webllica.com/pagespeed-insights-google-fonts-problem/
 *
 * フォントファイル配置: /fonts 配下
 * Zen Old Mincho / Zen Maru Gothic はファイルが未配置のため
 * 必要に応じて Google Fonts からダウンロードして /fonts に配置
 * ============================================================ */

@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/ZenKakuGothicNew-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/ZenKakuGothicNew-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/ZenKakuGothicNew-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/ZenKakuGothicNew-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/NotoSansJP-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/NotoSansJP-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/NotoSansJP-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/NotoSansJP-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Sofia Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/SofiaSans-Regular.ttf') format('truetype');
}

/* ============================================================
 * TODO: 下記フォントは ttf ファイルが /fonts 配下に未配置のため
 *       Google Fonts からダウンロードして配置してください。
 *       配置後、下記コメントアウトを解除すれば有効化されます。
 * ============================================================ */

/*
@font-face {
  font-family: 'Zen Old Mincho';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/ZenOldMincho-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Zen Old Mincho';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/ZenOldMincho-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/ZenMaruGothic-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/ZenMaruGothic-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/ZenMaruGothic-Bold.ttf') format('truetype');
}
*/