/* スナックひめのページだけの見た目（FBページの雰囲気：ワインレッド・ピンクの文字・カクテルグラス） */
.snack-page{--wine:#7a2230;--wine-deep:#4a141d;--rose:#f4b9d3;--cream:#fbf3ec}
.snack-page main{background:var(--cream);color:#3f2a2c}

/* 一番上：ぼかしたバーの写真にワインレッドを重ねる */
.snack-page .page-intro{position:relative;text-align:center;padding:30px 7% 56px;color:#fff3ea;border:0;background:linear-gradient(180deg,rgba(74,20,29,.55),rgba(74,20,29,.82)),url(assets/2026-10-24_snack-hero-bg.webp) center/cover no-repeat,var(--wine-deep)}
.snack-page .page-intro .back{display:block;text-align:left;color:#fbe3ec}
.snack-page .page-intro .eyebrow{color:var(--rose);letter-spacing:.18em;margin-top:18px}
.snack-page .page-intro h1{margin:10px auto 14px;text-align:center}
.snack-page .page-intro .snack-tagline{font-size:16px;line-height:2;margin:0}
.snack-page .page-intro .snack-open{margin:18px 0 0;font-size:12px;letter-spacing:.24em;color:var(--rose)}

/* 中身 */
.snack-page .snack-layout h2,.snack-page .snack-layout h3,.snack-page .gather-heading h2{color:var(--wine)}
.snack-page .snack-list li{background:#fff8f3;border:1px solid var(--rose);color:var(--wine-deep)}
.snack-page main .button{background:var(--wine);color:#fff3ea}
.snack-page main a:not(.button):not(.back){color:var(--wine)}

/* ご案内：えんじの線で囲んだ「お品書き」 */
.snack-page .snack-info{background:#fffaf6;border:2px solid var(--wine);outline:1px solid var(--wine);outline-offset:-8px;border-radius:6px}
.snack-page .snack-info .eyebrow{color:var(--wine);text-align:center;letter-spacing:.3em;font-size:14px}
.snack-page .snack-info dt{color:var(--wine)}

/* 開催日の一覧もえんじにそろえる */
.snack-page .event-card.is-snack{border-left-color:var(--wine);background:#fffaf6}
.snack-page .is-snack .event-kind{background:#fbe1ec;color:var(--wine)}
.snack-page .event-date,.snack-page .event-body h3{color:var(--wine-deep)}
.snack-page .event-meta,.snack-page .event-note{color:#5a4446}
.snack-page .is-snack .event-detail{color:var(--wine)}

@media(max-width:700px){
  .snack-page .page-intro{padding:20px 6% 42px}
  .snack-page .page-intro .snack-tagline{font-size:14px}
}

/* 店名：ネオンの看板（ひめはひらがな） */
.snack-page .page-intro .snack-mark{line-height:1.15;margin:18px auto 22px;display:inline-flex;flex-direction:column;align-items:center;position:relative}
.snack-page .snack-mark-sub,.snack-page .snack-mark-main{display:block;font-family:var(--hime-hand);color:#ffe3ef;text-shadow:0 0 6px #ff7fb6,0 0 16px #ff4f9a,0 0 32px rgba(255,79,154,.6)}
.snack-page .snack-mark-sub{font-size:clamp(22px,3vw,30px);letter-spacing:.3em;margin-top:6px}
.snack-page .snack-mark-main{font-size:clamp(64px,10vw,104px);letter-spacing:.12em}
.snack-page .snack-glass{width:34px;height:auto;color:#ffd0e4;filter:drop-shadow(0 0 6px #ff4f9a);position:absolute;right:-30px;top:4px}

/* スナックのページだけ、上の緑の帯（ヘッダー）を出さない。戻るボタンは一番上に残す */
.snack-page .header{display:none}
.snack-page .page-intro{padding-top:22px}
.snack-page .page-intro .back{display:inline-block;float:left;padding:6px 14px;border:1px solid rgba(244,185,211,.6);border-radius:999px;background:rgba(74,20,29,.35);font-size:13px;color:#fbe3ec}
.snack-page .page-intro .back+.eyebrow{clear:both;padding-top:16px}
/* 一番下の帯も、緑ではなくワインレッドに */
.snack-page footer{background:var(--wine-deep);border-color:rgba(255,255,255,.08);color:#f3dde3}
.snack-page footer a{color:#fbe3ec}

/* 出張の段（試作） */
.snack-page .snack-tour{padding-top:0;padding-bottom:10px}
.snack-page .snack-tour-card{max-width:760px;margin:0 auto;display:flex;gap:20px;align-items:flex-start;background:linear-gradient(135deg,#fff6ef,#fbe7ee);border:1px dashed var(--wine);border-radius:16px;padding:24px 26px}
.snack-page .snack-tour-icon{flex:0 0 44px;width:44px;color:#b07a2c}
.snack-page .snack-tour-eyebrow{margin:0;font-size:11px;letter-spacing:.3em;color:#b07a2c}
.snack-page .snack-tour h2{font-size:22px;margin:4px 0 8px;color:var(--wine)}
.snack-page .snack-tour p{font-size:14px;line-height:1.9;margin:0}
/* 開催日：出張の回は金色のラベル */
.snack-page .event-card.is-tour{border-left-color:#b07a2c}
.snack-page .is-tour .event-kind{background:#f7ead3;color:#8a5a14}

/* Facebookページへのリンク */
.snack-page .snack-fb-line{margin:6px 0 0;font-size:13px}
.snack-page .snack-fb{text-align:center;margin-top:34px}
.snack-page .snack-fb .small{margin-top:10px;font-size:12px}

/* オンラインスナックひめ（準備中の札） */
.snack-page .snack-online{max-width:760px;margin:16px auto 0;padding:18px 26px;border:1px solid #e8cfd7;border-radius:14px;background:#fffaf6}
.snack-page .snack-online h2{font-size:19px;margin:4px 0 6px;color:var(--wine);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.snack-page .snack-fuda{display:inline-block;font-size:12px;letter-spacing:.15em;padding:3px 10px 3px 12px;background:#fff;border:1.5px solid var(--wine);border-radius:3px;color:var(--wine);font-family:var(--hime-hand);box-shadow:2px 2px 0 rgba(122,34,48,.15);transform:rotate(-3deg)}
.snack-page .snack-online p:last-child{font-size:14px;margin:0}

/* 一番上：FBの表紙の写真（文字なし）をくっきり。1列で真ん中にそろえる（2026-10-25） */
.snack-page .page-intro{background:linear-gradient(180deg,rgba(74,20,29,.45),rgba(74,20,29,.7)),url(assets/2026-10-25_snack-hero-photo-soft.webp) center/cover no-repeat,var(--wine-deep);padding-bottom:64px}
.snack-page .page-intro .snack-tagline{text-shadow:0 1px 8px rgba(0,0,0,.6)}
@media(max-width:700px){
  .snack-page .page-intro{background:linear-gradient(180deg,rgba(74,20,29,.4),rgba(74,20,29,.7)),url(assets/2026-10-25_snack-hero-photo-soft-sp.webp) 62% center/cover no-repeat,var(--wine-deep)}
}

/* はじまりの話（もっと読む） */
.snack-page .snack-story{margin-top:10px;border-top:1px solid #e8cfd7;border-bottom:1px solid #e8cfd7}
.snack-page .snack-story summary{cursor:pointer;padding:12px 0;font-weight:700;color:var(--wine);font-size:15px}
.snack-page .snack-story[open] summary{margin-bottom:6px}
.snack-page .snack-story h4{font-size:16px;color:var(--wine);margin:18px 0 6px}
.snack-page .snack-story p{margin:0 0 10px}

/* 初めての方へ */
.snack-page .snack-faq{padding-top:10px;padding-bottom:30px}
.snack-page .snack-faq h2{max-width:760px;margin:0 auto 14px;font-size:22px;color:var(--wine)}
.snack-page .snack-faq dl{max-width:760px;margin:0 auto;background:#fffaf6;border:1px solid #e8cfd7;border-radius:14px;padding:6px 24px}
.snack-page .snack-faq dt{font-weight:700;color:var(--wine);padding-top:16px;font-size:15px}
.snack-page .snack-faq dt::before{content:"Q.";margin-right:8px;color:var(--rose);font-family:var(--hime-hand)}
.snack-page .snack-faq dd{margin:6px 0 0;padding-bottom:16px;font-size:14px;line-height:1.9;border-bottom:1px dashed #ead6dc}
.snack-page .snack-faq dd:last-child{border-bottom:0}