@charset "UTF-8";

/* ============================
   Google Fonts (ONLY source)
   ============================ */

/* ゴシック本文 */
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");

/* 明朝 */
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;600;700&display=swap");

/* 英字装飾 */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;600&display=swap');


/* ============================
   Font stacks
   ============================ */

:root {
 /* 日本語ゴシック（本文） */
 --font-jp:
  "Zen Kaku Gothic New",
  -apple-system,
  BlinkMacSystemFont,
  "Hiragino Kaku Gothic ProN",
  "Yu Gothic",
  Meiryo,
  sans-serif;

 /* 日本語明朝 */
 --font-serif-jp:
  "Shippori Mincho",
  "Hiragino Mincho ProN",
  "Yu Mincho",
  "MS Mincho",
  serif;
}

/* ============================
   Base typography
   ============================ */

body {
 font-family: var(--font-jp);

 /* 全環境で統一される字間 */
 letter-spacing: 0.015em;
 font-feature-settings: normal;
 font-kerning: auto;
}


/* ============================
   Japanese text spacing
   ============================ */

/* 日本語本文用 */
:lang(ja) {
 letter-spacing: 0.015em;
}

/* 見出しは少し詰める */
h1,
h2,
h3,
h4 {
 /* letter-spacing: 0.02em; */
}