/* =========================================================
   ピンクリボンチャリティページ専用の配色（和のピンク）

   このページだけ、サイト共通の「紫の地＋赤金」から
   「梅紫の地＋撫子色」に置き換える。乳がん啓発のシンボルカラーを
   守りつつ、蛍光ピンク（旧 #FF62A6 / #E0286E）ではなく
   和の伝統色に寄せた落ち着いた色域でまとめる。

     地（濃）   #241328  … 濃い梅紫
     地（淡）   #3B1D33  … 梅紫
     差し色     #E5B4C0  … 撫子色（明るめ）。共通の赤金 #C89A63 の置き換え
     差し色（明）#F2D3DA  … ホバー用。共通の #E0BE92 の置き換え
     ボタン     #B04061 → #D2607F  … 蘇芳〜今様色。共通の深紅の置き換え

   ★ skin-machiya.css の後に読み込むこと（inc/enqueue.php で制御）。
     page-*.css はスキンより前なので、そちらに書いても勝てない。
   ========================================================= */

:root{
  --pr-ground:#241328;
  --pr-ground-2:#3B1D33;
  --pr-accent:#E5B4C0;
  --pr-accent-lt:#F2D3DA;
  --pr-deep:#B04061;
  --pr-deep-lt:#D2607F;
}

/* --- 1. セクションの地。共通の紫の交互を梅紫の交互に差し替える --- */
body > section:nth-of-type(odd){background-color:var(--pr-ground)!important}
body > section:nth-of-type(even){background-color:var(--pr-ground-2)!important}
body > section.galleryband{background-color:var(--pr-ground)!important}

/* --- 2. 差し色。見出しの英字・金額・リンク・記号を撫子色へ --- */
html body > section .eng,
html body > section .head .eng,
html body > section .opt-p,
html body > section .opt-group h4,
html body > section .imp-list li::before,
html body > section .imp-list a,
html body > section .opt-group dt a,
html body > section .opt-link,
html body > section .pc-more,
html body > section .cut-notice b,
html body > section .imp-cancel b,
html body > section .imp-cancel li b,
html body > section .req,
html body > section .opt-per,
html body > section .booth-em{
  color:var(--pr-accent)!important;-webkit-text-fill-color:var(--pr-accent)!important}

/* スキンには .booths / .galleryband を名指しする詳細度の高い !important があるため、
   同じだけ詳細度を上げて上書きする（section.〜 を足して1つ勝つ）。 */
html body > section.booths .head .eng,
html body > section.galleryband .galleryband-in .eng{
  color:var(--pr-accent)!important;-webkit-text-fill-color:var(--pr-accent)!important}

html body > section .imp-list a:hover,
html body > section .opt-group dt a:hover,
html body > section .hubintro-link a:hover{
  color:var(--pr-accent-lt)!important;-webkit-text-fill-color:var(--pr-accent-lt)!important}

/* --- 3. 罫線・枠 --- */
html body > section .opt-sub,
html body > section .imp-cancel h3{border-left-color:var(--pr-accent)!important}
html body > section .cut-notice{border-color:rgba(229,180,192,.7)!important;border-left-color:var(--pr-accent)!important}
html body > section .cut-ico{background:var(--pr-accent)!important;color:#2E1526!important}
html body > section .opt-link{border-color:rgba(229,180,192,.55)!important}
html body > section .opt-link:hover{background:var(--pr-accent)!important;color:#2E1526!important;border-color:var(--pr-accent)!important}

/* --- 4. カードのホバー枠（共通は赤金） --- */
body > section .hcard:hover, body > section .addon:hover,
body > section .opt-card:hover, body > section .booth:hover,
body > section .plan-card:hover, body > section .pr-card:hover{
  border-color:rgba(229,180,192,.55)!important}

/* --- 5. 予約ボタン。共通の深紅グラデを蘇芳〜今様色に --- */
/* ヘッダーの RESERVE はサイト共通の枠なので対象外。本文の予約ボタンだけ。 */
html body > section .book,
html body > section .book.full,
html body > section .cta2-go{
  background:linear-gradient(120deg,var(--pr-deep),var(--pr-deep-lt))!important;color:#fff!important}
html body > section .cta2-go:hover{background:var(--pr-deep-lt)!important}

/* --- 6. 札（プラン名の横などの小さな帯） --- */
html body > section .tier-tag,
html body > section .pr-charity{
  background:var(--pr-deep)!important;color:#fff!important}

/* --- 7. ページ固有の部品。蛍光ピンクを和のピンクへ --- */
/* プランカードの地。共通カード（#100514）に対し、このページは梅紫に寄せる */
.pr-card{background:rgba(46,21,38,.76)!important;border-color:rgba(255,255,255,.18)!important}
.pr-card:hover{border-color:rgba(229,180,192,.55)!important;box-shadow:none!important}
.pr-kids-badge{background:linear-gradient(100deg,#7E4A86,#A06BAA)!important}
.pr-donate{background:linear-gradient(120deg,rgba(176,64,97,.28),rgba(59,29,51,.4))!important;
  border-color:rgba(229,180,192,.4)!important}
.pr-donate .pr-ribbon{color:var(--pr-accent)!important}
.pr-donate b,.hubintro p b{color:var(--pr-accent-lt)!important}
.pr-imgph .pr-ribbon{color:rgba(242,211,218,.6)!important}

/* --- 8. ギャラリー帯 --- */
/* 上下の細罫。共通は赤金 rgba(200,154,99,.28) だが、梅紫の地の上では
   暖色の線が浮いて目立つため、撫子色でさらに薄く引く。 */
body > section.galleryband{
  border-top-color:rgba(229,180,192,.16)!important;
  border-bottom-color:rgba(229,180,192,.16)!important}

/* 覆い。共通の青紫寄りを梅紫寄りに */
body > section.galleryband .gb-veil{
  background:linear-gradient(90deg,rgba(36,19,40,.90) 0%,rgba(36,19,40,.84) 100%)!important}