/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 25 2026 | 18:27:18 */
/* =====================================================================
   WarmRelation — 水色きらめき 2026（旧「配色の統一2026」を置き換え）
   方針：紺はやめて水色を主役に。白・氷色・空色・水色・深い水色の5段階だけで作る。
         光のすじ（シーン）と小さなきらめき（✦）で華やかさを出す。金・赤茶は使わない。
   元のCSSは触らず、このファイルで上書き（無効化すれば元に戻る）。
   ===================================================================== */
:root{
  --aq-ice:#eefaff; --aq-frost:#dff5fd; --aq-sky:#a9e1f7; --aq:#38b6e8; --aq-mid:#1fa2dd; --aq-deep:#0f86c0; --aq-abyss:#0a6c9e;
  --aq-ink:#123a52; --aq-sub:#56788c; --aq-line:#cdeaf6;
  --aq-grad:linear-gradient(120deg,#0f86c0 0%,#1fa2dd 45%,#5fcdf2 100%);
  --aq-grad-soft:linear-gradient(120deg,#dff5fd 0%,#bfeafb 50%,#e9f9ff 100%);
  --aq-shine:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);
}
@keyframes aqShine{0%{background-position:-160% 0}55%,100%{background-position:260% 0}}
@keyframes aqTwinkle{0%,100%{opacity:.25;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(20deg)}}
@keyframes aqFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes aqFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-14px,0)}}

/* ---------- ブログ帯・見出し ---------- */
html body{ --b-grad:var(--aq-grad); }
html body .wr-blog .wr-head__eyebrow{ color:var(--aq-deep) !important; }

/* ---------- CAST LIST 見出し ---------- */
html body .closeup{
  position:relative; background:transparent !important; box-shadow:none !important;
  font-family:"Cinzel Decorative","Shippori Mincho",serif !important; font-weight:700; letter-spacing:.22em; text-align:center;
  color:transparent !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent;
  background-image:linear-gradient(100deg,#0a6c9e 0%,#1fa2dd 38%,#bff0ff 50%,#1fa2dd 62%,#0a6c9e 100%) !important;
  background-size:250% 100% !important; animation:aqShine 6s ease-in-out infinite;
}
html body .closeup::before, html body .closeup::after{
  height:1px !important; background-image:linear-gradient(90deg,transparent,var(--aq-sky) 20%,var(--aq) 50%,var(--aq-sky) 80%,transparent) !important;
  box-shadow:0 0 10px rgba(56,182,232,.6);
}

/* ---------- CAST LIST スライド（グレーの影・黒帯 → 白い枠と水色の光） ---------- */
html body .swiper2 .cast-box{ background:transparent !important; }
html body .swiper2 .thumbosusume{
  position:relative; border-radius:18px; overflow:hidden; padding:5px;
  background:linear-gradient(140deg,#ffffff,#bfeafb 40%,#ffffff 60%,#8fd9f5) !important;
  box-shadow:0 18px 34px -18px rgba(15,134,192,.55), 0 0 0 1px rgba(56,182,232,.25) !important;
  transition:transform .6s cubic-bezier(.22,.61,.36,1), box-shadow .6s;
}
html body .swiper2 .thumbosusume > a{ display:block; position:relative; border-radius:14px; overflow:hidden; }
html body .swiper2 .thumbosusume img{ border-radius:14px; display:block; }
html body .swiper2 .thumbosusume > a::after{
  content:""; position:absolute; inset:0; pointer-events:none; border-radius:14px;
  background:var(--aq-shine); background-size:250% 100%; background-repeat:no-repeat; animation:aqShine 5.5s ease-in-out infinite;
}
html body .swiper2 .swiper-slide-active .thumbosusume{
  transform:translateY(-6px);
  box-shadow:0 26px 44px -20px rgba(15,134,192,.7), 0 0 0 1px rgba(56,182,232,.5), 0 0 28px rgba(95,205,242,.35) !important;
}
html body .swiper2 .slide_info{
  background:linear-gradient(180deg,rgba(15,134,192,0) 0%,rgba(15,134,192,.55) 45%,rgba(10,108,158,.92) 100%) !important;
  border-radius:0 0 14px 14px; padding-top:34px !important;
}
html body .swiper2 .slide_info .name{ letter-spacing:.08em; text-shadow:0 2px 10px rgba(0,60,100,.45); }
html body .swiper2 .slide_info .furigana{ color:#dff5fd; letter-spacing:.2em; }

/* 「在籍レンタル彼氏をすべて見る」ボタン */
html body a.btn_29{
  position:relative; overflow:hidden; display:block; border:0 !important; border-radius:999px !important;
  color:#fff !important; background:var(--aq-grad) !important; letter-spacing:.08em;
  box-shadow:0 14px 28px -14px rgba(15,134,192,.8), inset 0 1px 0 rgba(255,255,255,.45) !important;
  text-shadow:0 1px 6px rgba(0,70,110,.35); transition:transform .3s, box-shadow .3s;
  font-size:13.5px !important; letter-spacing:.04em; white-space:nowrap; padding:15px 12px !important;
}
html body a.btn_29::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:var(--aq-shine); background-size:250% 100%; background-repeat:no-repeat; animation:aqShine 4.5s ease-in-out infinite;
}
html body a.btn_29:hover{ transform:translateY(-2px); box-shadow:0 20px 34px -14px rgba(15,134,192,.9) !important; }

/* ---------- 今月の注目キャスト ---------- */
html body .wr-spot{ color:var(--aq-ink); --gold:#1fa2dd; --gold-light:#bfeafb; }
html body .wr-spot__title{ color:var(--aq-ink) !important; }
html body .wr-spot__eyebrow{ color:var(--aq-deep) !important; }
html body .wr-spot-card{ background:var(--aq-frost) !important; box-shadow:0 22px 44px -26px rgba(15,134,192,.75), 0 0 0 1px rgba(56,182,232,.25) !important; }
html body .wr-spot-card__shade{ background:linear-gradient(180deg,rgba(10,108,158,0) 38%,rgba(10,108,158,.5) 64%,rgba(8,88,130,.93) 100%) !important; }
html body .wr-spot-card__badge.is-ruby{ color:#fff; background:var(--aq-grad); box-shadow:0 6px 16px -6px rgba(15,134,192,.8), inset 0 1px 0 rgba(255,255,255,.5); }
html body .wr-spot-card__badge.is-rose{ color:var(--aq-abyss); background:linear-gradient(90deg,#ffffff,#dff5fd); box-shadow:0 6px 16px -6px rgba(56,182,232,.6); }
html body .wr-spot-card__badge.is-gold{ color:#fff; background:rgba(10,108,158,.35); box-shadow:inset 0 0 0 1px rgba(223,245,253,.85); }
html body .wr-spot-card__rank{ color:#bff0ff; text-shadow:0 0 10px rgba(95,205,242,.8); }
html body .wr-spot-card__rank.is-r8{ color:#ffffff; }
html body .wr-spot-bd{ background:linear-gradient(160deg,#eefaff,#dff5fd) !important; box-shadow:0 0 0 1px var(--aq-line); }
html body .wr-spot-bd__date{ box-shadow:inset 0 0 0 1px rgba(31,162,221,.45); }
html body .wr-spot__cta a{ color:#fff !important; background:var(--aq-grad) !important; box-shadow:0 12px 24px -14px rgba(15,134,192,.8) !important; }

/* ---------- SNS ---------- */
html body .wr-follow__eyebrow{ color:var(--aq-deep) !important; }

/* ---------- デートプラン・ご利用案内 ---------- */
html body .wr-dp__flag{ background:var(--aq-grad) !important; }
html body .wr-dp__title{ color:var(--aq-ink) !important; }
html body .wr-dp__name, html body .wr-guide__grid b, html body .wr-guide__title{ color:var(--aq-ink) !important; }
html body .wr-dp__more{ color:var(--aq-deep) !important; }
html body .wr-dp__all a{ border-color:var(--aq-mid) !important; color:var(--aq-deep) !important; }
html body .wr-dp__all a:hover{ background:var(--aq-grad) !important; color:#fff !important; border-color:transparent !important; }
html body .wr-guide{ background:linear-gradient(160deg,#eefaff,#e3f7fe) !important; border-color:var(--aq-line) !important; }

/* ---------- プレゼント履歴 ---------- */
html body #rirekiGroup{
  --wr-bg:#eefaff; --wr-surface:#ffffff; --wr-surface-2:#f5fcff;
  --wr-gold:#1fa2dd; --wr-gold-ink:#0f86c0; --wr-gold-light:#a9e1f7;
  --wr-gold-a08:rgba(31,162,221,.08); --wr-gold-a15:rgba(31,162,221,.15); --wr-gold-a35:rgba(31,162,221,.35);
  --wr-text:#123a52; --wr-text-sub:#56788c; --wr-text-mute:#93b0c0; --wr-line:rgba(31,162,221,.22);
}
html body .wr-section{ background:radial-gradient(120% 50% at 50% 0%,rgba(95,205,242,.22) 0%,transparent 60%),#eefaff !important; }
html body #rirekiGroup .wr-cast-av{ background:radial-gradient(circle at 30% 30%,#ffffff,#dff5fd); }
html body #rirekiGroup .wr-more-btn::before{ background:var(--aq-grad); }
html body #rirekiGroup .wr-card::after{ background:linear-gradient(115deg,transparent 30%,rgba(95,205,242,.14) 50%,transparent 70%); }
html body #rirekiGroup .wr-howto, html body #rirekiGroup .wr-card{ box-shadow:0 10px 26px -18px rgba(15,134,192,.45); }

/* ---------- よくある質問 ---------- */
html body #qa_sec{ background:#fff; }
html body .cast-cost-top .rank-cost-title-ja{ color:var(--aq-ink) !important; }
html body .cast-cost-top .rank-cost-title-en{ color:var(--aq-deep) !important; }
html body .qa-contents > div > p{ color:var(--aq-ink) !important; border-bottom:1px solid var(--aq-line) !important; position:relative; }
html body .qa-contents > div > p::after{ content:""; position:absolute; left:0; bottom:-1px; width:56px; height:2px; background:var(--aq-grad); }
html body .c-accordion{ box-shadow:0 12px 26px -20px rgba(15,134,192,.5) !important; border:1px solid var(--aq-line); }
html body .c-accordion_ttl{ color:var(--aq-ink) !important; background:linear-gradient(90deg,#eefaff,#ffffff) !important; }
html body .c-accordion_ttl::after{ color:var(--aq-mid); font-weight:800; }
html body .c-accordion p.small{ border-top-color:var(--aq-line) !important; }

/* ---------- 禁止事項 ---------- */
html body #topKinshi{ background-color:var(--aq-ice) !important; }
html body #topKinshi .kinshi_title div{ color:var(--aq-ink) !important; font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif; font-weight:700; }
html body #topKinshi .kinshi_title div::after{ height:1px !important; background:linear-gradient(90deg,transparent,var(--aq),transparent) !important; }
html body #topKinshi .separate{ border-color:var(--aq-line) !important; box-shadow:0 16px 34px -26px rgba(15,134,192,.55) !important; border-radius:16px !important; }
html body #topKinshi .kinshi p:first-child::before{ color:var(--aq-mid) !important; }
html body #topKinshi .kinshi p:nth-child(2), html body #topKinshi .kinshi p:nth-child(3){
  background-color:var(--aq-ice) !important; border-color:var(--aq-line) !important; border-radius:12px !important;
}

/* ---------- 枠線ボタン ---------- */
html body .link-btn a{
  border:1px solid var(--aq-mid) !important; color:var(--aq-deep) !important; border-radius:999px; font-weight:700; letter-spacing:.06em;
  transition:background .3s, color .3s;
}
html body .link-btn a:hover{ background:var(--aq-grad) !important; color:#fff !important; border-color:transparent !important; }

/* ---------- フッター：紺 → 深い水色（白文字が読める濃さ） ---------- */
html body .wr-sitefoot{
  background:linear-gradient(160deg,#0a6c9e 0%,#0f86c0 55%,#1592c9 100%) !important;
  position:relative;
}
html body .wr-sitefoot::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(40% 30% at 85% 0%,rgba(191,240,255,.35),transparent 70%),radial-gradient(30% 25% at 10% 35%,rgba(191,240,255,.18),transparent 70%);
}
html body .wr-sitefoot > *{ position:relative; }

/* ---------- 在籍キャスト一覧ページ：背景をゆっくり入れ替わる水色グラデーションに ---------- */
html body .wr-castpage{
  --paper:#eefaff; --paper-2:#dff5fd; --ink:#123a52; --ink-soft:#56788c; --line:rgba(15,134,192,.16);
  --aqua:#1593cf; --aqua-soft:#a9e1f7; --navy:#0f86c0;
  position:relative; isolation:isolate;
  background:linear-gradient(125deg,#eefaff 0%,#d3f1fd 22%,#f4fcff 45%,#c9eefb 68%,#e9f9ff 100%) !important;
  background-size:300% 300% !important; animation:aqFlow 18s ease-in-out infinite;
}
html body .wr-castpage::before, html body .wr-castpage::after{
  content:""; position:absolute; z-index:-1; pointer-events:none; border-radius:50%; filter:blur(40px);
}
html body .wr-castpage::before{ width:420px; height:420px; left:-120px; top:120px; background:rgba(95,205,242,.28); animation:aqFloat 12s ease-in-out infinite; }
html body .wr-castpage::after{ width:360px; height:360px; right:-100px; top:900px; background:rgba(169,225,247,.45); animation:aqFloat 15s ease-in-out infinite reverse; }
html body .wr-castpage .wr-finder, html body .wr-castpage .wr-areafinder{
  background:rgba(255,255,255,.82) !important; backdrop-filter:blur(8px);
  box-shadow:0 0 0 1px rgba(56,182,232,.22), 0 16px 30px -22px rgba(15,134,192,.55) !important;
}

@media (prefers-reduced-motion:reduce){
  html body .closeup, html body .swiper2 .thumbosusume > a::after, html body a.btn_29::after,
  html body .wr-castpage, html body .wr-castpage::before, html body .wr-castpage::after{ animation:none !important; }
}