/**
 * だいこん畑 共通基礎CSS
 *
 * カラー、横幅、基本表示など、
 * サイト全体で使用する基礎設定を管理します。
 */

/* ============================================================
   01．共通変数
============================================================ */

:root {
  /* カラー */
  --daikon-color-primary: #60ab66;
  --daikon-color-primary-dark: #315b40;
  --daikon-color-heading: #294535;
  --daikon-color-text: #59635c;
  --daikon-color-gold: #caa95f;
  --daikon-color-border: #dce8df;
  --daikon-color-white: #ffffff;
  --daikon-color-bg-soft: #f8fbf7;
  --daikon-color-bg-warm: #faf7ef;

  /* 文字 */
  --daikon-font-body: 16px;
  --daikon-font-lead: 16px;
  --daikon-line-body: 1.8;
  --daikon-line-lead: 2;

  /* 横余白 */
  --daikon-gutter-pc: 24px;
  --daikon-gutter-sp: 16px;

  /* 見出し下余白 */
  --daikon-heading-gap-pc: 50px;
  --daikon-heading-gap-sp: 36px;

  /* ボタン */
  --daikon-button-height-pc: 56px;
  --daikon-button-height-sp: 58px;

  /* コンテンツ幅 */
  --daikon-width-text: 860px;
  --daikon-width-standard: 1100px;
  --daikon-width-wide: 1200px;

  /* 余白 */
  --daikon-section-space-pc: 96px;
  --daikon-section-space-sp: 64px;

  /* 角丸 */
  --daikon-radius-small: 10px;
  --daikon-radius-card: 20px;
  --daikon-radius-large: 28px;

  /* 影 */
  --daikon-shadow-card:
    0 10px 30px rgba(47, 82, 59, 0.08);
}


/* ============================================================
   02．box-sizing
============================================================ */

.entry-content,
.entry-content *,
.entry-content *::before,
.entry-content *::after {
  box-sizing: border-box;
  min-width: 0;
}


/* ============================================================
   03．画像・埋め込みコンテンツ
============================================================ */

.entry-content img {
  max-width: 100%;
  height: auto;
}

.entry-content iframe,
.entry-content video {
  max-width: 100%;
}


/* ============================================================
   04．パソコン・スマートフォンの改行
============================================================ */

.br-pc {
  display: inline;
}

.br-sp {
  display: none;
}

@media screen and (max-width: 781px) {
  .br-pc {
    display: none;
  }

  .br-sp {
    display: inline;
  }
}


/* ============================================================
   05．共通コンテンツ幅
============================================================ */

.daikon-container,
.daikon-container--text,
.daikon-container--standard,
.daikon-container--wide {
  width: calc(100% - 48px);
  margin-right: auto;
  margin-left: auto;
}

.daikon-container--text {
  max-width: var(--daikon-width-text);
}

.daikon-container,
.daikon-container--standard {
  max-width: var(--daikon-width-standard);
}

.daikon-container--wide {
  max-width: var(--daikon-width-wide);
}

@media screen and (max-width: 781px) {
  .daikon-container,
  .daikon-container--text,
  .daikon-container--standard,
  .daikon-container--wide {
    width: calc(100% - 32px);
  }
}


/* ============================================================
   06．共通セクション余白
============================================================ */

.daikon-section {
  padding-top: var(--daikon-section-space-pc);
  padding-bottom: var(--daikon-section-space-pc);
}

@media screen and (max-width: 781px) {
  .daikon-section {
    padding-top: var(--daikon-section-space-sp);
    padding-bottom: var(--daikon-section-space-sp);
  }
}