/* ═══ Shiki の予約ページの見た目（2026-11-03 Aki「予約するページは Ciel と同じじゃなくていい」）
   style.css（Ciel 由来・白×グレーのガラス）の上に被せる。黒×金×明朝＝公式サイト（/site/）と同じ世界。
   構造・JS は触らない。色・字・角だけ。 ═══ */
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600&family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Sans+Thai:wght@300;400;500;700&family=Cormorant+Garamond:wght@400;500&display=swap');
:root{
  --grn:#c9a063 !important;--grn2:#e6d3ab !important;--grn-s:rgba(201,160,99,.12) !important;--grn-m:rgba(201,160,99,.22) !important;
  --text:#f2f4f3 !important;--sub:rgba(242,244,243,.72) !important;--muted:rgba(242,244,243,.48) !important;--border:rgba(255,255,255,.1) !important;
  --sk-bg:#0b0b0b;--sk-sf:#151515;--sk-sf2:#1c1c1c;--sk-line:rgba(255,255,255,.1);--sk-gold:#c9a063;--sk-gold2:#e6d3ab;
  --f-title:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;--f-body:"Noto Sans JP","Noto Sans Thai","Hiragino Sans",sans-serif;--f-lat:"Cormorant Garamond","Times New Roman",serif;
  color-scheme:dark;
}
html,body{background:var(--sk-bg) !important;color:var(--text);font-family:var(--f-body) !important;letter-spacing:.02em}
body{padding:0 !important}
/* 枠（スマホ風フレーム）は使わない。中身を幅いっぱいの黒に */
.phone{background:var(--sk-bg) !important;box-shadow:none !important;border:none !important;border-radius:0 !important;width:100% !important;max-width:none !important;height:auto !important;min-height:calc(100dvh - 56px)}
.phone::before,.phone::after{display:none !important}
.notch,.sb{display:none !important}
/* 上の帯・下の帯 */
.site-head{background:rgba(11,11,11,.86) !important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--sk-line) !important;color:#fff}
.sh-name{color:#fff !important;font-family:var(--f-lat);font-weight:500 !important;font-size:18px !important;letter-spacing:.18em !important}
.sh-name small{color:var(--sk-gold) !important;font-family:var(--f-body);letter-spacing:.3em}
.sh-brand img{border-radius:0 !important;filter:brightness(1.1)}
.sh-tel{color:var(--sub) !important}
.sh-langs button{color:var(--sub) !important}
.sh-cta{background:var(--sk-gold) !important;color:#0b0b0b !important;border-radius:0 !important;font-weight:600 !important;letter-spacing:.08em}
.site-foot{background:#0b0b0b !important;color:var(--sub) !important;border-top:1px solid var(--sk-line)}
.sf-brand,.sf-h{color:#fff !important}.site-foot a{color:var(--sk-gold2) !important}
/* 画面の地・ナビ */
.scr,.sc{background:transparent !important}
.nav{background:rgba(11,11,11,.8) !important;border-bottom:1px solid var(--sk-line) !important;height:56px !important}
.nav-t{color:#fff !important;font-family:var(--f-title);font-weight:500 !important;font-size:17px !important;letter-spacing:.2em}
.nav-back{background:transparent !important;border:1px solid rgba(255,255,255,.35) !important;color:#fff !important}
.bot{background:rgba(11,11,11,.85) !important;border-top:1px solid var(--sk-line) !important}
/* タブ・フィルタ・件数 */
.mtabs,.frow,.crow,.sdhead,.stsec,.dtsec-h,.wknav{background:transparent !important;border-color:var(--sk-line) !important}
.mtab{background:transparent !important;border:1px solid var(--sk-line) !important;border-bottom:none !important;color:var(--sub) !important;border-radius:0 !important;font-weight:500 !important}
.mtab.on{color:var(--sk-gold) !important;border-color:var(--sk-gold) !important;background:rgba(201,160,99,.08) !important}
.crow{border-bottom:1px solid var(--sk-gold) !important}.crow b{color:var(--sk-gold) !important}
.frow,.crow{color:var(--muted) !important}.frow-r{color:var(--sk-gold) !important}
.mlist-sec,.stsec-t,.dtsec-t,.info-sec,.conf-sec2{color:var(--sk-gold) !important;background:transparent !important;font-family:var(--f-title);font-weight:500 !important;letter-spacing:.2em;border-color:var(--sk-line) !important}
/* メニューのカード */
.mcard,.hbk-card,.mlist-item,.modal-row,.coin-card,.suc-card,.pol-card,.q-card,.home-banner{background:var(--sk-sf) !important;border:1px solid var(--sk-line) !important;border-radius:0 !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
.mcard:active{transform:none !important;border-color:var(--sk-gold) !important}
.mcard-title,.mlist-name,.modal-name,.hbk-menu,.sdhead-mn,.notice-hero-t,.pol-title,.suc-t,.home-sh,.conf-coupon-name,.q-q{color:#fff !important;font-family:var(--f-title) !important;font-weight:500 !important;letter-spacing:.08em}
.mcard-price,.mlist-price,.modal-price,.hbk-price,.sdhead-mv,.conf-coupon-price{color:var(--sk-gold2) !important;font-family:var(--f-lat) !important;font-weight:500 !important;font-size:1.15em}
.mcard-desc,.mlist-desc,.modal-info,.modal-dur,.hbk-meta,.sdhead-dur,.info-hint,.info-note,.conf-l2,.notice-item-body,.pol-body,.suc-s,.home-tagline{color:var(--sub) !important}
.mcard-body,.mcard-head,.mcard-top,.mcard-divider,.mcard-btns{background:transparent !important;border-color:var(--sk-line) !important}
.mcard-badge,.mtag,.conf-coupon-badge,.conf-coupon-tag,.info-req,.home-coin-chip{background:transparent !important;color:var(--sk-gold) !important;border:1px solid var(--sk-gold) !important;border-radius:0 !important}
.mlist-arr{color:var(--sk-gold) !important}
.mcard-img{filter:brightness(.85)}
/* 担当・日時 */
.stpill{background:transparent !important;border:1px solid var(--sk-line) !important;color:var(--sub) !important;border-radius:0 !important}
.stpill.on{border-color:var(--sk-gold) !important;color:var(--sk-gold) !important;background:rgba(201,160,99,.08) !important}
.wkbtn{background:transparent !important;border:1px solid var(--sk-line) !important;color:#fff !important;border-radius:0 !important}
.wkmonth{color:#fff !important;font-family:var(--f-title)}
.gtable,.gscroll{background:transparent !important}
.gheader{background:var(--sk-bg) !important;border-bottom:1px solid var(--sk-line) !important}
.g-dh,.g-tc,.g-tcol{background:var(--sk-bg) !important;border-color:var(--sk-line) !important}
.g-dh.today-col{background:rgba(201,160,99,.08) !important}
.g-dn{color:#fff !important;font-family:var(--f-lat);font-weight:500 !important;font-size:18px !important}
.g-dow{color:var(--muted) !important}
.g-dh.sun .g-dn,.g-dh.sun .g-dow{color:#e08a8a !important}.g-dh.sat .g-dn,.g-dh.sat .g-dow{color:#8ab4e0 !important}
.g-tc{color:var(--muted) !important}
.grow.grow-h{border-top:1px solid var(--sk-line) !important}
.g-cell{background:transparent !important;border-color:var(--sk-line) !important}
.g-cell.today{background:rgba(201,160,99,.04) !important}
.g-cell:not(.na):not(.closed):hover{background:rgba(201,160,99,.1) !important}
.g-cell.sel{background:rgba(201,160,99,.16) !important}
.gcircle{border-color:var(--sk-gold) !important;color:var(--sk-gold) !important;background:transparent !important}
.gcircle.gtri{border-color:rgba(201,160,99,.5) !important;color:rgba(201,160,99,.7) !important}
.g-cell.sel .gcircle{background:var(--sk-gold) !important;color:#0b0b0b !important;border-color:var(--sk-gold) !important}
.gx{color:rgba(255,255,255,.3) !important}.gdash{color:rgba(255,255,255,.15) !important}
/* 入力 */
.info-input,.info-textarea,.tel-cc,.tel-num,input.info-input,select,textarea{background:var(--sk-sf) !important;border:1px solid var(--sk-line) !important;color:#fff !important;border-radius:0 !important;font-family:var(--f-body) !important}
.info-input:focus,.info-textarea:focus{border-color:var(--sk-gold) !important;background:var(--sk-sf2) !important}
.info-input::placeholder,.info-textarea::placeholder{color:rgba(255,255,255,.3)}
.info-label,.info-field-label,.radio-label,.notice-cb-label,.info-row,.info-row-inner{color:var(--text) !important}
.info-row,.info-row-inner,.info-field-wrap{background:transparent !important;border-color:var(--sk-line) !important}
.radio-circle{border-color:rgba(255,255,255,.45) !important;background:transparent !important}
.radio-dot,.info-cb:checked{background:var(--sk-gold) !important;border-color:var(--sk-gold) !important}
.info-cb,.notice-cb2{accent-color:var(--sk-gold)}
.tel-cc-arrow{color:var(--sub) !important}
.info-edit-badge{background:transparent !important;color:var(--sk-gold) !important;border:1px solid var(--sk-gold) !important}
/* 確認・注意事項・完了 */
.conf-steps{background:transparent !important;border-bottom:1px solid var(--sk-line) !important}
.conf-step{background:transparent !important;color:var(--muted) !important}
.conf-step.now{background:var(--sk-gold) !important;color:#0b0b0b !important}
.conf-step.done{background:rgba(201,160,99,.18) !important;color:var(--sk-gold2) !important}
.conf-step-arrow,.conf-step.now .conf-step-arrow,.conf-step.done .conf-step-arrow{display:none !important}
.conf-row2{background:transparent !important;border-bottom:1px solid var(--sk-line) !important}
.conf-r2,.conf-coupon{color:#fff !important;background:transparent !important;border-color:var(--sk-line) !important}
.conf-warn{background:rgba(201,160,99,.06) !important;border:1px solid rgba(201,160,99,.4) !important;border-radius:0 !important}
.conf-warn-t{color:#fff !important}.conf-warn-s{color:var(--sub) !important}
.conf-privacy{color:var(--sub) !important}
.notice-hero,.notice-item,.notice-content,.notice-sc,.pol-sc,.conf-sc{background:transparent !important;border-color:var(--sk-line) !important}
.notice-item-title{color:#fff !important;font-family:var(--f-title)}
.notice-num{background:transparent !important;color:var(--sk-gold) !important;border:1px solid var(--sk-gold) !important}
.notice-vline{background:var(--sk-line) !important}
.notice-cb-row{background:var(--sk-sf) !important;border:1px solid var(--sk-line) !important;border-radius:0 !important}
.suc-icon{background:transparent !important;color:var(--sk-gold) !important;border:1px solid var(--sk-gold) !important}
.suc-row{border-color:var(--sk-line) !important}.suc-l{color:var(--muted) !important}.suc-r,.suc-rp{color:#fff !important}
/* ボタン */
.btn-book,.btn-book-lg,.btn-green,.btn-modal-add,.q-go{background:var(--sk-gold) !important;color:#0b0b0b !important;border-radius:0 !important;box-shadow:none !important;font-weight:600 !important;letter-spacing:.1em;border:none !important;font-family:var(--f-body) !important}
.btn-book.btn-disabled,.btn-disabled{background:rgba(255,255,255,.12) !important;color:rgba(255,255,255,.35) !important}
.btn-sub,.btn-outline,.btn-modal-skip,.hbk-cancel,.q-back{background:transparent !important;border:1px solid rgba(255,255,255,.4) !important;color:#fff !important;border-radius:0 !important;backdrop-filter:none !important;font-weight:500 !important}
/* モーダル・国番号 */
.modal-overlay{background:rgba(0,0,0,.7) !important}
.modal-sheet,#cc-picker>div{background:var(--sk-sf) !important;color:#fff;border-radius:0 !important;border-top:1px solid var(--sk-gold)}
.modal-head,.modal-cats,.modal-bot,.modal-sec{background:transparent !important;border-color:var(--sk-line) !important}
.modal-title{color:#fff !important;font-family:var(--f-title) !important;font-weight:500 !important}
.modal-count,.modal-sel-info{color:var(--sub) !important}
.modal-close{color:#fff !important;background:transparent !important;border:1px solid rgba(255,255,255,.3) !important}
.mct{background:transparent !important;border:1px solid var(--sk-line) !important;color:var(--sub) !important;border-radius:0 !important}
.mct.on{border-color:var(--sk-gold) !important;color:var(--sk-gold) !important}
.modal-cb{border-color:rgba(255,255,255,.45) !important;background:transparent !important}
#cc-list>div{color:#fff !important;border-color:var(--sk-line) !important}
/* ホーム（マイページ）・コイン */
.home-sc,.home-book-area,.home-empty{background:transparent !important}
.home-brand,.home-empty-t,.hbk-date,.hbk-st,.coin-card-title,.coin-row-l,.coin-row-r{color:#fff !important}
.home-coin-chip-label{color:var(--sub) !important}.home-coin-chip-val{color:var(--sk-gold) !important}
.coin-divider{background:var(--sk-line) !important}.coin-earn,.coin-after{color:var(--sk-gold2) !important}
.tabbar{background:rgba(11,11,11,.9) !important;border-top:1px solid var(--sk-line) !important}
.tabbar *{color:var(--sub) !important}.tabbar .on,.tabbar .on *{color:var(--sk-gold) !important}
/* 🎁 ギフト券の入口・ランク表の枠など、style.css 外のインライン白背景 */
#gift-entry,#gift-entry *{color:var(--text)}
[style*="background:#fff"],[style*="background:#ffffff"],[style*="background: #fff"],[style*="background:#fafafa"],[style*="background:#f5f5f5"],[style*="background:#f8f8f8"],[style*="background:#f6f6f6"],[style*="background:#fff9f9"]{background:var(--sk-sf) !important;color:var(--text)}
[style*="color:#111"],[style*="color:#222"],[style*="color:#333"],[style*="color:#1b1c1e"]{color:var(--text) !important}
[style*="color:#555"],[style*="color:#666"],[style*="color:#888"],[style*="color:#999"]{color:var(--sub) !important}
[style*="border:1px solid #eee"],[style*="border-bottom:1px solid #eee"],[style*="border:1px solid #ddd"],[style*="border-top:1px solid #eee"]{border-color:var(--sk-line) !important}
a{color:var(--sk-gold2)}
::selection{background:var(--sk-gold);color:#0b0b0b}

/* Shiki にクーポンの仕組みは要らない（Ciel 由来のタブ・件数・絞り込みを隠す）。クーポンを作れば cpn-list に出るので、それ以外を隠す */
#s-menu .frow,#s-menu .mtabs,#s-menu .crow,#cpn-sec-h{display:none !important}
#cpn-list:empty+div{display:none}
#s-menu .mlist-sec{margin-top:4px}
.sh-cta{white-space:nowrap;font-size:12px !important;padding:10px 14px !important}
@media(max-width:400px){.sh-tel{display:none}}
/* 上の帯を 1 行に（ロゴ・店名・言語・予約）。ナビの貼り付き位置を帯の高さに合わせる */
.site-head{height:56px !important;padding:0 14px !important;display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:950}
.sh-brand{gap:8px !important}.sh-brand img{width:28px !important;height:28px !important}
.sh-name{font-size:14px !important;letter-spacing:.16em !important;line-height:1.1 !important;white-space:nowrap}
.sh-name small{display:none}
.sh-nav{display:flex !important;align-items:center;gap:10px}
.sh-langs{display:flex !important;gap:2px}
.sh-langs button{padding:4px 6px !important;font-size:11px !important}
.sh-tel{display:none !important}
.sh-cta{padding:8px 12px !important;font-size:11.5px !important}
.nav{top:56px !important;border-radius:0 !important}
@media(max-width:520px){.sh-cta{display:none !important}}
@media(min-width:900px){.sh-tel{display:inline !important}.sh-name{font-size:17px !important}}
/* クーポンの箱はクーポンがある時だけ */
#cpn-list:not(:has(.mcard)){display:none !important}
/* 注意事項の強調 */
.notice-item-body strong,.notice-item-body b,.pol-body b,.pol-body strong,.conf-sc strong,.notice-content strong{color:var(--sk-gold2) !important}
[style*="background:#f8f6ef"]{background:rgba(201,160,99,.08) !important;color:var(--sk-gold2) !important;border-color:var(--sk-gold) !important}

/* ═══ コースを選ぶ（shiki-menu.js）: 竹の印・見出し・道しるべ・札 ═══ */
.sk-menu #s-menu .nav-t{display:none}
.sk-menu #s-menu .nav{background:transparent !important;border:none !important;position:absolute;left:0;top:0;width:auto}
.sk-menu #s-menu .sc{padding:0 16px 40px !important}
.sk-entry{text-align:center;padding:26px 0 10px}
.sk-mark{width:54px;height:auto;color:var(--sk-gold);display:block;margin:0 auto 10px;overflow:visible}
.sk-sub{font-family:var(--f-lat);font-size:11px;letter-spacing:.32em;color:var(--sk-gold2);opacity:.8}
.sk-h{margin:8px 0 0;font-family:var(--f-title);font-weight:500;font-size:26px;letter-spacing:.3em;padding-left:.3em;color:#fff}
html[lang=th] .sk-h,html[lang=en] .sk-h{letter-spacing:.12em;padding-left:.12em}
.sk-lead{margin:12px auto 0;max-width:30em;font-size:13px;line-height:1.9;color:var(--sub)}
.sk-steps{list-style:none;margin:22px auto 0;padding:0;display:flex;justify-content:center;gap:0;max-width:420px}
.sk-steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;color:rgba(255,255,255,.35)}
.sk-steps li+li::before{content:"";position:absolute;left:calc(-50% + 16px);right:calc(50% + 16px);top:15px;height:1px;background:var(--sk-line)}
.sk-steps .n{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;font-family:var(--f-title);font-size:14px}
.sk-steps .l{font-size:10.5px;letter-spacing:.1em;white-space:nowrap}
.sk-steps li.now{color:#fff}.sk-steps li.now .n{border-color:var(--sk-gold);background:var(--sk-gold);color:#0b0b0b}
.sk-sec{margin-top:34px}
.sk-st{display:flex;align-items:center;gap:14px;margin:0 0 14px;font-family:var(--f-title);font-weight:500;font-size:15px;letter-spacing:.3em;color:var(--sk-gold2)}
.sk-st i{flex:1;height:1px;background:var(--sk-line)}
.sk-fuda{display:grid;grid-template-columns:64px minmax(0,1fr);background:var(--sk-sf);border:1px solid var(--sk-line);margin-bottom:12px;cursor:pointer;position:relative;transition:border-color .3s}
.sk-fuda::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--sk-gold),rgba(201,160,99,.2))}
.sk-fuda:active,.sk-fuda:hover{border-color:var(--sk-gold)}
.sk-k{display:grid;place-items:center;font-family:var(--f-title);font-size:36px;color:#fff;border-right:1px solid var(--sk-line);background:linear-gradient(180deg,rgba(201,160,99,.08),transparent)}
.sk-body{padding:14px 14px 12px;min-width:0}
.sk-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.sk-latin{font-family:var(--f-lat);font-size:22px;letter-spacing:.14em;color:#fff;line-height:1.1}
html[lang=th] .sk-latin{font-family:var(--f-body);font-size:17px;letter-spacing:0}
.sk-tag{font-size:10px;letter-spacing:.2em;border:1px solid var(--sk-gold);color:var(--sk-gold);padding:2px 8px}
.sk-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:8px}
.sk-dur{font-size:12px;letter-spacing:.1em;color:var(--sub)}
.sk-price b{font-family:var(--f-lat);font-weight:500;font-size:24px;color:var(--sk-gold2);font-variant-numeric:lining-nums tabular-nums}
.sk-price .sk-p0{color:var(--sk-gold)}.sk-pass{display:block;font-size:10px;color:var(--sk-gold);letter-spacing:.05em;text-align:right}
.sk-desc{margin:10px 0 0;font-size:12.5px;line-height:1.8;color:var(--sub)}
.sk-more{margin-top:6px;font-size:12px}
.sk-more summary{cursor:pointer;color:var(--sk-gold2);list-style:none;letter-spacing:.1em}
.sk-more summary::-webkit-details-marker{display:none}
.sk-more summary::after{content:" ▾";font-size:10px}
.sk-more[open] summary::after{content:" ▴"}
.sk-more p{margin:8px 0 0;color:var(--sub);line-height:1.8}
.sk-go{margin-top:12px;padding-top:10px;border-top:1px solid var(--sk-line);font-size:12.5px;letter-spacing:.14em;color:#fff;display:flex;justify-content:space-between}
.sk-go span{color:var(--sk-gold)}
.sk-thai{cursor:default}
.sk-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.sk-pill{all:unset;cursor:pointer;box-sizing:border-box;border:1px solid var(--sk-line);padding:10px 6px;text-align:center;display:grid;gap:4px;transition:border-color .3s,background .3s}
.sk-pill:hover,.sk-pill:active{border-color:var(--sk-gold);background:rgba(201,160,99,.08)}
.sk-pill .d{font-family:var(--f-title);font-size:18px;color:#fff}.sk-pill .d small{font-size:11px;margin-left:2px;color:var(--sub)}
.sk-pill .p b{font-size:16px}
@media(min-width:900px){.sk-menu #s-menu .sc{padding:0 32px 60px !important}.sk-entry{padding-top:40px}.sk-h{font-size:32px}.sk-sec{max-width:980px;margin-left:auto;margin-right:auto}.sk-fuda{grid-template-columns:84px minmax(0,1fr)}.sk-k{font-size:44px}.sk-body{padding:18px 22px 16px}.sk-sec:has(.sk-thai){display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.sk-sec:has(.sk-thai) .sk-st{grid-column:1/-1}}
.sh-langs button{white-space:nowrap}
.sk-menu #s-menu .nav-back{position:absolute;left:10px;top:10px}