/* dcs-260413-special-offer 用CSS */
/* sp_2602trial.css の上書きスタイル */

/* 数字を大きく表示するクラス */
.num {
  font-size: 40px!important;
}
/* sub_title内の注記テキスト */
.sub_note {
  font-weight: 400;
  font-size: 18px;
}

/* 固定カートバー：カートアイコン表示（sp_2602trial.cssのdisplay:none） */
#cart_fixed a:before {
  display: block !important;
}
#cart_fixed a:after {
  display: block !important;
}
/* 固定カートバー：画像251001と同 */
#cart_fixed a img {
  width: 367px !important;
}
/* アイコン：配置が重ならないよう位置・サイズを調整 */
#cont_offer.trial_2602 .wrapper .box_price .title span.icon2 {
  width: 105px !important;
  top: 0 !important;
}
#cont_offer.trial_2602 .wrapper .box_price .title h2 {
  margin-bottom: 20px !important;
}
/* カートボタン：アイコンカートアイコンに変更 */
#cont_offer.trial_cp.trial_2602 .wrapper .box_price .cart_btn a {
  padding-top: 0 !important;
  margin: 0 auto !important;
}
/* カートボタン：配置 */
#cont_offer.trial_cp.trial_2602 .wrapper .box_price .cart_btn {
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
}
#cont_offer.trial_cp.trial_2602 .wrapper .box_price .cart_btn a::before {
  content: "" !important;
  width: 41px !important;
  height: 40px !important;
  background: url(../img/icon_cart_fixed.png) no-repeat !important;
  background-size: contain !important;
  top: 34px !important;
  left: 52px !important;
  font-size: 0 !important;
}

/* トライアルサイズ/レギュラー：.priceとicon2（価格の右に配置） */
#cont_offer.trial_size .wrapper .box_price .price,
#cont_offer.regular .wrapper .box_price .price {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}
#cont_offer.trial_size .wrapper .box_price .price > img,
#cont_offer.regular .wrapper .box_price .price > img {
  flex: 1 !important;
  width: auto !important;
  min-width: 0 !important;
}
#cont_offer.trial_size .wrapper .box_price .price span.icon2,
#cont_offer.regular .wrapper .box_price .price span.icon2 {
  position: static !important;
  width: 85px !important;
  flex-shrink: 0 !important;
  margin-left: 5px !important;
}
/* レギュラーセクション：カートボタンテキスト配置 */
#cont_offer.regular .wrapper .box_price .cart_btn a {
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* レギュラーセクション：title_offer_05.pngの画像を80%に縮小 */
#cont_offer.regular .wrapper .box_price .price > img {
  max-width: 70% !important;
}
/* .noticeテキスト：配置 */
#cont_offer .wrapper .box_price .text p.notice {
  text-align: center !important;
  font-size: 17px !important;
}
/* カートボタン：右アイコンを垂直中央 */
#cont_offer.trial_cp.trial_2602 .wrapper .box_price .cart_btn a::before {
  top: 50% !important;
  transform: translateY(-50%) !important;
}
#cont_offer.trial_cp.trial_2602 .wrapper .box_price .cart_btn a::after {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

@media screen and (max-width: 640px) {
  .num {
    font-size: 4.69vw!important; /* 30px / 640px */
  }
  .sub_note {
    font-size: 2.81vw; /* 18px / 640px */
  }
  #cart_fixed a img {
    width: 57.34vw !important;
  }
  #cont_offer.trial_2602 .wrapper .box_price .title span.icon2 {
    width: 16.41vw !important;
    top: 0 !important;
  }
  #cont_offer.trial_cp.trial_2602 .wrapper .box_price .cart_btn a::before {
    width: 6.41vw !important;
    height: 6.25vw !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 8.13vw !important;
  }
  /* トライアルサイズ/レギュラー：.priceとicon2 */
  #cont_offer.trial_size .wrapper .box_price .price span.icon2,
  #cont_offer.regular .wrapper .box_price .price span.icon2 {
    width: 13.28vw !important; /* 85px / 640px */
  }
  #cont_offer .wrapper .box_price .text p.notice {
    font-size: 2.8vw !important;
  }
  /* 保育セクション：h4のマージンセット配置 */
  #cont_id_1 .box_hoiku .title h4 {
    margin: 0 !important;
    text-align: center !important;
    width: 100% !important;
  }
  /* レギュラーセクション：カートボタンレスポンシブ */
  #cont_offer.regular .wrapper .box_price .cart_btn a {
    height: 14.06vw !important; /* 90px / 640px */
  }
  /* フッター：テキスト・全サイズ調整 */
  footer {
    padding: 6.25vw 0 18.75vw !important;
  }
  footer .footer_logo {
    width: 40vw !important;
    margin: 0 auto 3vw !important;
  }
  footer .footer_nav p {
    font-size: 2.8vw !important;
    line-height: 2.2 !important;
  }
  footer p.footer_copy {
    font-size: 2.5vw !important;
    margin-top: 2vw !important;
  }
}