@charset "UTF-8";

/* キャンペーン全体の枠組み調整 */
.campaign-detail .campaign-info-block {
  margin-bottom: 25px;
}

/* 条件エリアの2列レイアウト */
.campaign-dl {
  margin: 15px 0;
  border-top: 1px solid #e6e6e6;
}

.campaign-dl__row {
  display: flex;
  flex-direction: column;
  padding: 14px 0; /* 10px → 14px に広げて行ごとの余白を拡張 */
  border-bottom: 1px solid #eee;
}

.campaign-dl__label {
  font-weight: bold;
  color: #2E2E2E;
  margin-bottom: 8px; /* 4px → 8px に変更（スマホ時の項目名と値の間の余白） */
}

.campaign-dl__val {
  margin: 0;
  color: #333;
  word-break: break-word;
  line-height: 1.6; /* 複数行になった場合の見やすさを確保 */
}

@media (min-width: 480px) {
  .campaign-dl__row {
    flex-direction: row;
    padding: 12px 0;
  }
  .campaign-dl__label {
    width: 140px;
    flex-shrink: 0;
    margin-bottom: 0; /* 横並び（PC等）時は下余白をクリア */
  }
}

/* 日付やブランド名の不自然な途中改行を防止 */
.u-nobr {
  display: inline-block;
}

/* ボタンのレスポンシブ化（インラインスタイルの打ち消し） */
.campaign-detail .campaign-btn-block {
  width: 100% !important;
  max-width: 300px !important;
  margin: 24px auto !important;
  padding: 0 !important;
  border: none !important;
}

.campaign-detail .campaign-btn {
  display: block;
  width: 100%;
  padding: 14px 10px;
  background-color: #000;
  color: #fff !important;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  border-radius: 4px;
  box-sizing: border-box;
}

.campaign-detail .campaign-btn:hover {
  opacity: 0.8;
}

/* 注意書きのテキスト */
.campaign-info-note {
  font-size: 0.85em;
  color: #666;
  margin-top: 12px;
  line-height: 1.6;
}

/* リード文（バナー下の文章）の見栄え調整 */
.campaign-detail__lead {
  font-size: 14px !important;       /* 周りと合わせた読みやすい文字サイズ */
  line-height: 1.75 !important;      /* 詰まらないゆったりとした行間 */
  color: #2E2E2E !important;        /* はっきり読める濃い文字色 */
  background: none !important;      /* 背景色枠を消去 */
  padding: 0 !important;            /* 内側の余白をクリア */
  margin: 20px 0 24px !important;   /* 上下に適切な空間を確保 */
}
/* タイトルエリアとバナー画像の間の余白を調整 */
.campaign-header {
  margin-bottom: 10px !important; /* デフォルトの広い余白を縮小 */
}

/* バナー画像側の上がわ余白を消去 */
.campaign-banner {
  margin-top: 0 !important;
}