/* Added on top of style.css by the Japanese page only. */
html[lang="ja"] body {
  line-height: 1.8;
  font-family: ui-sans-serif, system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, "Segoe UI", Roboto, sans-serif;
}
html[lang="ja"] h1 { max-width: none; letter-spacing: 0; line-height: 1.35; font-size: clamp(1.45rem, 5vw, 2.1rem); }
html[lang="ja"] h2 { letter-spacing: 0; line-height: 1.4; }
html[lang="ja"] p, html[lang="ja"] li { max-width: 46em; }
html[lang="ja"] .lede { max-width: 46em; }
html[lang="ja"] footer p { max-width: none; }

/* the 「広告」 mark next to a referral link */
.ad {
  display: inline-block; margin-left: 5px; padding: 0 5px; font-size: .7rem; line-height: 1.6; font-weight: 600;
  color: var(--muted); border: 1px solid var(--muted); border-radius: 3px; vertical-align: middle; white-space: nowrap;
}

/* plan and company names stay on one line; a table that is too wide scrolls inside its box */
.pl { white-space: nowrap; }
.ja-table { min-width: 30em; }
.ja-table td[colspan] { min-width: 12em; }
@media (max-width: 760px) {
  .ja-table th, .ja-table td { padding-left: 4px; padding-right: 4px; }
  .ja-table td.n { min-width: 5.5em; }
}
.ja-wide { min-width: 54em; }
.ja-wide td { min-width: 12em; }