/* ==========================================================================
   base.css
   全体共通（リセット / 文字組みの基礎）
   方針：
   - 本文の文字組みは「.c-content 内の p」にだけ効かせる
   - 調整値はコックピット側で管理する
   ========================================================================== */

/* ==========================================================================
   01) リセット・基本設定
   ========================================================================== */

html,
body {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* ==========================================================================
   02) 全体の基本文字（色のみ）
   ========================================================================== */

body {
  color: var(--text-body);
  font-family:
    "Yu Gothic", "Yu Gothic UI", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

/* ==========================================================================
   03) 本文スコープ（.c-content）
   ========================================================================== */

.c-content {
  margin-top: var(--content-block-top);
  margin-bottom: var(--content-block-bottom);
}

/* ==========================================================================
   04) p（読み物寄り：デフォルト）
   ========================================================================== */

.c-content p {
  font-size: var(--p-size);
  line-height: var(--p-leading);
  letter-spacing: var(--p-letter);

  margin: 0px;
  padding-left: var(--p-x);
  padding-block-end: var(--p-gap);

  color: var(--text-body);
}

/*
.c-content p:last-child {
  padding-block-end: 0px;
}
*/

/* ==========================================================================
   05) p-info（情報寄り）
   ========================================================================== */

.c-content p.p-info {
  font-size: var(--p-info-size);
  line-height: var(--p-info-leading);
  letter-spacing: var(--p-info-letter);

  padding-left: var(--p-info-x);
  padding-block-end: var(--p-info-gap);
}

/* ==========================================================================
   06) 互換・救済
   ========================================================================== */

/* ==========================================================================
   07) Box sizing（横はみ出し防止の土台）
   ========================================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}