@charset "utf-8";

/* detail-body 全体の背景色と余白 */
.detail-body {
  background-color: #dbf0f9;
  margin-bottom: 40px;
}

/* キャンペーン全体のラップ部分 */
.campaign-wrap {
  padding: 40px;
  background-color: #dbf0f9;
}

/* 情報部分の上マージン */
.info-wrap {
  margin-top: 10px;
}

/* タイトルのデザイン */
.campaign-title {
  color: #333;
  font-size: 40px;
  line-height: 1.2;
  font-family: 'Noto Serif JP', serif !important;
}

/* センター寄せ共通クラス */
.center {
  text-align: center;
}

/* キャンペーンテキスト（1つ目のp） */
.campaign-txt {
  margin-top: 30px;
  color: #333;
  font-size: 16px;
  font-family: 'Noto Serif JP', serif !important;
}

/* 事前予約制などの追加メッセージ */
.info-wrap p:not(.campaign-txt) {
  margin-top: 20px;
  text-align: center;
  color: #333333;
  font-size: 14px;
  font-family: 'Noto Serif JP', serif !important;
}

/* ボタンラップ */
.campaign-btn {
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 30px;
  width: 440px;
  text-align: center;
}

/* 2つ目のボタンラップ（margin調整用） */
.campaign-btn:last-of-type {
  margin-top: 40px;
}

/* 画像を中央寄せし、幅指定 */
.info-wrap p img {
  display: block;
  margin: 0 auto;
  width: 820px;
  max-width: 100%;
}