@charset "UTF-8";

/*
 * 異体字（Unicode拡張文字等）を取り扱うCSSファイルです。
 */

/* Noto系は拡張文字に対応していそう。本文適用なので明朝体系 */
.itaiji {
  font-family:
    "dnp-shuei-4go-std",
    "Noto Serif CJK JP",
    "Source Han Serif JP",
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "BIZ UDPMincho",
    "BIZ UDMincho",
    serif;
}

/* 秀英フォントで「新田卿阿闍梨」の「卿」の字のグリフが違うので対策 */
.glyph-u537f {
  font-family: var(--font-mincho);
}

/* 秀英フォントで「翫」の字形が本文意図と異なるため、通常明朝に逃がす */
.glyph-u7feb {
  font-family: var(--font-mincho);
}

/*
 * .use-svg クラスを付与すると、異体字のグリフをSVG画像で表示します。 
 * @see ../js/itaiji-glyph.js
 */
/* data-glyph="㵎" data-standard="澗" data-codepoint="U+3D4E" */
.itaiji.glyph-u3d4e.use-svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  vertical-align: 0.08em;

  color: transparent;
  background: url("../img/glyph/u3d4e-noto-serif.svg") no-repeat center / contain;
}

/* 「其の形𩑔痩し」の「𩑔」 U+29454（⿰乞頁）
   Android Chrome等で豆腐になるためSVG表示に逃がす */
.itaiji.glyph-u29454.use-svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  vertical-align: 0.02em;

  color: transparent;
  background: url("../img/glyph/u29454-noto-serif-composite.svg") no-repeat center / contain;
}