@charset "UTF-8";
#page .l-content .btn-apply {
  margin: 24px auto;
}

#page .l-content .btn-apply .l-inner > * {
  width: 100% !important;
}

#page .campaign-code {
  margin: 16px auto 24px;
}

#page .campaign-code p {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
}

#page .campaign-code p span.campaign-code--code {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #006497;
}

#page .campaign-code button.btn-copy-code {
  padding: 4px 16px;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #006497;
  border-radius: 36px;
  background: #ffffff;
  border: 2px solid #006497;
  margin-top: 8px;
}

#page #sticky-apply-btn {
  width: 100%;
  padding: 8px 0;
  position: fixed;
  bottom: 0;
  background: white;
  border-top: 1px solid #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  z-index: 99;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#page #sticky-apply-btn .btn-copy-code {
  border: 2px solid #006497;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 48px;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  color: #006497;
  width: 116px;
  height: 36px;
  background: white;
}

#page #sticky-apply-btn .btn-apply {
  margin: 0;
}

#page #sticky-apply-btn .btn-apply .trial-btn,
#page #sticky-apply-btn .btn-apply .iap-store-link {
  padding: 6px 16px;
  border-radius: 60px;
}

#page #trial-wrapper {
  background: #f7f7f7;
  padding: 36px 0 12px;
}

#page #campaign-wrapper {
  background: #f2d019;
  padding: 36px 0 12px;
}

#page #campaign-wrapper .l-inner h2.heading--m {
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  margin: 0 auto 24px;
  padding: 0;
}

#page #campaign-wrapper .l-inner > ol > li {
  padding-bottom: 24px;
}

#page #campaign-wrapper .l-inner > ol > li > figure {
  width: 112px;
  margin: 0 auto;
  z-index: 1;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper {
  background: white;
  padding: 36px 24px;
  text-align: center;
  margin-top: -20px;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper > h2 {
  font-weight: bold;
  font-size: 24px;
  line-height: 31px;
  margin-bottom: 24px;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper p.lead {
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper p.lead span {
  padding: 6px 12px;
  background: #fef001;
  display: inline-block;
  margin: 6px 0;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper p.sub {
  font-size: 14px;
  line-height: 20px;
  margin: 24px 0;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper p a {
  font-size: 16px;
  line-height: 24px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #006497;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .howtoget-inner-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .howtoget-inner-wrapper figure {
  width: 150px;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .howtoget-inner-wrapper div.howtoget-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 12px;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .howtoget-inner-wrapper div.howtoget-description > p:nth-of-type(1) {
  width: 32px;
  height: 32px;
  background: #006a9e;
  border-radius: 32px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  margin-right: 8px;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .howtoget-inner-wrapper div.howtoget-description > p:nth-of-type(2) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  text-align: justify;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .slick-arrow {
  width: 0;
  height: 0;
  border-style: solid;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .slick-arrow:before {
  display: none;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .slick-prev {
  border-width: 30px 40px 30px 0;
  border-color: transparent #006a9e transparent transparent;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .slick-next {
  border-width: 30px 0 30px 40px;
  border-color: transparent transparent transparent #006a9e;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .slick-disabled {
  display: none !important;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .slick-dots {
  bottom: 0;
  margin-top: 12px;
}

#page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .slick-dots li.slick-active button {
  border-color: #006a9e;
  background-color: #006a9e;
}

#page #howtoapply-wrapper {
  padding: 36px 0;
}

#page #howtoapply-wrapper .l-inner h2.heading--m {
  margin: 0 0 24px;
  padding: 0;
}

#page #howtoapply-wrapper .l-inner ul.campaign-code-steps li.slick-slide h3 {
  margin: 0 0 16px;
}

#page .s-recommend-list .item-list .item__card__title {
  overflow: hidden;
  width: 100%;
}

#page .s-recommend-list .item-list .item__card__title a {
  display: block;
  color: #006497;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
}

#page .s-recommend-list .item-list .item__card__title a + p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#page .s-recommend-list .item-list .item__card__title > p {
  color: black;
}

#page .s-recommend-list .item-list .item__card__title > p b {
  color: #bf0000;
}

/* PC用 */
body.pc #page #sticky-apply-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 16px 0;
}

body.pc #page #sticky-apply-btn .btn-copy-code {
  width: auto;
  height: auto;
  font-size: 20px;
  padding: 16px 24px;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

body.pc #page #sticky-apply-btn .btn-copy-code:hover {
  background: #006497;
  color: white;
  cursor: pointer;
}

body.pc #page #sticky-apply-btn .btn-apply .trial-btn,
body.pc #page #sticky-apply-btn .btn-apply .iap-store-link {
  height: auto;
  padding: 16px;
}

body.pc #page .btn-apply .l-inner {
  width: 100%;
}

body.pc #page .btn-apply .l-inner .trial-btn {
  width: 400px !important;
}

body.pc #page .campaign-code {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
}

body.pc #page .campaign-code button.btn-copy-code {
  margin-top: 0;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

body.pc #page .campaign-code button.btn-copy-code:hover {
  cursor: pointer;
  background: #006497;
  color: white;
}

body.pc #page .s-campaign-hero {
  background: url(../img/bg_20220201.jpg) repeat-x center top/auto 82% black;
}

body.pc #page #trial-wrapper {
  padding: 0 0 12px;
  margin-top: -24px;
}

body.pc #page #trial-wrapper .l-inner {
  text-align: center;
}

body.pc #page #campaign-wrapper .l-inner h2.heading--m {
  font-size: 24px;
  line-height: 31px;
}

body.pc #page #campaign-wrapper .l-inner > ol > li {
  padding-bottom: 80px;
  margin-top: -56px;
}

body.pc #page #campaign-wrapper .l-inner > ol > li:last-of-type {
  padding-bottom: 24px;
}

body.pc #page #campaign-wrapper .l-inner > ol > li > figure {
  margin: 0 0 0 24px;
}

body.pc #page #campaign-wrapper .l-inner > ol > li > figure img {
  width: 100%;
}

body.pc #page #campaign-wrapper .l-inner > ol > li > div.step-wrapper {
  margin-top: -56px;
}

body.pc #page #campaign-wrapper .l-inner > ol > li > div.step-wrapper > h2 {
  font-size: 32px;
  line-height: 42px;
}

body.pc #page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .campaign-code {
  margin: 24px auto 0;
}

body.pc #page #campaign-wrapper .l-inner > ol > li > div.step-wrapper p.lead span {
  margin: 0 6px;
}

body.pc #page #campaign-wrapper .l-inner > ol > li > div.step-wrapper p a:hover {
  text-decoration: none;
}

body.pc #page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget {
  width: 600px;
  margin: 0 auto;
}

body.pc #page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .howtoget-inner-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

body.pc #page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .howtoget-inner-wrapper figure {
  width: 200px;
  margin-right: 24px;
}

body.pc #page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .howtoget-inner-wrapper figure img {
  width: 100%;
}

body.pc #page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .howtoget-inner-wrapper .howtoget-description {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body.pc #page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .howtoget-inner-wrapper .howtoget-description > p:nth-of-type(1) {
  margin: 0 0 6px;
}

body.pc #page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .slick-prev {
  left: -60px;
}

body.pc #page #campaign-wrapper .l-inner > ol > li > div.step-wrapper .howtoget .slick-next {
  right: -60px;
}

/* SP用 */
body.sp #page .js-toggle.is-open .js-toggle__panel {
  max-height: none;
}

/* ===== 本番ページ内の追加指定 ===== */
#page figure.temporary-banner-bundle {
  padding-bottom: 36px;
}

body.sp #page .l-content .btn-apply a.trial-btn .txt,
body.sp #page .l-content .btn-apply a.iap-store-link .txt {
  font-size: 12px;
}

/* クーポン獲得の流れ / キャンペーンコード適用方法：見出しの余白（サイト共通の h2.heading を打ち消す） */
body.pc #page #campaign-wrapper .l-inner h2.heading--m {
  padding: 0 !important;
  margin: 0 auto 24px !important;
  line-height: 31px !important;
}

body.sp #page #campaign-wrapper .l-inner h2.heading--m {
  padding: 0 !important;
  margin: 0 auto 24px !important;
}

body #page #howtoapply-wrapper .l-inner h2.heading--m {
  padding: 0 !important;
  margin: 0 0 24px !important;
}

/* 申し込みボタンの上下余白 */
body #page #campaign-wrapper .l-content .btn-apply,
body #page #campaign-wrapper .btn-apply {
  margin: 24px auto !important;
}

/* STEP内の「▼」リンク行：サイト共通の p / a.scroll を本番に合わせる */
body #page #campaign-wrapper .step-wrapper p:has(> a.scroll) {
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: center !important;
  font-size: 16px;
  line-height: 24px;
}

body #page #campaign-wrapper .step-wrapper p a.scroll {
  color: #006497 !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

body.pc #page #campaign-wrapper .btn-apply p.btn-apply--caption {
  font-size: 16px !important;
  line-height: 24px !important;
}

body.pc #page #sticky-apply-btn .btn-apply a.trial-btn {
  font-size: 16px;
  line-height: 24px;
}

/* スライダーの矢印（本番と同じ ← →） */
body #page #campaign-wrapper .slick-arrow {
  width: 20px;
  height: 20px;
}

body #page #campaign-wrapper .slick-prev {
  left: 0;
}

body #page #campaign-wrapper .slick-next {
  right: 0;
}

body #page #campaign-wrapper .slick-arrow::before {
  width: auto;
  height: auto;
  font-size: 20px;
}

body #page #campaign-wrapper .slick-prev::before {
  content: "←" !important;
}

body #page #campaign-wrapper .slick-next::before {
  content: "→" !important;
}

/* おすすめ商品：見出しの上を広め・下を狭め、CD/DVD/ゲームは罫線で囲んだカード風にする */
body.pc #page #books-items + h2.heading {
  padding: 72px 0 0 !important;
  margin: 0 0 24px !important;
}

body.sp #page #books-items + h2.heading {
  padding: 56px 16px 0 !important;
  margin: 0 0 20px !important;
}

body #page .s-recommend-list {
  padding: 0 !important;
  margin: 0 auto 24px;
}

body.sp #page .s-recommend-list {
  padding: 0 16px !important;
  margin-bottom: 16px;
}

body #page .s-recommend-list .l-inner {
  box-sizing: border-box;
  border: 1px solid #dddddd;
  border-radius: 8px;
  background: #fff;
}

body.pc #page .s-recommend-list .l-inner {
  width: 1024px !important;
  max-width: 100%;
  padding: 32px 32px 56px;
}

body.pc #page .s-recommend-list li.item__card {
  margin-left: 0 !important;
  margin-right: 19px !important;
}

body.pc #page .s-recommend-list li.item__card:nth-child(5n) {
  margin-right: 0 !important;
}

body.sp #page .s-recommend-list .l-inner {
  width: auto;
  padding: 24px 16px;
}

body #page .s-recommend-list h2.heading {
  padding-top: 0 !important;
  margin: 0 0 24px !important;
}

body #page #items-game {
  margin-bottom: 40px;
}

/* ===== WordPress用の調整：サイト共通CSSの値を、本番(c5)の表示に合わせる ===== */
body #page .l-campaign-01,
body #page .l-campaign-03 {
  line-height: 1.5;
}

body #page .l-campaign-01,
body #page .l-campaign-01 *,
body #page .l-campaign-03,
body #page .l-campaign-03 * {
  letter-spacing: normal !important;
}

body #page .s-campaign-hero {
  padding-top: 0 !important;
}

body #page .l-container main .font-rakuten-b,
body #page .l-container main .bg-light-txt,
body #page .l-container main .bg-light-txt *,
body #page .l-container main .bg-dark-txt,
body #page .l-container main .bg-dark-txt * {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif !important;
}

/* PRICE：月額上の余白・月額と年額の間隔は他ページ(/plan/lite/ 等)に合わせる */
body #page #top-section-price {
  padding-top: 32px !important;
  gap: 0 !important;
}

body #page #top-section-price > .plan-monthly-group,
body #page #top-section-price > .plan-yearly-group {
  margin: 0 !important;
}

body.pc #page #top-section-price .plan-monthly-group, body.pc #page #top-section-price .plan-yearly-group {
  padding: 64px 0 !important;
}

body.sp #page #top-section-price .plan-monthly-group, body.sp #page #top-section-price .plan-yearly-group {
  padding: 32px 24px !important;
}

body.pc #page #top-section-price > .plan-monthly-group {
  padding-top: 0 !important;
}

body.pc #page #top-section-price > .plan-yearly-group {
  padding-top: 32px !important;
}

body.sp #page #top-section-price > .plan-monthly-group, body.sp #page #top-section-price > .plan-yearly-group {
  padding-top: 0 !important;
}

body.sp #page #top-section-price .plan-group h3, body.sp #page #top-section-price .plan-group h3 * {
  text-align: start;
}

body #page #top-section-price .plan-item-yearly-price-group {
  line-height: 18px;
}

body.pc #page #top-section-price p.view-more {
  display: flex !important;
}

body.sp #page #top-section-price .detail-btn {
  display: flex !important;
}

body #page #top-section-price .plan-monthly-group .plan-group-outer strong {
  color: #f00 !important;
}

body #page #top-section-price .plan-yearly-group .plan-group-outer strong, body #page #top-section-price .plan-yearly-group span.difference {
  color: #333 !important;
}

body #page #top-section-price .plan-yearly-group span.difference {
  font-weight: 900 !important;
}


body.sp #page label.accordion-switch i {
  justify-content: normal !important;
  align-items: normal !important;
}

/* キャンペーン一覧：標準の体裁（PCは見出しの上40px） */
body.pc #page .s-campaign-list h2.heading {
  padding-top: 0 !important;
}

body #page .s-campaign-list h2.heading {
  color: #333 !important;
}

/* ヒーロー：サイト共通の position:relative を打ち消す */
body #page .s-campaign-hero,
body #page .s-campaign-hero .campaign-hero__schedule {
  position: static !important;
}

/* REWARD内リンク：サイト共通の値を本番に合わせる */
body #page #stack-section-reward a.scroll.txt-link-red-dark {
  color: #d80000 !important;
}

body.pc #page #stack-section-reward a.scroll.txt-link-red-dark {
  font-size: 16px !important;
}

/* キャンペーン詳細：本番の余白・字間・行間に合わせる（他ページと同じ。下余白は共通ルールで 0） */
body.pc #page .s-campaign-detail {
  padding: 40px 0 0 !important;
}

body.sp #page .s-campaign-detail {
  padding: 24px 0 0 !important;
}

body #page .s-campaign-detail .l-inner h2.heading.heading--m {
  padding-top: 0 !important;
}

body.sp #page .s-campaign-detail .l-inner h2.heading.heading--m {
  margin-bottom: 32px !important;
}

body #page .s-campaign-detail, body #page .s-campaign-detail * {
  letter-spacing: normal;
}

body #page .s-campaign-detail {
  line-height: 1.5;
}

body.pc #page .s-campaign-detail table.campaign-detail__table {
  table-layout: fixed;
}

body.sp #page .s-campaign-detail .js-toggle.is-open td.js-toggle__panel {
  display: block !important;
}

body.pc #page .s-campaign-detail table.campaign-detail__table th.js-toggle__trigger {
  width: 30% !important;
}

/* [PR]楽天モバイルバナー：字間・行間（サイト共通の値を打ち消す） */
body #page #common-banner-mno {
  line-height: 1.5;
}

body #page #common-banner-mno, body #page #common-banner-mno * {
  letter-spacing: normal;
}

/* ヒーロー下の注記（1,000円以上の…に使えます）：文字を2px大きく、行間を広めに */
body.pc #page .s-campaign-hero .campaign-hero__schedule p.campaign-hero__schedule__note {
  font-size: 14px !important;
  line-height: 1.8 !important;
}

body.sp #page .s-campaign-hero .campaign-hero__schedule p.campaign-hero__schedule__note {
  font-size: 12px !important;
  line-height: 1.8 !important;
}

/* SP：STEPの丸は中央、見出しは狭い画面でも途中で改行しない大きさ、キャンペーンコードの行間 */
body.sp #page #campaign-wrapper .l-inner > ol > li > figure {
  margin-left: auto !important;
  margin-right: auto !important;
}

body.sp #page #campaign-wrapper .l-inner > ol > li > div.step-wrapper > h2 {
  font-size: min(24px, (100vw - 80px) / 11.5);
}

body.sp #page .campaign-code {
  margin: 20px auto 28px;
}

body.sp #page .campaign-code p {
  line-height: 1.9;
}

body.sp #page .campaign-code button.btn-copy-code {
  margin-top: 12px;
}

/* クーポンGET！の三角矢印：サイト共通の「下端に配置」を打ち消し、本番と同じくスライダーの縦中央に置く */
body #page #campaign-wrapper .howtoget .slick-arrow {
  top: 50% !important;
  bottom: auto !important;
}

/* SP：「▼」リンクは押しやすいよう行間・段落間を広げる */
body.sp #page #campaign-wrapper .l-inner > ol > li > div.step-wrapper p:has(> a.scroll) {
  line-height: 2.2 !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

/* SP：スライダーのドット（slick-dots）は上を広め・下を狭めに */
body.sp #page #campaign-wrapper .howtoget .slick-dots {
  margin-top: 23px !important;
}

body.sp #page #campaign-wrapper .l-inner > ol > li > div.step-wrapper ol.howtoget + p:has(> a.scroll) {
  margin-top: -5px !important;
}

body.sp #page #howtoapply-wrapper .slick-dots {
  margin-top: 12px !important;
}

body.sp #page #howtoapply-wrapper {
  padding-bottom: 24px;
}

/* SP：「200円OFFクーポンが使えるおすすめ商品」見出しの行間 */
body.sp #page #books-items + h2.heading {
  line-height: 1.65 !important;
}

/* 画面下固定バー：2つのボタンを1かたまりにして左右中央に置き、文字の大きさを揃える（全ページ共通） */
body #page #sticky-apply-btn {
  justify-content: center !important;
  align-items: center;
  gap: 8px;
}

body #page #sticky-apply-btn .btn-apply {
  flex: 0 1 auto !important;
  width: auto !important;
  margin: 0 !important;
}

body #page #sticky-apply-btn .btn-copy-code,
body #page #sticky-apply-btn .trial-btn .txt {
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
}

body #page #sticky-apply-btn .btn-copy-code {
  flex: 0 0 auto;
}

body #page #sticky-apply-btn .trial-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

body.pc #page #sticky-apply-btn .btn-apply {
  min-height: 58px;
}

body.sp #page #sticky-apply-btn .btn-apply {
  min-height: 36px;
}

body.pc #page #sticky-apply-btn .trial-btn {
  width: 400px;
  height: 58px !important;
  flex: none;
}

body.pc #page #sticky-apply-btn .btn-copy-code {
  height: 58px;
  padding: 0 24px;
}

body.sp #page #sticky-apply-btn {
  padding: 12px 12px 24px;
}

body.sp #page #sticky-apply-btn .btn-copy-code,
body.sp #page #sticky-apply-btn .trial-btn .txt {
  font-size: min(14px, 3.7vw);
}

body.sp #page #sticky-apply-btn .btn-copy-code {
  width: auto;
  height: 36px;
  padding: 0 14px;
  white-space: nowrap;
}

body.sp #page #sticky-apply-btn .trial-btn {
  width: auto;
  height: 36px !important;
  padding: 0 12px;
  gap: 8px;
}

body.sp #page #sticky-apply-btn .trial-btn .txt {
  white-space: nowrap;
}

body.pc #page .s-campaign-hero {
  background-size: auto 317px;
}