@charset "UTF-8";

/* =========================================================
   漢方薬検定：申込締切ステータス（独立CSS・安定版）
   既存 style.css には一切干渉しない
========================================================= */

/* ---------------------------------------------------------
   1. 外枠
--------------------------------------------------------- */
.p-first-block__mv__txt-06.kampo-deadline{
  background: #a08100;
  color: #fff;

  margin: 12px auto 0;
  padding: 12px 16px;

  max-width: 720px;
  text-align: center;

  border: none;
  border-radius: 0;
  box-shadow: none;

  font-size: 16px;
  line-height: 1.35;
}

/* 元CSSの flex / nowrap を無効化 */
.p-first-block__mv__txt-06.kampo-deadline > div{
  display: block;
  white-space: normal;
  background: transparent;
  padding: 0;
}

/* ---------------------------------------------------------
   2. 上部メッセージ（黄色）
--------------------------------------------------------- */
.kampo-deadline__msg--top{
  display: block;
  margin-bottom: 6px;

  color: #FFEE00;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
}

/* ---------------------------------------------------------
   3. 日付
--------------------------------------------------------- */
.kampo-deadline__date{
  margin-bottom: 8px;

  color: #fff;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.25;
}

/* ---------------------------------------------------------
   4. 決済行（dl）
--------------------------------------------------------- */
.kampo-deadline__row{
  display: flex;
  align-items: baseline;
  justify-content: flex-start;

  margin: 0;
  padding: 0;

  line-height: 1.25;
}

.kampo-deadline__row + .kampo-deadline__row{
  margin-top: 4px;
}

.kampo-deadline__row dt{
  width: 8.8em;
  margin: 0;
  padding-right: 1em;

  font-weight: 500;
  font-size: 24px;
  text-align: left;
  white-space: nowrap;
}

.kampo-deadline__row dd{
  margin: 0;

  font-weight: 700;
  font-size: 24px;
  text-align: left;
  white-space: nowrap;
}

/* ---------------------------------------------------------
   5. 下部注意文（黄色）
--------------------------------------------------------- */
.kampo-deadline__msg--bottom{
  display: block;
  margin-top: 6px;

  color: #FFEE00;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.3;
}

/* ---------------------------------------------------------
   6. SP 調整（必要最小限）
--------------------------------------------------------- */
@media (max-width: 767px){

  .p-first-block__mv__txt-06.kampo-deadline{
    width: 82%;
    padding: 8px 12px;
  }

  .kampo-deadline__msg--top{
    font-size: 14px;
    line-height: 1.0;
  }

  .kampo-deadline__date{
    font-size: 18px;
  }

  .kampo-deadline__row{
    line-height: 1.0;
  }

  .kampo-deadline__row dt{
    width: 7.6em;
    font-size: 14px;
  }

  .kampo-deadline__row dd{
    font-size: 15px;
    white-space: normal;
  }

  .kampo-deadline__msg--bottom{
    font-size: 12px;
    line-height: 1.3;
  }
}

.p-first-block__mv__txt-06.kampo-deadline{
  /* 既存そのまま… */

  margin: -10px auto 0;  /* ★ここだけ変更：12px上に持ち上げ */
}

@media (max-width: 767px){
  .p-first-block__mv__txt-06.kampo-deadline{
    margin: -30px auto 0; /* ★SPは少しだけ上げる */
  }
}