/* ═══════════════════════════════════════════════ BAR SNOW — summer.css (one-day seasonal skin) EVERYTHING here is inert unless carries .theme-summer. Revert = remove that class. Base files stay untouched. ═══════════════════════════════════════════════ */ /* dormant by default */ .sbanner{display:none} .sribbon{display:none} .scrap--fish{display:none} /* ── summer palette hooks ── */ html.theme-summer{ --indigo:#2C4770; --indigo-deep:#22385A; --seigaiha:rgba(255,252,240,.09); } /* ── 本日開催の帯 (hero top, 藍染×青海波) ── */ html.theme-summer .sbanner{ position:relative;z-index:3; display:flex;align-items:center;justify-content:center;gap:14px; margin:0 auto 8px; padding:11px clamp(14px,3vw,28px) 10px; background: repeating-radial-gradient(circle at 25% 130%, transparent 0 9px, var(--seigaiha) 9px 10px, transparent 10px 22px), repeating-radial-gradient(circle at 75% 130%, transparent 0 9px, var(--seigaiha) 9px 10px, transparent 10px 22px), linear-gradient(180deg,var(--indigo),var(--indigo-deep)); color:var(--cream); font-family:var(--font-jp);font-weight:800; font-size:clamp(13px,1.7vw,16px);letter-spacing:.18em; border-top:1px solid rgba(237,231,218,.35); border-bottom:2px solid rgba(12,20,34,.65); box-shadow:0 3px 12px rgba(10,16,28,.35); transition:filter .3s; } html.theme-summer .sbanner:hover{filter:brightness(1.12)} html.theme-summer .sbanner i{ font-style:normal;font-size:9px;color:var(--amber-glow); } html.theme-summer .sbanner b{ font-family:var(--font-wood);font-weight:400;font-size:.82em;letter-spacing:.26em; color:var(--amber-soft,#E8B96A); } @media(max-width:560px){ html.theme-summer .sbanner{flex-wrap:wrap;gap:6px 10px;letter-spacing:.1em;text-align:center} } /* ── SPECIALボードの「本日開催」リボン ── */ html.theme-summer .sribbon{ position:absolute;left:-13px;top:22px;z-index:4; display:inline-block; background:linear-gradient(180deg,var(--indigo),var(--indigo-deep)); color:var(--cream); font-family:var(--font-jp);font-weight:800; font-size:13.5px;letter-spacing:.3em;text-indent:.3em; padding:8px 22px 7px; transform:rotate(-6deg); box-shadow:2px 3px 8px rgba(20,26,44,.35); } html.theme-summer .sribbon::before{ /* folded corner */ content:"";position:absolute;left:2px;top:100%; border:6px solid transparent;border-top-color:#17263D;border-left-color:#17263D; } /* ── 蛍の夜に合わせた微調整 ── */ html.theme-summer .hero{ background: radial-gradient(90% 90% at 78% 30%,rgba(120,160,90,.10),transparent 55%), radial-gradient(110% 80% at 72% 18%,#3A3A20 0%,transparent 60%), linear-gradient(180deg,var(--wood-800) 0%,var(--wood-900) 70%,var(--wood-950) 100%); } html.theme-summer .joinsec__window{ background:linear-gradient(180deg,#1B2A24 0%,#101B16 60%,#0A100C 100%); } /* ── 紙片の夏色 ── */ html.theme-summer .scrap--sprig{color:#5E7D4A} html.theme-summer .scrap--fish{ display:block; color:#D8402F;opacity:.82; filter:drop-shadow(1px 2px 2px rgba(60,30,16,.3)); } html.theme-summer .scrap__fish{width:100%;height:auto} /* ── 差し色の置き換え（クリーム帯の中の赤丸→藍） ── */ html.theme-summer .hero__marquee-track i{color:var(--indigo)} html.theme-summer .sec-head__eyebrow::before{background:var(--indigo);opacity:.8}