/* 2026年9月 紹介キャンペーン詳細 */
.event-detail-page--referral-202609{
  --referral-rose:#cb185c;
  --referral-deep:#7c173e;
  --referral-gold:#c98a1a;
  background:linear-gradient(180deg,#fff9f5 0%,#fff4f7 32%,#fff 100%);
}
.event-detail-page--referral-202609 .event-hero{
  background:radial-gradient(circle at 15% 15%,rgba(255,222,154,.45),transparent 26%),radial-gradient(circle at 88% 8%,rgba(255,190,211,.5),transparent 28%),linear-gradient(135deg,#fffdf7 0%,#fff1f5 56%,#f9edf7 100%);
}
.event-detail-page--referral-202609 .phero__title{color:var(--referral-deep)}
.event-detail-page--referral-202609 .phero__title::after{background:linear-gradient(90deg,#e7b652,#cf205f,#e7b652)}
.event-detail-page--referral-202609 .event-detail{gap:18px}
.event-detail-page--referral-202609 .event-detail__banner{border:2px solid rgba(201,138,26,.72);background:#fff;box-shadow:0 16px 36px rgba(111,26,63,.14),0 0 0 5px rgba(255,233,188,.35)}
.event-detail-page--referral-202609 .doc-sec{border-color:rgba(218,169,81,.38);box-shadow:0 14px 34px rgba(111,26,63,.09)}
.event-detail-page--referral-202609 .doc-sec>h2{color:var(--referral-deep);font-weight:900}
.event-detail-page--referral-202609 .doc-sec>h2::before{background:linear-gradient(180deg,#d32068,#dba83f)}
.event-detail-page--referral-202609 .event-detail__lead{background:linear-gradient(180deg,#fffdf7 0%,#fff5f8 100%)}
.referral-overview__copy{margin:14px 0 18px!important;color:var(--referral-deep)!important;font-size:1.04rem;font-weight:900;text-align:center}
.referral-visual{max-width:520px;margin:18px auto;overflow:hidden;border:1.5px solid rgba(207,32,95,.24);border-radius:24px;background:#fff8fa;box-shadow:0 14px 30px rgba(109,20,59,.12)}
.referral-visual img{display:block;width:100%;height:auto}
.referral-visual--rewards{max-width:430px}
.referral-details div{border-color:rgba(215,171,91,.35)!important;background:rgba(255,255,255,.8)!important}
.referral-details dt{color:var(--referral-rose)!important}
.referral-reward-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}
.referral-reward-grid article{padding:16px;border:1px solid rgba(206,31,95,.22);border-radius:18px;background:linear-gradient(145deg,#fff,#fff7f8)}
.referral-reward-grid h3{margin:0 0 8px;color:var(--referral-rose);font-size:1rem;font-weight:900}
.referral-reward-grid p{margin:0!important}
.referral-timeline{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}
.referral-timeline article{padding:16px;border:1px solid rgba(212,42,103,.26);border-left:4px solid #d6a239;border-radius:16px;background:linear-gradient(135deg,#fffefb,#fff4f7)}
.referral-timeline span{display:inline-block;margin-bottom:8px;padding:4px 10px;border-radius:999px;background:#fff0bf;color:#9b5815;font-size:.76rem;font-weight:900}
.referral-timeline h3{margin:0 0 5px;color:var(--referral-deep);font-size:1rem;font-weight:900}
.referral-timeline p{margin:0!important}
.referral-warning,.referral-no-application{margin-top:16px;padding:16px 18px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#8d1748,#d51c61);box-shadow:0 10px 22px rgba(122,20,62,.2)}
.referral-warning strong,.referral-no-application strong{display:block;margin-bottom:6px;font-weight:900}
.referral-warning p,.referral-no-application p{margin:0!important;color:#fff!important}
.referral-steps>ol,.referral-check>ol{display:grid;gap:0;margin:14px 0 0;padding:0;list-style:none}
.referral-steps>ol>li,.referral-check>ol>li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid rgba(166,117,137,.2)}
.referral-steps>ol>li:last-child,.referral-check>ol>li:last-child{border-bottom:0}
.referral-steps>ol>li>span,.referral-check>ol>li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#cc1b5d,#e5ad41);font-weight:900}
.referral-steps h3{margin:0 0 5px;color:var(--referral-deep);font-size:1rem}
.referral-steps p,.referral-check p{margin:0!important}
.referral-check strong{color:var(--referral-rose)}
.referral-support{background:linear-gradient(135deg,#fff9e9,#fff5f8)!important}
.referral-notes ul{margin-bottom:0}
@media (min-width:768px){.referral-reward-grid{grid-template-columns:1fr 1fr}.referral-timeline{grid-template-columns:repeat(3,1fr)}}
@media (max-width:480px){.event-detail-page--referral-202609 .phero__title{font-size:1.52rem}.referral-visual{margin-inline:-3px;border-radius:18px}.referral-overview__copy{font-size:.96rem}}