/* キャンペーン一覧（/campaign/） */
#page .campaign__image > a {
  background: black;
}

/* ===== 本番と同じ余白（サイト共通の device-switch-override.css が一覧の余白を半分にしているため、このページだけ元の値に戻す） ===== */

/* PC：カード間の余白（横16px・縦40px） */
body.pc #page .campaign__item {
  padding-top: 40px !important;
}
body.pc #page .campaign__item:first-child,
body.pc #page .campaign__item:nth-child(2) {
  padding-top: 0 !important;
}
body.pc #page .campaign__item:nth-child(odd) {
  padding-right: 16px !important;
}
body.pc #page .campaign__item:nth-child(even) {
  padding-left: 16px !important;
}
body.pc #page .campaign-list.has-border .campaign__item {
  padding-bottom: 40px !important;
}
body.pc #page ul.campaign-list.has-border {
  margin-bottom: -2px !important;
}
body.pc #page .s-campaign-list {
  padding-bottom: 48px;
}
body.pc #page .s-campaign-list h2.heading--m {
  padding-top: 0 !important;
}

/* SP：カード間の余白（縦24px） */
body.sp #page h1.heading--l,
body.sp #page .s-campaign-list h2.heading--m {
  margin-bottom: 32px;
}
body.sp #page .campaign__item {
  padding-top: 24px !important;
}
body.sp #page .campaign__item:first-child {
  padding-top: 0 !important;
}
body.sp #page .campaign-list.has-border .campaign__item {
  padding-bottom: 24px !important;
}
body.sp #page .campaign-list.has-border .campaign__item:first-child {
  padding-bottom: 24px !important;
}
body.sp #page .s-campaign-list {
  padding: 24px 0 48px;
}

/* タイトルの字間：サイト共通の letter-spacing(0.03em) だと本番より折り返しが増えるため、本番どおり標準にする */
body #page .campaign__title,
body #page .campaign__title a {
  letter-spacing: normal;
}