/* * haruhime-seasonal-theme.css * 季節で TOP画像・配色・ロゴ・キーホルダーを自動切替（春3-5/夏6-8/秋9-11/冬12-2・依頼17基準）。 * 仕組み: に inc/seasonal-theme.php が haru-season-spring|summer|autumn|winter を付与。 * 本ファイルは haruhime-toppage.css の「後」に読み込むこと（最後＝最優先）。 * 春=ピンク（既定・無加工） / 夏=水色 / 秋=ゴールド / 冬=シルバー * ※ ヘッダー動画の季節切替は inc/seasonal-theme.php のフッターJSが担当。 */ /* ============ 1) ヒーロー(TOP画像) 季節切替 ============ */ body.haru-season-spring .haruhime-hero{ background-image: linear-gradient(rgba(0,0,0,0.40), rgba(0,0,0,0.40)), url("https://haruhime.shop/wp-content/uploads/2026/05/%E3%81%AF%E3%82%8B%E5%A7%AB%E3%83%9E%E3%83%AB%E3%82%B7%E3%82%A7%E9%A2%A8%E6%99%AF%E6%98%A5.jpg") !important; background-repeat:no-repeat; background-position:center center; background-size:cover; } body.haru-season-summer .haruhime-hero{ background-image: linear-gradient(rgba(0,0,0,0.40), rgba(0,0,0,0.40)), url("https://haruhime.shop/wp-content/uploads/2026/06/%E3%81%AF%E3%82%8B%E5%A7%ABTOP%E7%94%BB%E5%83%8F%E5%A4%8F%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%EF%BC%91.jpg") !important; background-repeat:no-repeat; background-position:center center; background-size:cover; } body.haru-season-autumn .haruhime-hero{ background-image: linear-gradient(rgba(0,0,0,0.40), rgba(0,0,0,0.40)), url("https://haruhime.shop/wp-content/uploads/2026/06/%E3%81%AF%E3%82%8B%E5%A7%ABTOP%E7%94%BB%E5%83%8F%E7%A7%8B%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3.jpg") !important; background-repeat:no-repeat; background-position:center center; background-size:cover; } body.haru-season-winter .haruhime-hero{ background-image: linear-gradient(rgba(0,0,0,0.40), rgba(0,0,0,0.40)), url("https://haruhime.shop/wp-content/uploads/2026/06/%E3%81%AF%E3%82%8B%E5%A7%ABTOP%E7%94%BB%E5%83%8F%E5%86%AC%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3.jpg") !important; background-repeat:no-repeat; background-position:center center; background-size:cover; } /* ============ 2) ヘッダーロゴ季節切替（CSSフィルタでピンク文字ロゴを季節色へ） ============ 現行の「空花の文字ロゴピンク.png」(透過・横長)をフィルタで着色。夏=水色 / 秋=ゴールド / 冬=シルバー。実機検証済み。 ※ 専用の青/金/銀ロゴ(横長・透過PNG)が用意できたら content:url(...) に置換推奨。 ※ 既存の正方形「文字ロゴ青(1024x1024)」は横長枠に不適合のため不使用。 */ body.haru-season-summer .haruhime-site-header__logo{ filter: hue-rotate(210deg) saturate(1.15) !important; } body.haru-season-autumn .haruhime-site-header__logo{ filter: sepia(1) saturate(2.2) hue-rotate(2deg) brightness(0.92) !important; } body.haru-season-winter .haruhime-site-header__logo{ filter: grayscale(1) brightness(1.08) contrast(0.95) !important; } /* ============ 3) チャリティーのキーホルダー画像季節切替 ============ */ body.haru-season-summer .haruhime-charity-product__image{ content:url("https://haruhime.shop/wp-content/uploads/2026/06/%E3%81%AF%E3%82%8B%E5%A7%AB%E5%A4%8F%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%82%AD%E3%83%BC%E3%83%9B%E3%83%AB%E3%83%80%E3%83%BC.jpg") !important; } body.haru-season-autumn .haruhime-charity-product__image{ content:url("https://haruhime.shop/wp-content/uploads/2026/06/%E3%81%AF%E3%82%8B%E5%A7%AB%E7%A7%8B%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%82%AD%E3%83%BC%E3%83%9B%E3%83%AB%E3%83%80%E3%83%BC-2.jpg") !important; } body.haru-season-winter .haruhime-charity-product__image{ content:url("https://haruhime.shop/wp-content/uploads/2026/06/%E3%81%AF%E3%82%8B%E5%A7%AB%E5%86%AC%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%82%AD%E3%83%BC%E3%83%9B%E3%83%AB%E3%83%80%E3%83%BC.jpg") !important; } /* ============ 4) ピンク→季節色自動recolor（次セクション） ============ *//* === AUTO-GENERATED seasonal recolor of haruhime-toppage.css === spring(pink)=default(untouched). summer=水色 autumn=金 winter=銀 */ /* ============ 水色 / SUMMER ============ */ body.haru-season-summer { --haruhime-pink: #5fc1ec; --haruhime-deep-pink: #0288d1; --haruhime-cream: #eff8fd; } body.haru-season-summer .haruhime-site-header { border-bottom: 1px solid rgba(2, 136, 209, 0.12); } body.haru-season-summer .haruhime-menu-toggle { border: 1px solid rgba(2, 136, 209, 0.20); } body.haru-season-summer .haruhime-button--primary { box-shadow: 0 10px 26px rgba(2, 136, 209, 0.35); } @media (max-width: 900px) { body.haru-season-summer .haruhime-global-nav { border: 1px solid rgba(2, 136, 209, 0.12); } } @media (max-width: 900px) { body.haru-season-summer .haruhime-global-nav__link:hover, body.haru-season-summer .haruhime-global-nav__link:focus-visible { background: #eaf7fd; } } body.haru-season-summer .haruhime-section-business { background: linear-gradient(180deg, #f4fbfe 0%, #ffffff 100%); } body.haru-season-summer .haruhime-section-business::before { background: rgba(2, 136, 209, 0.08); } body.haru-season-summer .haruhime-section-business__eyebrow { color: #0288d1; } body.haru-season-summer .haruhime-section-business__title { color: #0288d1; } body.haru-season-summer .haruhime-carousel:focus-visible { outline: 3px solid rgba(2, 136, 209, 0.35); } body.haru-season-summer .haruhime-carousel__card { border: 1px solid #e1f5fe; } body.haru-season-summer .haruhime-carousel__card:hover { border-color: rgba(2, 136, 209, 0.35); box-shadow: 0 24px 52px rgba(2, 136, 209, 0.13); } body.haru-season-summer .haruhime-carousel__card-icon { background: #eaf7fd; color: #0288d1; } body.haru-season-summer .haruhime-carousel__card-number { background: #0288d1; } body.haru-season-summer .haruhime-carousel__card-catch { color: #0288d1; } body.haru-season-summer .haruhime-carousel__card-button { background: #0288d1; box-shadow: 0 10px 22px rgba(2, 136, 209, 0.24); } body.haru-season-summer .haruhime-carousel__card-button:hover, body.haru-season-summer .haruhime-carousel__card-button:focus { background: #01579b; box-shadow: 0 14px 28px rgba(2, 136, 209, 0.32); } body.haru-season-summer .haruhime-carousel__card-button:focus-visible { outline: 3px solid rgba(2, 136, 209, 0.3); } body.haru-season-summer .haruhime-carousel__arrow { color: #0288d1; } body.haru-season-summer .haruhime-carousel__arrow:hover, body.haru-season-summer .haruhime-carousel__arrow:focus { background: #0288d1; box-shadow: 0 16px 34px rgba(2, 136, 209, 0.28); } body.haru-season-summer .haruhime-carousel__arrow:focus-visible { outline: 3px solid rgba(2, 136, 209, 0.3); } body.haru-season-summer .haruhime-carousel__indicator { background: #cdebfb; } body.haru-season-summer .haruhime-carousel__indicator[aria-current="true"] { background: #0288d1; } body.haru-season-summer .haruhime-carousel__indicator:hover, body.haru-season-summer .haruhime-carousel__indicator:focus { background: #0288d1; } body.haru-season-summer .haruhime-carousel__indicator:focus-visible { outline: 3px solid rgba(2, 136, 209, 0.3); } body.haru-season-summer .haruhime-section-charity { background: linear-gradient(180deg, #ffffff 0%, #f1fafe 50%, #ffffff 100%); } body.haru-season-summer .haruhime-section-charity::after { background: rgba(2, 136, 209, 0.07); } body.haru-season-summer .haruhime-section-charity__eyebrow { color: #0288d1; } body.haru-season-summer .haruhime-section-charity__title { color: #0288d1; } body.haru-season-summer .haruhime-section-charity__activities { border: 1px solid #e1f5fe; } body.haru-season-summer .haruhime-charity-grid__item { background: #f1fafe; border: 1px solid #e1f5fe; } body.haru-season-summer .haruhime-charity-grid__item:hover { box-shadow: 0 8px 18px rgba(2, 136, 209, 0.10); } body.haru-season-summer .haruhime-charity-grid__icon { background: #e1f5fe; } body.haru-season-summer .haruhime-charity-product { background: linear-gradient(160deg, #ffffff 0%, #eaf7fd 100%); border: 1px solid #cdebfb; box-shadow: 0 16px 36px rgba(2, 136, 209, 0.12); } body.haru-season-summer .haruhime-charity-product__image-wrap { box-shadow: inset 0 0 0 1px #e1f5fe; } body.haru-season-summer .haruhime-charity-product__badge { background: #0288d1; } body.haru-season-summer .haruhime-charity-product__price { color: #0288d1; } body.haru-season-summer .haruhime-charity-product__button { background: #0288d1; box-shadow: 0 12px 24px rgba(2, 136, 209, 0.28); } body.haru-season-summer .haruhime-charity-product__button:hover, body.haru-season-summer .haruhime-charity-product__button:focus { background: #01579b; box-shadow: 0 16px 32px rgba(2, 136, 209, 0.36); } body.haru-season-summer .haruhime-charity-product__button:focus-visible { outline: 3px solid rgba(2, 136, 209, 0.3); } body.haru-season-summer .haruhime-section-promise { background: linear-gradient(180deg, #ffffff 0%, #f4fbfe 50%, #ffffff 100%); } body.haru-season-summer .haruhime-section-promise::before { background: rgba(2, 136, 209, 0.06); } body.haru-season-summer .haruhime-section-promise__eyebrow { color: #0288d1; } body.haru-season-summer .haruhime-section-promise__title { color: #0288d1; } body.haru-season-summer .haruhime-promise-grid__item { border: 1px solid #e1f5fe; } body.haru-season-summer .haruhime-promise-grid__item:hover { border-color: rgba(2, 136, 209, 0.35); box-shadow: 0 18px 38px rgba(2, 136, 209, 0.12); } body.haru-season-summer .haruhime-promise-grid__icon { background: #eaf7fd; color: #0288d1; } body.haru-season-summer .haruhime-promise-grid__catch { color: #0288d1; } body.haru-season-summer .haruhime-section-seasonal { background: linear-gradient(180deg, #ffffff 0%, #f5fcfe 50%, #ffffff 100%); } body.haru-season-summer .haruhime-section-seasonal::before { background: rgba(2, 136, 209, 0.05); } body.haru-season-summer .haruhime-section-seasonal__eyebrow { color: #0288d1; } body.haru-season-summer .haruhime-section-seasonal__title { color: #0288d1; } body.haru-season-summer .haruhime-seasonal-grid__item { border: 1px solid #e1f5fe; } body.haru-season-summer .haruhime-seasonal-grid__item:hover { border-color: rgba(2, 136, 209, 0.35); box-shadow: 0 18px 40px rgba(2, 136, 209, 0.14); } body.haru-season-summer .haruhime-seasonal-grid__image-wrap { background: #f1fafe; } body.haru-season-summer .haruhime-seasonal-grid__region { color: #0288d1; } body.haru-season-summer .haruhime-seasonal-grid__catch { color: #0288d1; } body.haru-season-summer .haruhime-section-store { background: linear-gradient(180deg, #ffffff 0%, #f4fbfe 50%, #ffffff 100%); } body.haru-season-summer .haruhime-section-store::before { background: rgba(2, 136, 209, 0.05); } body.haru-season-summer .haruhime-section-store__eyebrow { color: #0288d1; } body.haru-season-summer .haruhime-section-store__title { color: #0288d1; } body.haru-season-summer .haruhime-store-info { border: 1px solid #e1f5fe; } body.haru-season-summer .haruhime-store-info__name { border-bottom: 2px solid #e1f5fe; } body.haru-season-summer .haruhime-store-info__row { border-bottom: 1px dashed #e1f5fe; } body.haru-season-summer .haruhime-store-info__term { color: #0288d1; } body.haru-season-summer .haruhime-store-map__image-link { background: #f1fafe; } body.haru-season-summer .haruhime-store-map__image-link:hover, body.haru-season-summer .haruhime-store-map__image-link:focus { box-shadow: 0 22px 44px rgba(2, 136, 209, 0.14); } body.haru-season-summer .haruhime-store-map__button { background: #0288d1; box-shadow: 0 12px 24px rgba(2, 136, 209, 0.28); } body.haru-season-summer .haruhime-store-map__button:hover, body.haru-season-summer .haruhime-store-map__button:focus { background: #01579b; box-shadow: 0 16px 32px rgba(2, 136, 209, 0.36); } body.haru-season-summer .haruhime-store-line { background: linear-gradient(135deg, #f0fff4 0%, #ffffff 60%, #f1fafe 100%); } body.haru-season-summer .haruhime-section-store__grid { border: 1px solid #b9e3f6 !important; } body.haru-season-summer .haruhime-section-store__grid > .haruhime-store-info .haruhime-store-info__name { border-bottom: 1px solid #2f95c8; } body.haru-season-summer .haruhime-section-store__grid > .haruhime-store-info .haruhime-store-info__term, body.haru-season-summer .haruhime-section-store__grid > .haruhime-store-info dt { color: #2f95c8 !important; } body.haru-season-summer .haruhime-section-store__grid > .haruhime-company-info .haruhime-company-info__eyebrow { color: #2f95c8 !important; } body.haru-season-summer .haruhime-section-store__grid > .haruhime-company-info .haruhime-company-info__title { border-bottom: 1px solid #2f95c8; } body.haru-season-summer .haruhime-section-store__grid > .haruhime-company-info .haruhime-company-info__term, body.haru-season-summer .haruhime-section-store__grid > .haruhime-company-info dt { color: #2f95c8 !important; } body.haru-season-summer .haruhime-section-seasonal .haruhime-seasonal-grid__image-wrap { background: #e6f4fb !important; } /* ============ ゴールド / AUTUMN ============ */ body.haru-season-autumn { --haruhime-pink: #e3bb55; --haruhime-deep-pink: #c8901e; --haruhime-cream: #fbf6ea; } body.haru-season-autumn .haruhime-site-header { border-bottom: 1px solid rgba(200, 144, 30, 0.12); } body.haru-season-autumn .haruhime-menu-toggle { border: 1px solid rgba(200, 144, 30, 0.20); } body.haru-season-autumn .haruhime-button--primary { box-shadow: 0 10px 26px rgba(200, 144, 30, 0.35); } @media (max-width: 900px) { body.haru-season-autumn .haruhime-global-nav { border: 1px solid rgba(200, 144, 30, 0.12); } } @media (max-width: 900px) { body.haru-season-autumn .haruhime-global-nav__link:hover, body.haru-season-autumn .haruhime-global-nav__link:focus-visible { background: #fbf4e7; } } body.haru-season-autumn .haruhime-section-business { background: linear-gradient(180deg, #fcf9f1 0%, #ffffff 100%); } body.haru-season-autumn .haruhime-section-business::before { background: rgba(200, 144, 30, 0.08); } body.haru-season-autumn .haruhime-section-business__eyebrow { color: #c8901e; } body.haru-season-autumn .haruhime-section-business__title { color: #c8901e; } body.haru-season-autumn .haruhime-carousel:focus-visible { outline: 3px solid rgba(200, 144, 30, 0.35); } body.haru-season-autumn .haruhime-carousel__card { border: 1px solid #fbf1da; } body.haru-season-autumn .haruhime-carousel__card:hover { border-color: rgba(200, 144, 30, 0.35); box-shadow: 0 24px 52px rgba(200, 144, 30, 0.13); } body.haru-season-autumn .haruhime-carousel__card-icon { background: #fbf4e7; color: #c8901e; } body.haru-season-autumn .haruhime-carousel__card-number { background: #c8901e; } body.haru-season-autumn .haruhime-carousel__card-catch { color: #c8901e; } body.haru-season-autumn .haruhime-carousel__card-button { background: #c8901e; box-shadow: 0 10px 22px rgba(200, 144, 30, 0.24); } body.haru-season-autumn .haruhime-carousel__card-button:hover, body.haru-season-autumn .haruhime-carousel__card-button:focus { background: #9a6b12; box-shadow: 0 14px 28px rgba(200, 144, 30, 0.32); } body.haru-season-autumn .haruhime-carousel__card-button:focus-visible { outline: 3px solid rgba(200, 144, 30, 0.3); } body.haru-season-autumn .haruhime-carousel__arrow { color: #c8901e; } body.haru-season-autumn .haruhime-carousel__arrow:hover, body.haru-season-autumn .haruhime-carousel__arrow:focus { background: #c8901e; box-shadow: 0 16px 34px rgba(200, 144, 30, 0.28); } body.haru-season-autumn .haruhime-carousel__arrow:focus-visible { outline: 3px solid rgba(200, 144, 30, 0.3); } body.haru-season-autumn .haruhime-carousel__indicator { background: #f6e8c6; } body.haru-season-autumn .haruhime-carousel__indicator[aria-current="true"] { background: #c8901e; } body.haru-season-autumn .haruhime-carousel__indicator:hover, body.haru-season-autumn .haruhime-carousel__indicator:focus { background: #c8901e; } body.haru-season-autumn .haruhime-carousel__indicator:focus-visible { outline: 3px solid rgba(200, 144, 30, 0.3); } body.haru-season-autumn .haruhime-section-charity { background: linear-gradient(180deg, #ffffff 0%, #fcf7ed 50%, #ffffff 100%); } body.haru-season-autumn .haruhime-section-charity::after { background: rgba(200, 144, 30, 0.07); } body.haru-season-autumn .haruhime-section-charity__eyebrow { color: #c8901e; } body.haru-season-autumn .haruhime-section-charity__title { color: #c8901e; } body.haru-season-autumn .haruhime-section-charity__activities { border: 1px solid #fbf1da; } body.haru-season-autumn .haruhime-charity-grid__item { background: #fcf7ed; border: 1px solid #fbf1da; } body.haru-season-autumn .haruhime-charity-grid__item:hover { box-shadow: 0 8px 18px rgba(200, 144, 30, 0.10); } body.haru-season-autumn .haruhime-charity-grid__icon { background: #fbf1da; } body.haru-season-autumn .haruhime-charity-product { background: linear-gradient(160deg, #ffffff 0%, #fbf4e7 100%); border: 1px solid #f6e8c6; box-shadow: 0 16px 36px rgba(200, 144, 30, 0.12); } body.haru-season-autumn .haruhime-charity-product__image-wrap { box-shadow: inset 0 0 0 1px #fbf1da; } body.haru-season-autumn .haruhime-charity-product__badge { background: #c8901e; } body.haru-season-autumn .haruhime-charity-product__price { color: #c8901e; } body.haru-season-autumn .haruhime-charity-product__button { background: #c8901e; box-shadow: 0 12px 24px rgba(200, 144, 30, 0.28); } body.haru-season-autumn .haruhime-charity-product__button:hover, body.haru-season-autumn .haruhime-charity-product__button:focus { background: #9a6b12; box-shadow: 0 16px 32px rgba(200, 144, 30, 0.36); } body.haru-season-autumn .haruhime-charity-product__button:focus-visible { outline: 3px solid rgba(200, 144, 30, 0.3); } body.haru-season-autumn .haruhime-section-promise { background: linear-gradient(180deg, #ffffff 0%, #fcf9f1 50%, #ffffff 100%); } body.haru-season-autumn .haruhime-section-promise::before { background: rgba(200, 144, 30, 0.06); } body.haru-season-autumn .haruhime-section-promise__eyebrow { color: #c8901e; } body.haru-season-autumn .haruhime-section-promise__title { color: #c8901e; } body.haru-season-autumn .haruhime-promise-grid__item { border: 1px solid #fbf1da; } body.haru-season-autumn .haruhime-promise-grid__item:hover { border-color: rgba(200, 144, 30, 0.35); box-shadow: 0 18px 38px rgba(200, 144, 30, 0.12); } body.haru-season-autumn .haruhime-promise-grid__icon { background: #fbf4e7; color: #c8901e; } body.haru-season-autumn .haruhime-promise-grid__catch { color: #c8901e; } body.haru-season-autumn .haruhime-section-seasonal { background: linear-gradient(180deg, #ffffff 0%, #fdfbf4 50%, #ffffff 100%); } body.haru-season-autumn .haruhime-section-seasonal::before { background: rgba(200, 144, 30, 0.05); } body.haru-season-autumn .haruhime-section-seasonal__eyebrow { color: #c8901e; } body.haru-season-autumn .haruhime-section-seasonal__title { color: #c8901e; } body.haru-season-autumn .haruhime-seasonal-grid__item { border: 1px solid #fbf1da; } body.haru-season-autumn .haruhime-seasonal-grid__item:hover { border-color: rgba(200, 144, 30, 0.35); box-shadow: 0 18px 40px rgba(200, 144, 30, 0.14); } body.haru-season-autumn .haruhime-seasonal-grid__image-wrap { background: #fcf7ed; } body.haru-season-autumn .haruhime-seasonal-grid__region { color: #c8901e; } body.haru-season-autumn .haruhime-seasonal-grid__catch { color: #c8901e; } body.haru-season-autumn .haruhime-section-store { background: linear-gradient(180deg, #ffffff 0%, #fcf9f1 50%, #ffffff 100%); } body.haru-season-autumn .haruhime-section-store::before { background: rgba(200, 144, 30, 0.05); } body.haru-season-autumn .haruhime-section-store__eyebrow { color: #c8901e; } body.haru-season-autumn .haruhime-section-store__title { color: #c8901e; } body.haru-season-autumn .haruhime-store-info { border: 1px solid #fbf1da; } body.haru-season-autumn .haruhime-store-info__name { border-bottom: 2px solid #fbf1da; } body.haru-season-autumn .haruhime-store-info__row { border-bottom: 1px dashed #fbf1da; } body.haru-season-autumn .haruhime-store-info__term { color: #c8901e; } body.haru-season-autumn .haruhime-store-map__image-link { background: #fcf7ed; } body.haru-season-autumn .haruhime-store-map__image-link:hover, body.haru-season-autumn .haruhime-store-map__image-link:focus { box-shadow: 0 22px 44px rgba(200, 144, 30, 0.14); } body.haru-season-autumn .haruhime-store-map__button { background: #c8901e; box-shadow: 0 12px 24px rgba(200, 144, 30, 0.28); } body.haru-season-autumn .haruhime-store-map__button:hover, body.haru-season-autumn .haruhime-store-map__button:focus { background: #9a6b12; box-shadow: 0 16px 32px rgba(200, 144, 30, 0.36); } body.haru-season-autumn .haruhime-store-line { background: linear-gradient(135deg, #f0fff4 0%, #ffffff 60%, #fcf7ed 100%); } body.haru-season-autumn .haruhime-section-store__grid { border: 1px solid #ecd7a3 !important; } body.haru-season-autumn .haruhime-section-store__grid > .haruhime-store-info .haruhime-store-info__name { border-bottom: 1px solid #c0902f; } body.haru-season-autumn .haruhime-section-store__grid > .haruhime-store-info .haruhime-store-info__term, body.haru-season-autumn .haruhime-section-store__grid > .haruhime-store-info dt { color: #c0902f !important; } body.haru-season-autumn .haruhime-section-store__grid > .haruhime-company-info .haruhime-company-info__eyebrow { color: #c0902f !important; } body.haru-season-autumn .haruhime-section-store__grid > .haruhime-company-info .haruhime-company-info__title { border-bottom: 1px solid #c0902f; } body.haru-season-autumn .haruhime-section-store__grid > .haruhime-company-info .haruhime-company-info__term, body.haru-season-autumn .haruhime-section-store__grid > .haruhime-company-info dt { color: #c0902f !important; } body.haru-season-autumn .haruhime-section-seasonal .haruhime-seasonal-grid__image-wrap { background: #f8efd9 !important; } /* ============ シルバー / WINTER ============ */ body.haru-season-winter { --haruhime-pink: #aab2bd; --haruhime-deep-pink: #7b8794; --haruhime-cream: #f5f8fa; } body.haru-season-winter .haruhime-site-header { border-bottom: 1px solid rgba(123, 135, 148, 0.12); } body.haru-season-winter .haruhime-menu-toggle { border: 1px solid rgba(123, 135, 148, 0.20); } body.haru-season-winter .haruhime-button--primary { box-shadow: 0 10px 26px rgba(123, 135, 148, 0.35); } @media (max-width: 900px) { body.haru-season-winter .haruhime-global-nav { border: 1px solid rgba(123, 135, 148, 0.12); } } @media (max-width: 900px) { body.haru-season-winter .haruhime-global-nav__link:hover, body.haru-season-winter .haruhime-global-nav__link:focus-visible { background: #f2f5f8; } } body.haru-season-winter .haruhime-section-business { background: linear-gradient(180deg, #f7f9fb 0%, #ffffff 100%); } body.haru-season-winter .haruhime-section-business::before { background: rgba(123, 135, 148, 0.08); } body.haru-season-winter .haruhime-section-business__eyebrow { color: #7b8794; } body.haru-season-winter .haruhime-section-business__title { color: #7b8794; } body.haru-season-winter .haruhime-carousel:focus-visible { outline: 3px solid rgba(123, 135, 148, 0.35); } body.haru-season-winter .haruhime-carousel__card { border: 1px solid #eef1f5; } body.haru-season-winter .haruhime-carousel__card:hover { border-color: rgba(123, 135, 148, 0.35); box-shadow: 0 24px 52px rgba(123, 135, 148, 0.13); } body.haru-season-winter .haruhime-carousel__card-icon { background: #f2f5f8; color: #7b8794; } body.haru-season-winter .haruhime-carousel__card-number { background: #7b8794; } body.haru-season-winter .haruhime-carousel__card-catch { color: #7b8794; } body.haru-season-winter .haruhime-carousel__card-button { background: #7b8794; box-shadow: 0 10px 22px rgba(123, 135, 148, 0.24); } body.haru-season-winter .haruhime-carousel__card-button:hover, body.haru-season-winter .haruhime-carousel__card-button:focus { background: #5a636e; box-shadow: 0 14px 28px rgba(123, 135, 148, 0.32); } body.haru-season-winter .haruhime-carousel__card-button:focus-visible { outline: 3px solid rgba(123, 135, 148, 0.3); } body.haru-season-winter .haruhime-carousel__arrow { color: #7b8794; } body.haru-season-winter .haruhime-carousel__arrow:hover, body.haru-season-winter .haruhime-carousel__arrow:focus { background: #7b8794; box-shadow: 0 16px 34px rgba(123, 135, 148, 0.28); } body.haru-season-winter .haruhime-carousel__arrow:focus-visible { outline: 3px solid rgba(123, 135, 148, 0.3); } body.haru-season-winter .haruhime-carousel__indicator { background: #e3e8ee; } body.haru-season-winter .haruhime-carousel__indicator[aria-current="true"] { background: #7b8794; } body.haru-season-winter .haruhime-carousel__indicator:hover, body.haru-season-winter .haruhime-carousel__indicator:focus { background: #7b8794; } body.haru-season-winter .haruhime-carousel__indicator:focus-visible { outline: 3px solid rgba(123, 135, 148, 0.3); } body.haru-season-winter .haruhime-section-charity { background: linear-gradient(180deg, #ffffff 0%, #f5f7fa 50%, #ffffff 100%); } body.haru-season-winter .haruhime-section-charity::after { background: rgba(123, 135, 148, 0.07); } body.haru-season-winter .haruhime-section-charity__eyebrow { color: #7b8794; } body.haru-season-winter .haruhime-section-charity__title { color: #7b8794; } body.haru-season-winter .haruhime-section-charity__activities { border: 1px solid #eef1f5; } body.haru-season-winter .haruhime-charity-grid__item { background: #f5f7fa; border: 1px solid #eef1f5; } body.haru-season-winter .haruhime-charity-grid__item:hover { box-shadow: 0 8px 18px rgba(123, 135, 148, 0.10); } body.haru-season-winter .haruhime-charity-grid__icon { background: #eef1f5; } body.haru-season-winter .haruhime-charity-product { background: linear-gradient(160deg, #ffffff 0%, #f2f5f8 100%); border: 1px solid #e3e8ee; box-shadow: 0 16px 36px rgba(123, 135, 148, 0.12); } body.haru-season-winter .haruhime-charity-product__image-wrap { box-shadow: inset 0 0 0 1px #eef1f5; } body.haru-season-winter .haruhime-charity-product__badge { background: #7b8794; } body.haru-season-winter .haruhime-charity-product__price { color: #7b8794; } body.haru-season-winter .haruhime-charity-product__button { background: #7b8794; box-shadow: 0 12px 24px rgba(123, 135, 148, 0.28); } body.haru-season-winter .haruhime-charity-product__button:hover, body.haru-season-winter .haruhime-charity-product__button:focus { background: #5a636e; box-shadow: 0 16px 32px rgba(123, 135, 148, 0.36); } body.haru-season-winter .haruhime-charity-product__button:focus-visible { outline: 3px solid rgba(123, 135, 148, 0.3); } body.haru-season-winter .haruhime-section-promise { background: linear-gradient(180deg, #ffffff 0%, #f7f9fb 50%, #ffffff 100%); } body.haru-season-winter .haruhime-section-promise::before { background: rgba(123, 135, 148, 0.06); } body.haru-season-winter .haruhime-section-promise__eyebrow { color: #7b8794; } body.haru-season-winter .haruhime-section-promise__title { color: #7b8794; } body.haru-season-winter .haruhime-promise-grid__item { border: 1px solid #eef1f5; } body.haru-season-winter .haruhime-promise-grid__item:hover { border-color: rgba(123, 135, 148, 0.35); box-shadow: 0 18px 38px rgba(123, 135, 148, 0.12); } body.haru-season-winter .haruhime-promise-grid__icon { background: #f2f5f8; color: #7b8794; } body.haru-season-winter .haruhime-promise-grid__catch { color: #7b8794; } body.haru-season-winter .haruhime-section-seasonal { background: linear-gradient(180deg, #ffffff 0%, #f8fafc 50%, #ffffff 100%); } body.haru-season-winter .haruhime-section-seasonal::before { background: rgba(123, 135, 148, 0.05); } body.haru-season-winter .haruhime-section-seasonal__eyebrow { color: #7b8794; } body.haru-season-winter .haruhime-section-seasonal__title { color: #7b8794; } body.haru-season-winter .haruhime-seasonal-grid__item { border: 1px solid #eef1f5; } body.haru-season-winter .haruhime-seasonal-grid__item:hover { border-color: rgba(123, 135, 148, 0.35); box-shadow: 0 18px 40px rgba(123, 135, 148, 0.14); } body.haru-season-winter .haruhime-seasonal-grid__image-wrap { background: #f5f7fa; } body.haru-season-winter .haruhime-seasonal-grid__region { color: #7b8794; } body.haru-season-winter .haruhime-seasonal-grid__catch { color: #7b8794; } body.haru-season-winter .haruhime-section-store { background: linear-gradient(180deg, #ffffff 0%, #f7f9fb 50%, #ffffff 100%); } body.haru-season-winter .haruhime-section-store::before { background: rgba(123, 135, 148, 0.05); } body.haru-season-winter .haruhime-section-store__eyebrow { color: #7b8794; } body.haru-season-winter .haruhime-section-store__title { color: #7b8794; } body.haru-season-winter .haruhime-store-info { border: 1px solid #eef1f5; } body.haru-season-winter .haruhime-store-info__name { border-bottom: 2px solid #eef1f5; } body.haru-season-winter .haruhime-store-info__row { border-bottom: 1px dashed #eef1f5; } body.haru-season-winter .haruhime-store-info__term { color: #7b8794; } body.haru-season-winter .haruhime-store-map__image-link { background: #f5f7fa; } body.haru-season-winter .haruhime-store-map__image-link:hover, body.haru-season-winter .haruhime-store-map__image-link:focus { box-shadow: 0 22px 44px rgba(123, 135, 148, 0.14); } body.haru-season-winter .haruhime-store-map__button { background: #7b8794; box-shadow: 0 12px 24px rgba(123, 135, 148, 0.28); } body.haru-season-winter .haruhime-store-map__button:hover, body.haru-season-winter .haruhime-store-map__button:focus { background: #5a636e; box-shadow: 0 16px 32px rgba(123, 135, 148, 0.36); } body.haru-season-winter .haruhime-store-line { background: linear-gradient(135deg, #f0fff4 0%, #ffffff 60%, #f5f7fa 100%); } body.haru-season-winter .haruhime-section-store__grid { border: 1px solid #cfd6de !important; } body.haru-season-winter .haruhime-section-store__grid > .haruhime-store-info .haruhime-store-info__name { border-bottom: 1px solid #828b96; } body.haru-season-winter .haruhime-section-store__grid > .haruhime-store-info .haruhime-store-info__term, body.haru-season-winter .haruhime-section-store__grid > .haruhime-store-info dt { color: #828b96 !important; } body.haru-season-winter .haruhime-section-store__grid > .haruhime-company-info .haruhime-company-info__eyebrow { color: #828b96 !important; } body.haru-season-winter .haruhime-section-store__grid > .haruhime-company-info .haruhime-company-info__title { border-bottom: 1px solid #828b96; } body.haru-season-winter .haruhime-section-store__grid > .haruhime-company-info .haruhime-company-info__term, body.haru-season-winter .haruhime-section-store__grid > .haruhime-company-info dt { color: #828b96 !important; } body.haru-season-winter .haruhime-section-seasonal .haruhime-seasonal-grid__image-wrap { background: #eef1f5 !important; } /* ============ 5) サイト全体アクセント（Cocoon momoon-pink スキンの主要ピンクを季節色へ・控えめ） ============ ※ トップページは上記1-4で全面対応。他ページ用に主要アクセントのみ上書き。不足が見つかれば該当セレクタを追記してください。 */ body.haru-season-summer .wp-block-button__link, body.haru-season-summer .btn--primary, body.haru-season-summer button.btn{ background-color:#0288d1 !important; border-color:#0288d1 !important; } body.haru-season-summer .article a:not(.haruhime-button):hover{ color:#0288d1 !important; } body.haru-season-autumn .wp-block-button__link, body.haru-season-autumn .btn--primary, body.haru-season-autumn button.btn{ background-color:#c8901e !important; border-color:#c8901e !important; } body.haru-season-autumn .article a:not(.haruhime-button):hover{ color:#c8901e !important; } body.haru-season-winter .wp-block-button__link, body.haru-season-winter .btn--primary, body.haru-season-winter button.btn{ background-color:#7b8794 !important; border-color:#7b8794 !important; } body.haru-season-winter .art /* ============ ロゴ季節差替（専用recolor PNG・2026-07-02）＝フィルタより確実 ============ 夏=青／冬=銀（横長ロゴ haruhime_logo_B を色替え）。秋=金は §2 のフィルタ据置。 ※ メディアライブラリへ上記2ファイルをアップ後に有効（URLは /2026/07/ を想定・要確認）。 */ body.haru-season-summer .haruhime-site-header__logo{ content:url("https://haruhime.shop/wp-content/uploads/2026/07/%E7%A9%BA%E8%8A%B1%E3%83%AD%E3%82%B4%E5%A4%8F%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E6%A8%AA%E9%95%B7-1.png") !important; filter:none !important; } body.haru-season-winter .haruhime-site-header__logo{ content:url("https://haruhime.shop/wp-content/uploads/2026/07/%E7%A9%BA%E8%8A%B1%E3%83%AD%E3%82%B4%E5%86%AC%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E6%A8%AA%E9%95%B7-1.png") !important; filter:none !important; } /* ============ 6) チャリティー「＋詳しく」ラベル＋詳細モーダル桃色残り対策（2026-07-02追記） ============ toppage側の擬似要素 content 色（#D4537E）とモーダル(#B83A6B/#D4537E)はオーバーレイ自動recolorが拾えない固定桃色。季節色へ明示上書き。 */ /* ＋詳しく（.haruhime-charity-grid__item::after / __label::after） */ body.haru-season-summer .haruhime-charity-grid__item::after, body.haru-season-summer .haruhime-charity-grid__label::after{ color:#0288d1 !important; } body.haru-season-autumn .haruhime-charity-grid__item::after, body.haru-season-autumn .haruhime-charity-grid__label::after{ color:#c8901e !important; } body.haru-season-winter .haruhime-charity-grid__item::after, body.haru-season-winter .haruhime-charity-grid__label::after{ color:#7b8794 !important; } /* チャリティー詳細モーダル(.hcmodal) */ body.haru-season-summer .hcmodal__title{ color:#0288d1 !important; } body.haru-season-summer .hcmodal__close{ background:#eaf7fd !important; color:#0288d1 !important; } body.haru-season-summer .hcmodal__btn{ background:#0288d1 !important; color:#fff !important; } body.haru-season-autumn .hcmodal__title{ color:#c8901e !important; } body.haru-season-autumn .hcmodal__close{ background:#fbf4e7 !important; color:#c8901e !important; } body.haru-season-autumn .hcmodal__btn{ background:#c8901e !important; color:#fff !important; } body.haru-season-winter .hcmodal__title{ color:#7b8794 !important; } body.haru-season-winter .hcmodal__close{ background:#f2f5f8 !important; color:#7b8794 !important; } body.haru-season-winter .hcmodal__btn{ background:#7b8794 !important; color:#fff !important; } /* ============ 7) 固定ページ(サブページ) 季節対応（2026-07-02追記／代表挨拶=会社案内等） ============ haruhime-page-* はトップ用recolor対象外だったため固定桃色(#B83A6B/#D4537E/#E91E63)が残る。各季色へ明示上書き。 */ body.haru-season-summer .haruhime-page-hero, body.haru-season-summer .haruhime-page-cta, body.haru-season-summer .haruhime-page-coming{ background:linear-gradient(135deg,#eef8fd 0%,#dff1fb 100%) !important; } body.haru-season-summer .haruhime-page-hero__eyebrow, body.haru-season-summer .haruhime-page-hero__title, body.haru-season-summer .haruhime-page-section__eyebrow, body.haru-season-summer .haruhime-page-section__title, body.haru-season-summer .haruhime-feature__title, body.haru-season-summer .haruhime-step__title, body.haru-season-summer .haruhime-plan__title, body.haru-season-summer .haruhime-faq__question, body.haru-season-summer .haruhime-page-cta__title, body.haru-season-summer .haruhime-page-cta__text{ color:#0288d1 !important; } body.haru-season-summer .haruhime-page-hero__eyebrow::before, body.haru-season-summer .haruhime-page-hero__eyebrow::after, body.haru-season-summer .haruhime-page-section__eyebrow::before, body.haru-season-summer .haruhime-page-section__eyebrow::after, body.haru-season-summer .haruhime-page-hero__title::after, body.haru-season-summer .haruhime-page-section__title::after{ background:#0288d1 !important; border-color:#0288d1 !important; color:#0288d1 !important; } body.haru-season-summer .haruhime-feature, body.haru-season-summer .haruhime-plan, body.haru-season-summer .haruhime-step, body.haru-season-summer .haruhime-faq__item, body.haru-season-summer .haruhime-page-payment__item{ border-color:#cdebfb !important; } body.haru-season-summer .haruhime-step__num, body.haru-season-summer .haruhime-plan__button, body.haru-season-summer .haruhime-button--primary{ background:#0288d1 !important; border-color:#0288d1 !important; color:#fff !important; } body.haru-season-autumn .haruhime-page-hero, body.haru-season-autumn .haruhime-page-cta, body.haru-season-autumn .haruhime-page-coming{ background:linear-gradient(135deg,#fbebd0 0%,#fff7e8 100%) !important; } body.haru-season-autumn .haruhime-page-hero__eyebrow, body.haru-season-autumn .haruhime-page-hero__title, body.haru-season-autumn .haruhime-page-section__eyebrow, body.haru-season-autumn .haruhime-page-section__title, body.haru-season-autumn .haruhime-feature__title, body.haru-season-autumn .haruhime-step__title, body.haru-season-autumn .haruhime-plan__title, body.haru-season-autumn .haruhime-faq__question, body.haru-season-autumn .haruhime-page-cta__title, body.haru-season-autumn .haruhime-page-cta__text{ color:#c8901e !important; } body.haru-season-autumn .haruhime-page-hero__eyebrow::before, body.haru-season-autumn .haruhime-page-hero__eyebrow::after, body.haru-season-autumn .haruhime-page-section__eyebrow::before, body.haru-season-autumn .haruhime-page-section__eyebrow::after, body.haru-season-autumn .haruhime-page-hero__title::after, body.haru-season-autumn .haruhime-page-section__title::after{ background:#c8901e !important; border-color:#c8901e !important; color:#c8901e !important; } body.haru-season-autumn .haruhime-feature, body.haru-season-autumn .haruhime-plan, body.haru-season-autumn .haruhime-step, body.haru-season-autumn .haruhime-faq__item, body.haru-season-autumn .haruhime-page-payment__item{ border-color:#f0e0b8 !important; } body.haru-season-autumn .haruhime-step__num, body.haru-season-autumn .haruhime-plan__button, body.haru-season-autumn .haruhime-button--primary{ background:#c8901e !important; border-color:#c8901e !important; color:#fff !important; } body.haru-season-winter .haruhime-page-hero, body.haru-season-winter .haruhime-page-cta, body.haru-season-winter .haruhime-page-coming{ background:linear-gradient(135deg,#eef1f5 0%,#f7f9fb 100%) !important; } body.haru-season-winter .haruhime-page-hero__eyebrow, body.haru-season-winter .haruhime-page-hero__title, body.haru-season-winter .haruhime-page-section__eyebrow, body.haru-season-winter .haruhime-page-section__title, body.haru-season-winter .haruhime-feature__title, body.haru-season-winter .haruhime-step__title, body.haru-season-winter .haruhime-plan__title, body.haru-season-winter .haruhime-faq__question, body.haru-season-winter .haruhime-page-cta__title, body.haru-season-winter .haruhime-page-cta__text{ color:#7b8794 !important; } body.haru-season-winter .haruhime-page-hero__eyebrow::before, body.haru-season-winter .haruhime-page-hero__eyebrow::after, body.haru-season-winter .haruhime-page-section__eyebrow::before, body.haru-season-winter .haruhime-page-section__eyebrow::after, body.haru-season-winter .haruhime-page-hero__title::after, body.haru-season-winter .haruhime-page-section__title::after{ background:#7b8794 !important; border-color:#7b8794 !important; color:#7b8794 !important; } body.haru-season-winter .haruhime-feature, body.haru-season-winter .haruhime-plan, body.haru-season-winter .haruhime-step, body.haru-season-winter .haruhime-faq__item, body.haru-season-winter .haruhime-page-payment__item{ border-color:#dfe4ea !important; } body.haru-season-winter .haruhime-step__num, body.haru-season-winter .haruhime-plan__button, body.haru-season-winter .haruhime-button--primary{ background:#7b8794 !important; border-color:#7b8794 !important; color:#fff !important; } /* ============ 8) スマホ：TOPヒーロー写真を左へ15px（2026-07-02・Zeek指示 / 07-02修正） ============ PC版は不変。スマホ幅のみ。ヒーロー背景は2レイヤー[0]黒フィルターgradient/[1]写真。単一値だと両レイヤーが一緒に左送り→フィルターが右端で切れる不具合になったため、 ★レイヤー別指定：フィルター(第1層)は center 固定＝全面カバー、写真(第2層)だけ 15px 左送り。（全季＋base とも同一の2レイヤー構造なので1指定で全対応） */ @media (max-width: 768px) { .haruhime-hero { background-position: center center, calc(50% - 15px) center !important; } } /* ============ 9) 夏=青／冬=銀専用ロゴPNGへ差替（hue-rotateのくすみ解消・2026-07-02 Zeek §5） ============ §2 は文字ロゴピンクPNGをフィルタ着色していたが、夏/冬は専用PNG（青/銀・横長透過）が用意できたため content:url() で画像そのものを差替＋filter:none でフィルタ無効化＝くすみ解消。秋=金は§2のフィルタ据置（専用金PNG未使用）。春=既定ピンクのまま。 */ body.haru-season-summer .haruhime-site-header__logo{ content:url("https://haruhime.shop/wp-content/uploads/2026/07/%E7%A9%BA%E8%8A%B1%E3%83%AD%E3%82%B4%E5%A4%8F%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E6%A8%AA%E9%95%B7-1.png") !important; filter:none !important; } body.haru-season-winter .haruhime-site-header__logo{ content:url("https://haruhime.shop/wp-content/uploads/2026/07/%E7%A9%BA%E8%8A%B1%E3%83%AD%E3%82%B4%E5%86%AC%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E6%A8%AA%E9%95%B7-1.png") !important; filter:none !important; } /* ============ 10) 残バグ修正（GO2 / 2026-07-02・§1〜§9/§8-④/PHPは不変） ============ */ /* (A) マスコット季節差替：全ページ一括。HARUHIMECHAN.png のみ対象＝チャリティーキーホルダー HARUHIMECHAN1.jpg は §3 担当のため巻き込まない。TOPの hero/charity は seasonal-theme.php のJSが夏キャラへ差替済だが、サブページの .haruhime-page-mascot__image 等（JS対象外）が桃色のまま残る→属性セレクタで全を季節キャラへ。夏=洋服(青系)/冬=プレーン(銀系)。歪む場合は対象へ object-fit:contain を追加。 */ body.haru-season-summer img[src*="HARUHIMECHAN.png"]{ content:url("https://haruhime.shop/wp-content/uploads/2026/06/%E3%81%AF%E3%82%8B%E5%A7%AB%E5%A4%8F%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E6%B4%8B%E6%9C%8D%E8%83%8C%E6%99%AF%E3%81%AA%E3%81%97.png") !important; } body.haru-season-winter img[src*="HARUHIMECHAN.png"]{ content:url("https://haruhime.shop/wp-content/uploads/2026/07/%E3%81%AF%E3%82%8B%E5%A7%AB%E5%86%AC%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E8%83%8C%E6%99%AF%E3%81%AA%E3%81%97.png") !important; } /* (B-0 恒久策) toppage.css は var(--hh-accent…) で変数化済。overlay(haru-season-*)で変数群を季節色に定義＝TOP側の var 由来ピンクを1点で全 recolor（ホワイトリスト追いかけの終息）。 ※春=既定ピンク据置。秋(haru-season-autumn)は別途のため今回は summer/winter のみ。 */ body.haru-season-summer{ --hh-accent:#0288d1; --hh-accent-rgb:2,136,209; --hh-accent-dark:#0277bd; --hh-accent-dark-rgb:2,119,189; --hh-accent-darker:#01579b; --hh-accent2:#5fc1ec; --hh-border:#cdebfb; --hh-border-soft:#cdebfb; --hh-border-soft-rgb:205,235,251; --hh-tint:#eaf7fd; --hh-tint-rgb:234,247,253; } body.haru-season-winter{ --hh-accent:#7b8794; --hh-accent-rgb:123,135,148; --hh-accent-dark:#6b7683; --hh-accent-dark-rgb:107,118,131; --hh-accent-darker:#5a6470; --hh-accent2:#aeb6c0; --hh-border:#dfe4ea; --hh-border-soft:#dfe4ea; --hh-border-soft-rgb:223,228,234; --hh-tint:#eef1f5; --hh-tint-rgb:238,241,245; } /* (B) 残ピンク一掃：§5/§7 未カバーのハードコード桃色(#D4537E/#B83A6B/#FBEAF0)を季節色へ。 subpage.css / haruhime.css / front-page.php インライン由来（＝変数化されておらず B-0 で拾えない分）。 */ /* --- 夏＝水色 --- */ body.haru-season-summer .haruhime-feature__catch, body.haru-season-summer .haruhime-plan__name, body.haru-season-summer .haruhime-plan__price, body.haru-season-summer .haruhime-faq__q, body.haru-season-summer .haruhime-faq__q::before, body.haru-season-summer .haruhime-page-payment__eyebrow, body.haru-season-summer .haruhime-page-payment__title, body.haru-season-summer .haruhime-page-payment__label, body.haru-season-summer .haruhime-page-mascot__title, body.haru-season-summer .haruhime-prose h3, body.haru-season-summer .hcmodal__title, body.haru-season-summer .haruhime-charity-grid__item::after{ color:#0288d1 !important; } body.haru-season-summer .haruhime-plan__badge{ background:#eaf7fd !important; color:#0288d1 !important; } body.haru-season-summer .haruhime-plan--featured{ border-color:#5fc1ec !important; } body.haru-season-summer .haruhime-charity-grid__item:focus-visible{ outline-color:#5fc1ec !important; } /* --- 冬＝銀 --- */ body.haru-season-winter .haruhime-feature__catch, body.haru-season-winter .haruhime-plan__name, body.haru-season-winter .haruhime-plan__price, body.haru-season-winter .haruhime-faq__q, body.haru-season-winter .haruhime-faq__q::before, body.haru-season-winter .haruhime-page-payment__eyebrow, body.haru-season-winter .haruhime-page-payment__title, body.haru-season-winter .haruhime-page-payment__label, body.haru-season-winter .haruhime-page-mascot__title, body.haru-season-winter .haruhime-prose h3, body.haru-season-winter .hcmodal__title, body.haru-season-winter .haruhime-charity-grid__item::after{ color:#7b8794 !important; } body.haru-season-winter .haruhime-plan__badge{ background:#eef1f5 !important; color:#7b8794 !important; } body.haru-season-winter .haruhime-plan--featured{ border-color:#c8ced6 !important; } body.haru-season-winter .haruhime-charity-grid__item:focus-visible{ outline-color:#c8ced6 !important; } /* (C) スマホヒーロー：§8 が背景を calc(50% - 15px) で左送りした際、前面キャラが追随せずズレる。前面マスコットにも同量 translateX(-15px) を当て背景と一体で左送り（≤768px・PC不変・全季共通=§8と同条件）。暗幕 .haruhime-hero__overlay は全面カバーのため据置（動かすと右端に隙間）。 ★B案（送り撤去）に切替えるなら §10-(C) と §8 を削除。実機目視必須。 */ @media (max-width: 768px) { .haruhime-hero__mascot{ transform: translateX(-15px) !important; } } /* ============ 11) ヘッダー右端フロスト切れ対策（backdrop-filter部分描画バグ回避・2026-07-02） ============ */ .haruhime-site-header{ backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } .haruhime-site-header__bgvideo{ filter:blur(3px) saturate(.9) brightness(1.12) !important; } /* ============ 12) 節の装飾円＋SNSボタン残ピンク一掃（::before/::after両方・全節・2026-07-02） ============ */ body.haru-season-summer :is(.haruhime-section-business,.haruhime-section-charity,.haruhime-section-promise,.haruhime-section-seasonal,.haruhime-section-store)::before, body.haru-season-summer :is(.haruhime-section-business,.haruhime-section-charity,.haruhime-section-promise,.haruhime-section-seasonal,.haruhime-section-store)::after{ background:rgba(2,136,209,.07) !important; } body.haru-season-summer .haruhime-sns__follow{ background:#0288d1 !important; } body.haru-season-autumn :is(.haruhime-section-business,.haruhime-section-charity,.haruhime-section-promise,.haruhime-section-seasonal,.haruhime-section-store)::before, body.haru-season-autumn :is(.haruhime-section-business,.haruhime-section-charity,.haruhime-section-promise,.haruhime-section-seasonal,.haruhime-section-store)::after{ background:rgba(200,144,30,.07) !important; } body.haru-season-autumn .haruhime-sns__follow{ background:#c8901e !important; } body.haru-season-winter :is(.haruhime-section-business,.haruhime-section-charity,.haruhime-section-promise,.haruhime-section-seasonal,.haruhime-section-store)::before, body.haru-season-winter :is(.haruhime-section-business,.haruhime-section-charity,.haruhime-section-promise,.haruhime-section-seasonal,.haruhime-section-store)::after{ background:rgba(123,135,148,.07) !important; } body.haru-season-winter .haruhime-sns__follow{ background:#7b8794 !important; } /* ============ 13) 影の桃色・サブページのベージュ・ボタンhover反応（2026-07-02） ============ */ /* (A/B) SNSフォロー／店舗グリッドの box-shadow 桃色残り → 季節色 */ body.haru-season-summer .haruhime-sns__follow{ box-shadow:0 6px 16px rgba(2,136,209,.30)!important; } body.haru-season-summer .haruhime-section-store__grid{ box-shadow:0 4px 16px rgba(2,136,209,.10)!important; } body.haru-season-autumn .haruhime-sns__follow{ box-shadow:0 6px 16px rgba(200,144,30,.30)!important; } body.haru-season-autumn .haruhime-section-store__grid{ box-shadow:0 4px 16px rgba(200,144,30,.10)!important; } body.haru-season-winter .haruhime-sns__follow{ box-shadow:0 6px 16px rgba(123,135,148,.30)!important; } body.haru-season-winter .haruhime-section-store__grid{ box-shadow:0 4px 16px rgba(123,135,148,.10)!important; } /* (C) サブページのクリーム背景(--tint=#fffaf5)＝夏でベージュ(秋色) → 季節の淡色へ */ body.haru-season-summer .haruhime-page-section--tint{ background:#f1fafe!important; } body.haru-season-autumn .haruhime-page-section--tint{ background:#fcf9f1!important; } /* 秋は暖色クリーム維持 */ body.haru-season-winter .haruhime-page-section--tint{ background:#f5f7fa!important; } /* (D) ボタンhover反応（全季共通）：primary=軽く沈む+持ち上げ／outline=白背景+文字が季節色に変化 */ .haruhime-button--primary{ transition:filter .15s, transform .15s, box-shadow .15s; } .haruhime-button--primary:hover,.haruhime-button--primary:focus-visible{ filter:brightness(.93); transform:translateY(-2px); box-shadow:0 14px 30px rgba(0,0,0,.18); } body.haru-season-summer .haruhime-button--outline:hover,body.haru-season-summer .haruhime-button--outline:focus-visible{ background:#fff!important; color:#0288d1!important; } body.haru-season-autumn .haruhime-button--outline:hover,body.haru-season-autumn .haruhime-button--outline:focus-visible{ background:#fff!important; color:#c8901e!important; } body.haru-season-winter .haruhime-button--outline:hover,body.haru-season-winter .haruhime-button--outline:focus-visible{ background:#fff!important; color:#7b8794!important; } /* ============ 14) サブページCTA(ライト背景)内のoutlineボタンが白で見えない → 季節色の線+文字（2026-07-02） ============ .haruhime-page-cta 文脈のみ。ヒーロー(.haruhime-hero__actions)の白outlineは濃色背景用なので不変。 */ body.haru-season-summer .haruhime-page-cta .haruhime-button--outline{ color:#0288d1!important; border-color:#0288d1!important; background:rgba(2,136,209,.06)!important; } body.haru-season-summer .haruhime-page-cta .haruhime-button--outline:hover, body.haru-season-summer .haruhime-page-cta .haruhime-button--outline:focus-visible{ background:#0288d1!important; color:#fff!important; } body.haru-season-autumn .haruhime-page-cta .haruhime-button--outline{ color:#c8901e!important; border-color:#c8901e!important; background:rgba(200,144,30,.06)!important; } body.haru-season-autumn .haruhime-page-cta .haruhime-button--outline:hover, body.haru-season-autumn .haruhime-page-cta .haruhime-button--outline:focus-visible{ background:#c8901e!important; color:#fff!important; } body.haru-season-winter .haruhime-page-cta .haruhime-button--outline{ color:#7b8794!important; border-color:#7b8794!important; background:rgba(123,135,148,.06)!important; } body.haru-season-winter .haruhime-page-cta .haruhime-button--outline:hover, body.haru-season-winter .haruhime-page-cta .haruhime-button--outline:focus-visible{ background:#7b8794!important; color:#fff!important; } /* ============ 16) 秋マスコット差替（全サブページ一括・夏/冬と同方式／2026-07-02） ============ §10-(A)は夏/冬のみ定義だった。秋を追加＝HARUHIMECHAN.png を秋キャラ(汎用=背景なし)へ。キーホルダー HARUHIMECHAN1.jpg は対象外。TOP hero/charity は seasonal-theme.php のJSが担当。 */ body.haru-season-autumn img[src*="HARUHIMECHAN.png"]{ content:url("https://haruhime.shop/wp-content/uploads/2026/06/%E3%81%AF%E3%82%8B%E5%A7%AB%E7%A7%8B%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E8%83%8C%E6%99%AF%E3%81%AA%E3%81%97.png") !important; } /* ============ 18) 秋サブページ文字色：桃残りを金へ（§7は見出し主群を秋対応済／これは§10-Bが夏冬のみで欠落した秋分＋sns_eyebrow＋本文中立） ============ 調査確定：§7は既に秋#c8901e対応済。桃残りの真因は §10-B(feature__catch/plan__name/__price/faq__q/ page-payment/page-mascot__title/prose/hcmodal/charity::after)が夏(961)冬(977)のみで秋欠落だったこと。ここで金へ。白ボタン(.haruhime-button/.haruhime-sns__follow/.haruhime-store-map__button)は元々対象外＝白維持で不変。 sns__eyebrow は桃(insta)のみ金へ、LINE緑(--line)は維持。 */ body.haru-season-autumn .haruhime-feature__catch, body.haru-season-autumn .haruhime-plan__name, body.haru-season-autumn .haruhime-plan__price, body.haru-season-autumn .haruhime-faq__q, body.haru-season-autumn .haruhime-faq__q::before, body.haru-season-autumn .haruhime-page-payment__eyebrow, body.haru-season-autumn .haruhime-page-payment__title, body.haru-season-autumn .haruhime-page-payment__label, body.haru-season-autumn .haruhime-page-mascot__title, body.haru-season-autumn .haruhime-prose h3, body.haru-season-autumn .hcmodal__title, body.haru-season-autumn .haruhime-charity-grid__item::after, body.haru-season-autumn .haruhime-sns__eyebrow--insta{ color:#c8901e !important; } body.haru-season-autumn .haruhime-plan__badge{ background:#fcf3e0 !important; color:#c8901e !important; } body.haru-season-autumn .haruhime-plan--featured{ border-color:#e8c98a !important; } body.haru-season-autumn .haruhime-charity-grid__item:focus-visible{ outline-color:#e8c98a !important; } /* 秋本文中立（暖色グレー・§7非対象） */ body.haru-season-autumn .haruhime-page-hero__lead, body.haru-season-autumn .haruhime-page-mascot__desc, body.haru-season-autumn .haruhime-page-payment__note{ color:#6b5d47 !important; } /* ============ 19) 冬サブページ文字色：§10-B(978)/§7で銀対応済のため、未カバーの sns_eyebrow ＋本文中立のみ追加 ============ */ body.haru-season-winter .haruhime-sns__eyebrow--insta{ color:#7b8794 !important; } /* 冬本文中立（寒色グレー・§7非対象） */ body.haru-season-winter .haruhime-page-hero__lead, body.haru-season-winter .haruhime-page-mascot__desc, body.haru-season-winter .haruhime-page-payment__note{ color:#59636e !important; }