@charset "utf-8";
/* =====================================================
   近鉄友の会 再入会キャンペーン
   campaign.css（最終統合版）
   ※既存CSSの影響を完全に遮断
===================================================== */

/* =====================================================
   基本枠
===================================================== */
.campain_tokuten{
  max-width: 1100px;
  margin: 24px auto;
  padding: 0 12px;
}

/* cp配下はすべてこちらで制御 */
.campain_tokuten .cp-campaign,
.campain_tokuten .cp-campaign *{
  box-sizing: border-box !important;
  font-family: "Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif !important;
  text-align: left !important;
  letter-spacing: 0 !important;
}

/* 余白の暴れ防止 */
.campain_tokuten .cp-campaign h3,
.campain_tokuten .cp-campaign p,
.campain_tokuten .cp-campaign ul,
.campain_tokuten .cp-campaign li{
  margin: 0 !important;
  padding: 0 !important;
}

/* =====================================================
   外枠
===================================================== */
.campain_tokuten .cp-campaign{
  background: #fff;
  color: #222;
  border: 1px solid #dcdcdc;
  border-radius: 12px;
  overflow: hidden;
}

/* =====================================================
   ヘッダー
===================================================== */
.campain_tokuten .cp-head{
  background: #d24f69;
  color: #fff;
  padding: 14px 18px;
text-align: center!important;
}

.campain_tokuten .cp-head__title{
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
text-align: center!important;
}

.campain_tokuten .cp-head__badge{
  margin-left: auto !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  background: rgba(255,255,255,.22) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  white-space: nowrap !important;
}

/* =====================================================
   本体レイアウト
===================================================== */
.campain_tokuten .cp-body{
  display: grid !important;
  grid-template-columns: 1fr 360px !important;
}

.campain_tokuten .cp-left{
  background: #f5f5f5 !important;
  padding: 18px 18px 18px 26px !important; /* 左広め */
}

.campain_tokuten .cp-right{
  background: #f9cfd6 !important;
  padding: 18px !important;
  border-left: 1px solid #e3b6bf !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

/* =====================================================
   承り期間
===================================================== */
.campain_tokuten .cp-period{
  background: #fff !important;
  border: 1px solid #cfcfcf !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
font-size: 150%!important;
font-weight: bold!important;
}

.campain_tokuten .cp-period__label{
  background: #666 !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  white-space: nowrap !important;
}

/* =====================================================
   本文・リスト・注意
===================================================== */
.campain_tokuten .cp-text{
  line-height: 1.95 !important;
  margin-bottom: 16px !important;
}

.campain_tokuten .cp-text .fwb{
  font-weight: 900 !important;
}

.campain_tokuten .cp-text .cyan{
  color: #0a7f9b !important;
  font-weight: 900 !important;
}

/* 対象外 */
.campain_tokuten .cp-box{
  background: #fafafa !important;
  border: 1px solid #dddddd !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  margin-bottom: 14px !important;
}

.campain_tokuten .cp-box__title{
  font-weight: 900 !important;
  margin-bottom: 6px !important;
}

.campain_tokuten ul.cp-list{
  list-style: disc !important;
  list-style-position: inside !important;
  padding-left: 0 !important;
  line-height: 1.75 !important;
}

.campain_tokuten ul.cp-list > li{
  line-height: 1.75 !important;
  margin: 4px 0 !important;
}

/* 注意書き */
.campain_tokuten ul.cp-notes{
  list-style: none !important;
  padding-left: 0 !important;
  margin-top: 10px !important;
  line-height: 1.75 !important;
  color: #444 !important;
}

.campain_tokuten ul.cp-notes > li{
  line-height: 1.75 !important;
  margin: 4px 0 !important;
}

.campain_tokuten ul.cp-notes > li.red{
  color: #c4002f !important;
  font-weight: 900 !important;
}

/* =====================================================
   粗品
===================================================== */
.campain_tokuten .cp-gift{
  background: #fff !important;
  border: 1px solid #d8b0b8 !important;
  border-radius: 10px !important;
  padding: 12px !important;
}

.campain_tokuten .cp-gift__img{
  width: 100% !important;
  border-radius: 8px !important;
  border: 1px solid #ddd !important;
}

.campain_tokuten .cp-gift__cap{
  font-size: 12px !important;
  color: #555 !important;
  margin-top: 8px !important;
}

/* =====================================================
   アプリ検索（ボタン特化・差し替え専用）
===================================================== */

.campain_tokuten .cp-app{
  background: #ffffff !important;
  border: 2px solid #d24f69 !important;
  border-radius: 12px !important;
  padding: 16px !important;
  text-align: center !important;
}

/* ラベル文（説明） */
.campain_tokuten .cp-app__label{
  display: block !important;
  margin-bottom: 12px !important;
  font-weight: 900 !important;
  color: #d24f69 !important;
}

/* ボタン本体 */
.campain_tokuten .cp-app__btn{
  display: block !important;
  width: 100% !important;
  max-width: 280px !important;
  margin: 0 auto !important;

  padding: 14px 16px !important;
  border-radius: 999px !important;

  background: #d24f69 !important;
  color: #ffffff !important;

  font-weight: 900 !important;
  text-decoration: none !important;

  border: none !important;
  box-shadow: 0 2px 0 rgba(0,0,0,.12) !important;

  transition: background .2s ease, transform .1s ease !important;
}

/* hover（PCのみ効く） */
.campain_tokuten .cp-app__btn:hover{
  background: #b93f57 !important;
  transform: translateY(1px);
}

/* 不要要素を完全無効化（残っても影響しない） */
.campain_tokuten .cp-app__search,
.campain_tokuten .cp-app__field{
  all: unset !important;
}


/* =====================================================
   フォントサイズ（最終確定）
===================================================== */

/* PC */
@media (min-width: 861px){
  .campain_tokuten .cp-head__title{ font-size: 28px !important; }
  .campain_tokuten .cp-head__badge{ font-size: 14px !important; }

  .campain_tokuten .cp-period__label{ font-size: 15px !important; }
  .campain_tokuten .cp-period__date{ font-size: 18px !important; }

  .campain_tokuten .cp-text{ font-size: 16px !important; }

  .campain_tokuten ul.cp-list,
  .campain_tokuten ul.cp-list > li{ font-size: 15px !important; }

  .campain_tokuten ul.cp-notes,
  .campain_tokuten ul.cp-notes > li{ font-size: 14px !important; }

  .campain_tokuten .cp-app__btn{ font-size: 15px !important; }
}

/* SP */
@media (max-width: 860px){
  .campain_tokuten .cp-body{
    grid-template-columns: 1fr !important;
  }

  .campain_tokuten .cp-right{
    border-left: none !important;
    border-top: 1px solid #e3b6bf !important;
  }

  .campain_tokuten .cp-left{
    padding: 16px !important;
  }

  .campain_tokuten .cp-head__title{ font-size: 20px !important; }
  .campain_tokuten .cp-text{ font-size: 14px !important; }
  .campain_tokuten .cp-period__date{ font-size: 14px !important; }
}
/* =====================================================
   TEXT SIZE 完全固定（SP崩れ防止・最終）
===================================================== */

/* ---------------- PC ---------------- */
@media (min-width: 861px){

  .campain_tokuten .cp-campaign h3{ font-size: 28px !important; }

  .campain_tokuten .cp-campaign p{ font-size: 18px !important; }

  .campain_tokuten .cp-campaign ul{ font-size: 15px !important; }

  .campain_tokuten .cp-campaign li{ font-size: 15px !important; }

  .campain_tokuten .cp-campaign span{ font-size: inherit !important; }

  .campain_tokuten .cp-campaign a{ font-size: 15px !important; }

}

/* ---------------- SP ---------------- */
@media (max-width: 860px){

  .campain_tokuten .cp-campaign h3{ font-size: 18px !important; }



  .campain_tokuten .cp-campaign ul{ font-size: 13px !important; }

  .campain_tokuten .cp-campaign li{ font-size: 13px !important; }

  .campain_tokuten .cp-campaign span{ font-size: inherit !important; }

  .campain_tokuten .cp-campaign a{ font-size: 14px !important; }

}
/* =====================================================
   SP時：見出し・期間を自動改行（HTML変更なし）
===================================================== */

@media (max-width: 860px){

  /* ヘッダー：縦積み */
  .campain_tokuten .cp-head{

  }

  .campain_tokuten .cp-head__badge{
    margin-left: 0 !important;
  }

  /* 承り期間：縦積み */
  .campain_tokuten .cp-period{
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

}

/* =====================================================
   ヘッダー：タイトル中央寄せ（バッジなし版）
===================================================== */

.campain_tokuten .cp-head{
  justify-content: center !important;
  text-align: center !important;
}

.campain_tokuten .cp-head__title{
  width: 100% !important;
  text-align: center !important;
}

/* 小さくしたい注記部分 */
.campain_tokuten .cp-head__title .fs85{
  font-size: 0.85em !important;
  display: block !important;   /* 自然に改行される */
  margin-bottom: 4px !important;
}

/* SP時：余白を少し詰める */
@media (max-width: 860px){
  .campain_tokuten .cp-head{
    padding: 12px 14px !important;
  }

  .campain_tokuten .cp-head__title{
    font-size: 20px !important;
    line-height: 1.4 !important;
  }
}
.fs85{
	font-size: 85%!important;
}

/* =====================================================
   対象外・注意書き：文字サイズ統一
   PC 16px / SP 14px
===================================================== */

/* ---------- PC ---------- */
@media (min-width: 861px){

  .campain_tokuten .cp-box__title{
    font-size: 14px !important;
  }

  .campain_tokuten ul.cp-list,
  .campain_tokuten ul.cp-list > li{
    font-size: 14px !important;
    line-height: 1.75 !important;
  }

  .campain_tokuten ul.cp-notes,
  .campain_tokuten ul.cp-notes > li{
    font-size: 14px !important;
    line-height: 1.75 !important;
  }
}

/* ---------- SP ---------- */
@media (max-width: 860px){
.cp-box__title,
  .campain_tokuten .cp-box__title{
    font-size: 12px !important;
  }
.cp-box__title,
  .campain_tokuten ul.cp-list,
  .campain_tokuten ul.cp-list > li{
    font-size: 12px !important;
    line-height: 1.7 !important;
  }
.cp-box__title,
  .campain_tokuten ul.cp-notes,
  .campain_tokuten ul.cp-notes > li{
    font-size: 12px !important;
    line-height: 1.7 !important;
  }
}
/* =====================================================
   強調表示（黒太字＋アンダーライン）
===================================================== */



/* 最重要注意（赤指定されている1文） */
.campain_tokuten ul.cp-notes > li.red{
  font-weight: 900 !important;
  color: #000 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
/* =====================================================
   タイトル内サイズバランス調整
===================================================== */

.campain_tokuten .cp-head__title{
  text-align: center !important;
}

/* 上の英字 */
.campain_tokuten .cp-title-sub{
  display: block;
  font-size: 16px !important;
  font-weight: 700;
  margin-bottom: 4px;
}

/* メイン見出し */
.campain_tokuten .cp-title-main{
  display: block;
  font-size: 48px !important;
  font-weight: 900;
  margin-top: 4px;
}

/* SP */
@media (max-width: 860px){
  .campain_tokuten .cp-title-sub{
    font-size: 13px !important;
  }
  .campain_tokuten .cp-title-main{
    font-size: 30px !important;
  }
}
/* =====================================================
   HEAD：センター寄せ & タイトル内サイズ調整（HTMLそのまま）
   ※必ず campaign.css の末尾に置く
===================================================== */

/* 左寄せ !important を上書きして強制センター */
.campain_tokuten .cp-head,
.campain_tokuten .cp-head__title,
.campain_tokuten .cp-head__title *{
  text-align: center !important;
}

/* cp-head がflexの場合の中央寄せ（念のため） */
.campain_tokuten .cp-head{
  justify-content: center !important;
}

/* ---- PC：基準は小さめに揃える（中段の【…限定】のサイズ） ---- */
@media (min-width: 861px){
  .campain_tokuten .cp-head__title{
    font-size: 22px !important;   /* 中段（【近鉄…限定】） */
    line-height: 1.35 !important;
    color: #fff !important;
    width: 100% !important;
  }

  /* 1つ目のspan（～Welcome Back～） */
  .campain_tokuten .cp-head__title > span:first-of-type{
    display: block !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
  }

  /* 2つ目のspan（再入会キャンペーン） */
  .campain_tokuten .cp-head__title > span:last-of-type{
    display: block !important;
    font-size: 42px !important;
    font-weight: 900 !important;
    margin-top: 4px !important;
  }
}

/* ---- SP：全体を自然に縮める ---- */
@media (max-width: 860px){
  .campain_tokuten .cp-head__title{
    font-size: 16px !important;   /* 中段（【近鉄…限定】） */
    line-height: 1.4 !important;
    color: #fff !important;
    width: 100% !important;
  }

  .campain_tokuten .cp-head__title > span:first-of-type{
    display: block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-bottom: 3px !important;
  }

  .campain_tokuten .cp-head__title > span:last-of-type{
    display: block !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    margin-top: 3px !important;
  }
}