/* 文字組みの共通設定（会員ページ・確認ページ・パスの案内・管理画面）
   - 見出しなど短い文は文節で折り返す（word-break: auto-phrase。対応していないブラウザでは従来どおり）
   - 本文・箇条書きは文節で区切らず、行の端まで使って折り返す（文節単位だと行の右側が大きく空き、「ご希望の／方」のように語の途中で切れることがあるため）
   - 見出しは行の長さをそろえ、本文は最後の行に1文字だけ残さない
   - Windows でも游ゴシック・メイリオで表示し、MS ゴシックにしない */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN',
    'Yu Gothic UI', 'Yu Gothic', YuGothic, Meiryo, 'Noto Sans JP', 'Noto Sans CJK JP', 'Helvetica Neue', Arial, sans-serif;
  line-break: strict;
  font-kerning: normal;
}
/* 繁体字の画面（会員ページなど）は繁体字の書体で表示する。日本語の書体のままだと、句読点「，」「。」が左下に寄って後ろが大きく空き、字形も日本語になる */
html:lang(zh) body {
  font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Hiragino Sans CNS', 'Microsoft JhengHei UI', 'Microsoft JhengHei',
    'Noto Sans TC', 'Noto Sans CJK TC', 'Helvetica Neue', Arial, sans-serif;
}
p, li, dd, dt, label, summary, td, th, figcaption, blockquote, .lead, .note, .msg, .muted {
  text-wrap: pretty;
}
h1, h2, h3, h4, legend, .row-title, .participation-question, .sent-title, .stamp-title {
  word-break: auto-phrase;
  text-wrap: balance;
  font-feature-settings: "palt";
  letter-spacing: .02em;
}
/* 英数字の識別子（パスID・コード・メール・URL）は途中で折り返してよい */
.pass-id, .url, .sent-email, #fPassId, .mono, input, textarea { word-break: normal; overflow-wrap: anywhere; }
/* 数字の桁をそろえる */
time, .row-date, .glance dd, .pass-id, .mono { font-variant-numeric: tabular-nums; }
/* <picture> で WebP と JPEG を出し分けても、中の画像の大きさ・配置が従来の <img> と変わらないようにする */
picture { display: contents; }
/* <source> は Chrome で display:block のため、<picture> を display:contents にすると格子・flex の1つの枠になり、列や間隔がずれる。消しても画像の選び分けには影響しない */
picture > source { display: none; }
/* 管理画面のパスの状態（プラン · 状態 · 発行日 · 入手経路）：短い1〜2行の文なので、文節で折り返して語の途中で切らない（行の長さはそろえない） */
.pass-summary { word-break: auto-phrase; }
/* 入力の誤りを欄の下に出す（js/form-errors.js）。管理画面は admin.css の色で上書きする */
.field-error { margin: 4px 0 0; font-size: 14px; font-weight: 600; color: #9B1C1C; }