@charset "UTF-8";
/* =====================================================================
   bi-studio v1（2026-10-08）— 「AI感」を抜いて、動きのある編集デザインへ
   ・黒×金×明朝のリッチさは残す
   ・全部中央揃え／英字の小見出し＋金の下線／同じ暗さの連続 をやめる
     → 左揃えの大きな見出し、和紙色のセクションで緩急、実写真、動き
   ・配信: Code Snippets「bi-studio v1（CSS）」head-content。原本はこのファイル
   ・JS が html に .st-ready を付けたときだけ「隠してから出す」状態にする（JSが落ちても全部見える）
   ===================================================================== */
:root{
  --st-ink:#0b0b0b; --st-ink2:#141210;
  --st-paper:#f1ebdf; --st-paper2:#e7dfcf; --st-sumi:#1d1a16; --st-sumi2:#5a5248;
  --st-gold:#c9a25b; --st-gold-lt:#e3c98f; --st-gold-dk:#8b6727; --st-shu:#b8452c;
  --st-ease:cubic-bezier(.19,.72,.1,1);
  --st-mincho:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;
  --st-roman:"Cormorant Garamond",Georgia,serif;
}

/* ---------- 0. 出現アニメーション（共通） ---------- */
html.st-ready [data-st-rise]{ opacity:0; transform:translate3d(0,32px,0); transition:opacity 1s var(--st-ease), transform 1.1s var(--st-ease); transition-delay:var(--st-d,0s); }
html.st-ready [data-st-rise].is-in{ opacity:1; transform:none; }
.st-line{ display:block; overflow:hidden; padding-bottom:.1em; margin-bottom:-.1em; }
.st-line > .st-in{ display:inline-block; }
html.st-ready .st-line > .st-in{ transform:translate3d(0,108%,0); transition:transform 1.15s var(--st-ease); transition-delay:var(--st-d,0s); }
html.st-ready .is-in .st-line > .st-in{ transform:none; }
html.st-ready [data-st-img]{ clip-path:inset(0 0 100% 0); transition:clip-path 1.3s var(--st-ease); transition-delay:var(--st-d,0s); }
html.st-ready [data-st-img].is-in{ clip-path:inset(0 0 0 0); }
html.st-ready [data-st-img] img{ transform:scale(1.14); transition:transform 1.8s var(--st-ease); transition-delay:var(--st-d,0s); }
html.st-ready [data-st-img].is-in img{ transform:scale(1); }

/* ---------- 1. 初回だけの幕（トップ・セッション1回。head 側が html.st-cur を付けて2秒で外す） ---------- */
html.st-cur body::before{ content:""; position:fixed; inset:0; z-index:100000; background:var(--st-ink); pointer-events:none; animation:st-curtain-up .85s var(--st-ease) .8s forwards; }
html.st-cur body::after{ content:"飲食の挑戦を、確信へ。"; position:fixed; left:50%; top:50%; z-index:100001; transform:translate(-50%,-30%); opacity:0; white-space:nowrap; font-family:var(--st-mincho); font-weight:600; color:var(--st-gold-lt); font-size:clamp(18px,2.4vw,30px); letter-spacing:.24em; pointer-events:none; animation:st-curtain-txt 1.25s var(--st-ease) .05s forwards; }
@keyframes st-curtain-txt{ 35%{ opacity:1; transform:translate(-50%,-50%); } 70%{ opacity:1; transform:translate(-50%,-50%); } 100%{ opacity:0; transform:translate(-50%,-70%); } }
@keyframes st-curtain-up{ to{ transform:translateY(-100%); visibility:hidden; } }

/* ---------- 2. トップ: ヒーロー ---------- */
#body_wrap.home .bi-hero__content{ text-align:left !important; max-width:1120px !important; margin:0 auto !important; padding-inline:clamp(20px,4vw,48px) !important; }
#body_wrap.home .bi-hero__tagline, #body_wrap.home .bi-hero__kicker{ text-align:left !important; margin-left:0 !important; }
#body_wrap.home .bi-hero__title{ text-align:left !important; font-size:clamp(38px,6.4vw,96px) !important; line-height:1.18 !important; letter-spacing:.01em !important; margin:.2em 0 .5em !important; font-weight:600 !important; }
#body_wrap.home .bi-hero__lead{ text-align:left !important; max-width:30em; margin-left:0 !important; margin-right:auto !important; font-size:clamp(14px,1.25vw,16px) !important; line-height:2 !important; opacity:.88; }
#body_wrap.home .bi-hero__lead--strong{ opacity:1; border-left:2px solid var(--st-gold); padding-left:1em; }
#body_wrap.home .bi-hero .bi-cta, #body_wrap.home .bi-hero .bi-tags{ justify-content:flex-start !important; text-align:left !important; }
#body_wrap.home .bi-hero .bi-hero__bg video{ animation:st-kenburns 24s ease-in-out infinite alternate; }
@keyframes st-kenburns{ from{ transform:scale(1.04); } to{ transform:scale(1.14) translate3d(-1.5%,-1%,0); } }
/* 回転バッジ（JSで差し込む） */
.st-badge{ position:absolute; right:clamp(16px,5vw,72px); bottom:clamp(24px,6vh,72px); width:clamp(104px,11vw,148px); aspect-ratio:1; z-index:5; color:var(--st-gold-lt); text-decoration:none !important; display:block; }
.st-badge svg{ width:100%; height:100%; display:block; animation:st-rot 22s linear infinite; }
.st-badge text{ font-family:var(--st-roman); font-style:italic; font-size:11.2px; letter-spacing:2.4px; fill:currentColor; }
.st-badge__c{ position:absolute; inset:28%; border-radius:50%; background:var(--st-gold); color:var(--st-ink); display:flex; align-items:center; justify-content:center; font-family:var(--st-mincho); font-size:clamp(12px,1.1vw,14px); font-weight:700; letter-spacing:.08em; line-height:1.3; text-align:center; transition:transform .5s var(--st-ease), background .3s; }
.st-badge:hover .st-badge__c{ transform:scale(1.08) rotate(-6deg); background:var(--st-gold-lt); }
@keyframes st-rot{ to{ transform:rotate(360deg); } }
/* スクロール案内 */
.st-scroll{ position:absolute; left:clamp(16px,3vw,40px); bottom:0; z-index:5; display:flex; flex-direction:column; align-items:center; gap:10px; color:rgba(255,255,255,.7); font-family:var(--st-roman); font-style:italic; font-size:12px; letter-spacing:.24em; writing-mode:vertical-rl; }
.st-scroll::after{ content:""; width:1px; height:72px; background:linear-gradient(var(--st-gold),transparent); animation:st-drip 2.2s var(--st-ease) infinite; transform-origin:top; }
@keyframes st-drip{ 0%{ transform:scaleY(0); opacity:1; } 60%{ transform:scaleY(1); opacity:1; } 100%{ transform:scaleY(1); opacity:0; } }

/* ---------- 3. マーキー: 2026-10-11 オーナー指摘「大きすぎてダサい」→ 上書きをやめて元の小さなティッカーに戻した ---------- */

/* ---------- 4. 見出しを「左揃え・大きく」（トップ） ---------- */
#body_wrap.home .bi-sec__head, #body_wrap.home .bi-news__head{ text-align:left !important; max-width:1120px !important; margin-left:auto !important; margin-right:auto !important; }
#body_wrap.home .bi-sec__kicker, #body_wrap.home .bi-eyebrow, #body_wrap.home .bi-faqg__kicker{ text-align:left !important; display:flex !important; align-items:center; gap:14px; font-family:var(--st-roman) !important; font-style:italic; font-size:clamp(14px,1.2vw,16px) !important; letter-spacing:.14em !important; color:var(--st-gold) !important; margin:0 0 18px !important; }
#body_wrap.home .bi-sec__kicker::before, #body_wrap.home .bi-eyebrow::before, #body_wrap.home .bi-faqg__kicker::before{ content:attr(data-st-no); font-style:normal; font-family:var(--st-roman); font-size:1.05em; letter-spacing:.06em; color:inherit; }
#body_wrap.home .bi-sec__kicker::after, #body_wrap.home .bi-eyebrow::after, #body_wrap.home .bi-faqg__kicker::after{ content:""; order:-1; width:44px; height:1px; background:currentColor; opacity:.7; display:block !important; position:static !important; margin:0 !important; }
#body_wrap.home .bi-sec__title, #body_wrap.home .bi-solutions .bi-h2, #body_wrap.home .bi-news .bi-h2, #body_wrap.home .bi-contact .bi-h2, #body_wrap.home .bi-faqg__title{ text-align:left !important; font-size:clamp(30px,4.4vw,62px) !important; line-height:1.28 !important; letter-spacing:.015em !important; font-weight:600 !important; margin:0 0 .5em !important; max-width:18em; }
#body_wrap.home .bi-sec__title::after, #body_wrap.home .bi-h2::after, #body_wrap.home .bi-faqg__title::after, #body_wrap.home .bi-secTitle::after{ display:none !important; }
#body_wrap.home .bi-secTitle, #body_wrap.home .bi-solutions .bi-inner > .bi-secTitle{ text-align:left !important; max-width:1120px; margin-left:auto !important; margin-right:auto !important; }
#body_wrap.home .bi-sec__lead, #body_wrap.home .bi-solutions .bi-lead, #body_wrap.home .bi-news .bi-lead, #body_wrap.home .bi-contact .bi-lead{ text-align:left !important; max-width:34em !important; margin-left:0 !important; margin-right:auto !important; line-height:2 !important; opacity:.82; }
#body_wrap.home .bi-solutions .bi-inner > .bi-eyebrow, #body_wrap.home .bi-solutions .bi-inner > .bi-lead, #body_wrap.home .bi-news .bi-inner > .bi-eyebrow, #body_wrap.home .bi-contact .bi-inner > .bi-eyebrow, #body_wrap.home .bi-contact .bi-inner > .bi-lead{ max-width:1120px; margin-left:auto !important; margin-right:auto !important; }
#body_wrap.home .bi-faqg{ text-align:left !important; }
@media (min-width:960px){
  #body_wrap.home .bi-sec__head{ display:grid !important; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); column-gap:clamp(32px,5vw,80px); align-items:end; }
  #body_wrap.home .bi-sec__kicker{ grid-column:1 / -1; }
  #body_wrap.home .bi-sec__title{ grid-column:1; margin-bottom:0 !important; }
  #body_wrap.home .bi-sec__lead{ grid-column:2; margin-bottom:.4em !important; }
}

html body #body_wrap.home .bi-lead, html body #body_wrap.home .bi-sec__lead, html body #body_wrap.home p.bi-hero__lead, html body #body_wrap.home .bi-svc__lead, html body #body_wrap.home .bi-why__d, html body #body_wrap.home .bi-flow__d, html body .st-photos__p, html body .bi-cm p{ word-break:normal !important; line-break:strict !important; overflow-wrap:break-word !important; }

/* ---------- 5. トップ: 事業カード ---------- */
#body_wrap.home .bi-svc{ position:relative; isolation:isolate; overflow:hidden; background:rgba(255,255,255,.02) !important; border:1px solid rgba(255,255,255,.09) !important; border-radius:6px !important; box-shadow:none !important; transition:border-color .5s var(--st-ease), transform .7s var(--st-ease), opacity 1s var(--st-ease) !important; transition-delay:0s, 0s, var(--st-d,0s) !important; }
#body_wrap.home .bi-svc::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(201,162,91,0) 0%,rgba(201,162,91,.16) 100%); transform:scaleY(0); transform-origin:bottom; transition:transform .7s var(--st-ease); }
#body_wrap.home .bi-svc:hover{ border-color:rgba(201,162,91,.55) !important; transform:translateY(-6px); }
#body_wrap.home .bi-svc:hover::after{ transform:scaleY(1); }
#body_wrap.home .bi-svc__num{ font-family:var(--st-roman) !important; font-style:italic; font-size:clamp(44px,4.4vw,64px) !important; line-height:1 !important; color:transparent !important; -webkit-text-stroke:1px var(--st-gold); background:none !important; border:0 !important; padding:0 !important; width:auto !important; height:auto !important; transition:color .5s var(--st-ease); }
#body_wrap.home .bi-svc:hover .bi-svc__num{ color:var(--st-gold) !important; }
#body_wrap.home .bi-svc__title{ font-family:var(--st-mincho) !important; font-size:clamp(20px,1.7vw,24px) !important; text-align:left !important; }
#body_wrap.home .bi-svc__btn{ transition:gap .4s var(--st-ease), background .3s, color .3s !important; }
#body_wrap.home .bi-svc:hover .bi-svc__btn{ background:var(--st-gold) !important; color:var(--st-ink) !important; border-color:var(--st-gold) !important; }

/* ---------- 6. 和紙色のセクション（緩急）: 黒の上に置いた紙のシート ---------- */
#body_wrap.home .bi-why, #body_wrap.home .bi-flow{ position:relative; background:var(--st-paper) !important; color:var(--st-sumi) !important; border-radius:clamp(22px,3.6vw,52px); margin:clamp(24px,4vw,48px) clamp(0px,1.4vw,20px) !important; }
#body_wrap.home .bi-why::before, #body_wrap.home .bi-flow::before{ content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; opacity:.35; mix-blend-mode:multiply; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .38  0 0 0 0 .28  0 0 0 .22 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }
#body_wrap.home .bi-why *, #body_wrap.home .bi-flow *{ color:inherit; }
#body_wrap.home .bi-why .bi-sec__kicker, #body_wrap.home .bi-flow .bi-sec__kicker{ color:var(--st-gold-dk) !important; }
#body_wrap.home .bi-why .bi-sec__title, #body_wrap.home .bi-flow .bi-sec__title{ color:var(--st-sumi) !important; }
#body_wrap.home .bi-why .bi-sec__lead, #body_wrap.home .bi-flow .bi-sec__lead, #body_wrap.home .bi-why__d, #body_wrap.home .bi-flow__d{ color:var(--st-sumi2) !important; opacity:1; }
#body_wrap.home .bi-why .bi-sec__kicker, #body_wrap.home .bi-flow .bi-sec__kicker, #body_wrap.home .bi-why__no, #body_wrap.home .bi-flow__no, #body_wrap.home .bi-why .bi-sec__title, #body_wrap.home .bi-flow .bi-sec__title{ -webkit-text-fill-color:currentColor !important; background-image:none !important; }
#body_wrap.home .bi-why__grid{ gap:0 clamp(24px,3vw,48px) !important; }
#body_wrap.home .bi-why__item, #body_wrap.home .bi-flow__step{ background:transparent !important; border:0 !important; border-top:1px solid rgba(29,26,22,.22) !important; border-radius:0 !important; box-shadow:none !important; padding:28px 0 8px !important; }
#body_wrap.home .bi-why__item::before, #body_wrap.home .bi-why__item::after, #body_wrap.home .bi-flow__step::before, #body_wrap.home .bi-flow__step::after{ display:none !important; }
#body_wrap.home .bi-why__no{ font-family:var(--st-roman) !important; font-style:italic; font-size:clamp(48px,5vw,76px) !important; line-height:1 !important; color:var(--st-gold-dk) !important; margin:0 0 14px !important; }
#body_wrap.home .bi-why__t, #body_wrap.home .bi-flow__t{ font-family:var(--st-mincho) !important; font-size:clamp(19px,1.7vw,23px) !important; line-height:1.55 !important; color:var(--st-sumi) !important; }
#body_wrap.home .bi-flow__no{ font-family:var(--st-roman) !important; font-style:italic; letter-spacing:.12em; color:var(--st-gold-dk) !important; }
#body_wrap.home .bi-flow__cta{ background:var(--st-sumi) !important; color:var(--st-paper) !important; border-color:var(--st-sumi) !important; }
#body_wrap.home .bi-flow__cta *{ color:var(--st-paper) !important; }
#body_wrap.home .bi-flow__cta:hover{ background:var(--st-gold-dk) !important; border-color:var(--st-gold-dk) !important; }

/* ---------- 7. 現場の写真帯（トップ本文に追加）: 同じ比率のグリッド。PC 3列／スマホ 2列 ---------- */
.st-photos{ position:relative; background:var(--st-ink); padding:clamp(64px,8vw,120px) 0; }
/* 2026-10-12: 見出し列（左）＋本文と写真（右）の2列に。見出しは PC だけ縦組み（17 を参照） */
.st-photos__wrap{ max-width:1120px; margin:0 auto; padding:0 clamp(16px,4vw,48px); box-sizing:border-box; }
.st-photos__head{ margin:0 0 clamp(18px,2.6vw,28px); }
.st-photos__h{ font-family:var(--st-mincho); font-weight:600; color:#fff; font-size:clamp(28px,4vw,56px); line-height:1.3; letter-spacing:.015em; margin:0; }
.st-photos__p{ color:rgba(255,255,255,.72); font-size:14.5px; line-height:2; max-width:34em; margin:0 0 clamp(24px,3vw,36px) !important; word-break:normal; line-break:strict; overflow-wrap:break-word; }
.st-photos__track{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(12px,1.6vw,24px) clamp(12px,1.6vw,24px); margin:0; padding:0; box-sizing:border-box; }
.st-photo{ margin:0 !important; min-width:0; }
.st-photo__img{ position:relative; overflow:hidden; border-radius:6px; aspect-ratio:4/3; background:#1a1714; }
.st-photo__img img{ width:100%; height:100%; object-fit:cover; display:block; }
.st-photos .st-photo:hover .st-photo__img.is-in img, .st-photos .st-photo:hover .st-photo__img img{ transform:scale(1.05); transition:transform .9s var(--st-ease); }
.st-photo figcaption{ margin-top:10px; color:rgba(255,255,255,.66); font-size:12.5px; line-height:1.6; letter-spacing:.04em; display:flex; gap:10px; }
.st-photo figcaption b{ font-family:var(--st-roman); font-style:italic; font-weight:500; color:var(--st-gold); flex:none; }
@media (max-width:768px){
  .st-photos__track{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 10px; }
  .st-photo__img{ aspect-ratio:1/1; border-radius:4px; }
  .st-photo figcaption{ font-size:11.5px; gap:6px; margin-top:8px; }
  .st-photos__p{ font-size:14px; }
}

/* ---------- 8. よみもの・FAQ ---------- */
#body_wrap.home .bi-news li a, #body_wrap.home .bi-news__item a{ transition:padding .5s var(--st-ease), color .3s, background .3s !important; }
#body_wrap.home .bi-news li a:hover, #body_wrap.home .bi-news__item a:hover{ padding-left:14px !important; color:var(--st-gold-lt) !important; background:rgba(201,162,91,.05) !important; }

/* ---------- 9. フッター前の相談CTA（全ページ） ---------- */
.bi-footer-cta__title{ font-size:clamp(28px,4.2vw,58px) !important; line-height:1.3 !important; }
.bi-footer-cta__btn{ position:relative; overflow:hidden; isolation:isolate; padding:20px 40px !important; font-size:16px !important; transition:color .4s var(--st-ease), transform .4s var(--st-ease) !important; }
.bi-footer-cta__btn::after{ content:""; position:absolute; inset:0; z-index:-1; background:var(--st-gold-lt); transform:translateX(-101%); transition:transform .6s var(--st-ease); }
.bi-footer-cta__btn:hover::after{ transform:none; }
.bi-footer-cta__btn:hover{ transform:translateY(-2px); }

/* ---------- 10. スマホ ---------- */
@media (max-width:768px){
  #body_wrap.home .bi-hero__content{ padding-inline:20px !important; }
  #body_wrap.home .bi-hero__title{ font-size:clamp(21px,5.9vw,28px) !important; line-height:1.4 !important; letter-spacing:0 !important; max-width:none !important; width:auto !important; margin-right:0 !important; padding-right:0 !important; }
  #body_wrap.home .bi-hero__tagline{ position:static !important; transform:none !important; margin:0 0 6px !important; font-size:13px !important; }
  #body_wrap.home .bi-hero__kicker{ position:static !important; font-size:10.5px !important; letter-spacing:.16em !important; margin:0 0 6px !important; white-space:normal !important; }
  .st-badge{ display:none !important; }
  /* 事業カード: 横スクロールのカルーセルをやめて縦に積む（見切れて読めないため） */
  #body_wrap.home .bi-solutions .bi-solutions__grid{ display:grid !important; grid-template-columns:1fr !important; gap:14px !important; overflow:visible !important; padding:0 !important; scroll-snap-type:none !important; transform:none !important; }
  #body_wrap.home .bi-solutions .bi-svc{ width:auto !important; min-width:0 !important; max-width:none !important; flex:none !important; scroll-snap-align:none !important; }
  .st-scroll{ display:none; }
  #body_wrap.home .bi-why, #body_wrap.home .bi-flow{ border-radius:22px; margin:20px 0 !important; }
}

/* ---------- 12. 要点まとめ・比較表（全ページ共通の部品）: 黒地×白文字のトンマナで「表として読める」形に ----------
   2026-10-11 ①紙（和紙色）にしたら「トンマナが崩れすぎ」→ 黒背景・白文字に戻し、構造で読みやすくする。
   見出し行は金の帯、行は細い区切り＋薄い縞、料金の数字だけ金色、びあらばの列だけ金枠。英字の小見出し・黄色マーカーは使わない。
   bi-global（本文内のインラインCSS・後から読まれる）に勝つため html body から書く。 */
html body .bi-guide-sec{ padding:clamp(40px,6vw,88px) clamp(12px,3vw,32px) !important; box-sizing:border-box; }
html body .bi-guide-sec .bi-guide, html body .bi-cm .bi-cm-sum{ position:relative; max-width:1040px !important; margin:0 auto !important; box-sizing:border-box; background:#0f0e0c !important; color:rgba(255,255,255,.9) !important; border:1px solid rgba(201,162,91,.28) !important; border-radius:clamp(14px,2vw,22px) !important; padding:clamp(28px,5vw,60px) clamp(20px,5vw,60px) !important; box-shadow:none !important; text-align:left !important; counter-reset:stg; }
html body .bi-guide-sec .bi-guide, html body .bi-guide-sec .bi-guide *, html body .bi-guide-sec .bi-guide p, html body .bi-guide-sec .bi-guide li, html body .bi-guide-sec .bi-guide dd, html body .bi-guide-sec .bi-guide td, html body .bi-guide-sec .bi-guide th, html body .bi-cm .bi-cm-sum, html body .bi-cm .bi-cm-sum *, html body .bi-cm .bi-cm-sum p, html body .bi-cm .bi-cm-tbl *, html body .bi-cm .bi-cm-tbl td{ word-break:normal !important; line-break:strict !important; overflow-wrap:break-word !important; text-shadow:none !important; }
html body .bi-guide-sec .bi-guide .bi-guide__kicker, html body .bi-cm .bi-cm-sum .bi-cm-kicker{ display:none !important; }
html body .bi-guide-sec .bi-guide h2.bi-guide__title, html body .bi-cm .bi-cm-sum .bi-cm-h2{ text-align:left !important; color:#fff !important; -webkit-text-fill-color:#fff !important; background:none !important; font-size:clamp(23px,2.9vw,36px) !important; line-height:1.45 !important; letter-spacing:.02em !important; max-width:none !important; margin:0 0 22px !important; }
html body .bi-guide-sec .bi-guide .bi-guide__title::after, html body .bi-cm .bi-cm-sum .bi-cm-h2::after{ display:none !important; }
/* 定義の即答: 左の金線＋太字だけ（枠・マーカーなし） */
html body .bi-guide-sec .bi-guide .bi-guide__answer, html body .bi-cm .bi-cm-sum .bi-cm-sum__answer{ margin:0 0 8px !important; padding:2px 0 2px 18px !important; border:0 !important; border-left:2px solid var(--st-gold) !important; border-radius:0 !important; background:none !important; font-size:clamp(15px,1.4vw,16.5px) !important; line-height:2 !important; color:rgba(255,255,255,.78) !important; }
html body .bi-guide-sec .bi-guide .bi-guide__answer strong, html body .bi-cm .bi-cm-sum .bi-cm-sum__answer strong{ background:none !important; color:#fff !important; -webkit-text-fill-color:#fff !important; font-weight:700 !important; }
/* 小見出し: 金の番号＋上罫 */
html body .bi-guide-sec .bi-guide h3.bi-guide__h{ display:flex !important; align-items:baseline; gap:12px; font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif !important; font-size:clamp(15px,1.4vw,17px) !important; font-weight:700 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; background:none !important; letter-spacing:.06em !important; margin:clamp(40px,5vw,56px) 0 16px !important; padding:16px 0 0 !important; border:0 !important; border-top:1px solid rgba(255,255,255,.18) !important; }
html body .bi-guide-sec .bi-guide h3.bi-guide__h::before{ display:inline-block !important; counter-increment:stg !important; content:counter(stg,decimal-leading-zero) !important; font-family:var(--st-roman); font-style:italic; font-weight:500; font-size:1.25em; color:var(--st-gold); -webkit-text-fill-color:var(--st-gold); position:static !important; width:auto !important; height:auto !important; background:none !important; }
/* 要点（dl）: 2列の表として。ラベル列に薄い面、値は白 */
html body .bi-guide-sec .bi-guide .bi-guide__facts, html body .bi-cm .bi-cm-sum .bi-cm-sum__facts{ display:grid !important; grid-template-columns:minmax(8em,12em) 1fr !important; gap:0 !important; margin:0 !important; border:1px solid rgba(255,255,255,.12) !important; border-radius:12px !important; overflow:hidden !important; }
html body .bi-cm .bi-cm-sum .bi-cm-sum__facts > div{ display:contents !important; }
html body .bi-guide-sec .bi-guide .bi-guide__facts dt, html body .bi-guide-sec .bi-guide .bi-guide__facts dd, html body .bi-cm .bi-cm-sum .bi-cm-sum__facts dt, html body .bi-cm .bi-cm-sum .bi-cm-sum__facts dd{ margin:0 !important; padding:15px 18px !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.08) !important; line-height:1.85 !important; }
html body .bi-guide-sec .bi-guide .bi-guide__facts dt, html body .bi-cm .bi-cm-sum .bi-cm-sum__facts dt{ font-size:13px !important; font-weight:700 !important; color:var(--st-gold-lt) !important; -webkit-text-fill-color:var(--st-gold-lt) !important; background:rgba(201,162,91,.08) !important; letter-spacing:.04em; }
html body .bi-guide-sec .bi-guide .bi-guide__facts dd, html body .bi-cm .bi-cm-sum .bi-cm-sum__facts dd{ font-size:15px !important; color:rgba(255,255,255,.9) !important; background:transparent !important; }
html body .bi-guide-sec .bi-guide .bi-guide__facts dt:nth-last-of-type(1), html body .bi-guide-sec .bi-guide .bi-guide__facts dd:last-child, html body .bi-cm .bi-cm-sum .bi-cm-sum__facts > div:last-child > *{ border-bottom:0 !important; }
/* 表（比較表・相場表） */
html body .bi-guide-sec .bi-guide .bi-guide__scroll, html body .bi-cm .bi-cm-tbl{ border:1px solid rgba(255,255,255,.12) !important; border-radius:12px !important; background:#121110 !important; box-shadow:none !important; overflow-x:auto; }
html body .bi-cm .bi-cm-tbl{ max-width:1040px !important; margin-left:auto !important; margin-right:auto !important; }
html body .bi-guide-sec .bi-guide table.bi-guide__table, html body .bi-cm .bi-cm-tbl table{ background:transparent !important; font-size:14.5px !important; border-collapse:collapse !important; width:100% !important; }
html body .bi-guide-sec .bi-guide .bi-guide__table th, html body .bi-guide-sec .bi-guide .bi-guide__table td, html body .bi-cm .bi-cm-tbl th, html body .bi-cm .bi-cm-tbl td{ padding:17px 20px !important; color:rgba(255,255,255,.82) !important; -webkit-text-fill-color:currentColor !important; background:transparent !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.08) !important; line-height:1.8 !important; vertical-align:top !important; text-align:left !important; }
html body .bi-guide-sec .bi-guide .bi-guide__table thead th, html body .bi-cm .bi-cm-tbl thead th{ font-size:13px !important; font-weight:700 !important; letter-spacing:.06em !important; color:var(--st-gold-lt) !important; background:rgba(201,162,91,.12) !important; border-bottom:1px solid rgba(201,162,91,.45) !important; padding-top:14px !important; padding-bottom:14px !important; white-space:nowrap; }
html body .bi-guide-sec .bi-guide .bi-guide__table tbody tr:nth-child(even) > *, html body .bi-cm .bi-cm-tbl tbody tr:nth-child(even) > *{ background:rgba(255,255,255,.025) !important; }
html body .bi-guide-sec .bi-guide .bi-guide__table tbody th, html body .bi-cm .bi-cm-tbl tbody th{ color:#fff !important; font-weight:700 !important; font-size:15px !important; }
html body .bi-cm .bi-cm-tbl tbody th{ white-space:nowrap; }
html body .bi-cm .bi-cm-tbl tbody th small{ display:block; color:rgba(255,255,255,.5) !important; font-weight:500 !important; font-size:12px !important; white-space:normal; }
html body .bi-guide-sec .bi-guide .bi-guide__table tbody tr:last-child > *, html body .bi-cm .bi-cm-tbl tbody tr:last-child > *{ border-bottom:0 !important; }
html body .bi-guide-sec .bi-guide .bi-guide__table tbody tr:hover > *, html body .bi-cm .bi-cm-tbl tbody tr:hover > *{ background:rgba(201,162,91,.06) !important; }
/* 数字（料金・割合）だけ金色で拾えるように（JS が .st-num で包む） */
html body .st-num{ white-space:nowrap; color:var(--st-gold-lt) !important; -webkit-text-fill-color:var(--st-gold-lt) !important; font-weight:700 !important; font-size:1.06em; letter-spacing:.01em; }
/* びあらばの列: 金枠で囲む */
html body .bi-guide-sec .bi-guide .bi-guide__table thead th.is-us{ background:var(--st-gold) !important; color:#141210 !important; -webkit-text-fill-color:#141210 !important; border-bottom-color:var(--st-gold) !important; }
html body .bi-guide-sec .bi-guide .bi-guide__table td.is-us{ background:rgba(201,162,91,.09) !important; color:#fff !important; font-weight:600 !important; box-shadow:inset 1px 0 0 rgba(201,162,91,.55), inset -1px 0 0 rgba(201,162,91,.55); }
html body .bi-guide-sec .bi-guide .bi-guide__table tbody tr:last-child td.is-us{ box-shadow:inset 1px 0 0 rgba(201,162,91,.55), inset -1px 0 0 rgba(201,162,91,.55), inset 0 -1px 0 rgba(201,162,91,.55); }
html body .bi-cm .bi-cm-tbl__note, html body .bi-guide-sec .bi-guide .bi-guide__note{ color:rgba(255,255,255,.6) !important; font-size:13px !important; text-align:left !important; max-width:1040px !important; }
/* 流れ: 金の丸数字の縦リスト */
html body .bi-guide-sec .bi-guide ol.bi-guide__steps{ list-style:none !important; margin:0 !important; padding:0 !important; counter-reset:sts; }
html body .bi-guide-sec .bi-guide ol.bi-guide__steps > li{ counter-increment:sts !important; position:relative; margin:0 !important; padding:14px 0 14px 54px !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.08) !important; background:none !important; line-height:1.85 !important; font-size:15px !important; color:rgba(255,255,255,.82) !important; }
html body .bi-guide-sec .bi-guide ol.bi-guide__steps > li::before{ content:counter(sts) !important; position:absolute !important; left:0 !important; top:12px !important; width:34px !important; height:34px !important; border-radius:50%; border:1px solid var(--st-gold); color:var(--st-gold-lt); -webkit-text-fill-color:var(--st-gold-lt); display:flex; align-items:center; justify-content:center; font-family:var(--st-roman); font-style:italic; font-size:16px; background:none !important; }
html body .bi-guide-sec .bi-guide ol.bi-guide__steps > li strong{ color:#fff !important; -webkit-text-fill-color:#fff !important; }
/* 関連コラム・注記 */
html body .bi-guide-sec .bi-guide ul.bi-guide__links{ list-style:none !important; margin:0 !important; padding:0 !important; display:block !important; border-top:1px solid rgba(255,255,255,.08); }
html body .bi-guide-sec .bi-guide ul.bi-guide__links > li{ margin:0 !important; padding:0 !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.08) !important; background:none !important; }
html body .bi-guide-sec .bi-guide ul.bi-guide__links > li::before{ display:none !important; }
html body .bi-guide-sec .bi-guide ul.bi-guide__links a{ display:flex !important; justify-content:space-between; gap:16px; padding:14px 2px !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; color:rgba(255,255,255,.88) !important; -webkit-text-fill-color:currentColor !important; text-decoration:none !important; font-size:14.5px !important; line-height:1.7 !important; transition:padding .4s var(--st-ease), color .3s; }
html body .bi-guide-sec .bi-guide ul.bi-guide__links a::after{ content:"→"; color:var(--st-gold); flex:none; }
html body .bi-guide-sec .bi-guide ul.bi-guide__links a:hover{ padding-left:10px !important; color:var(--st-gold-lt) !important; }
html body .bi-guide-sec .bi-guide .bi-guide__more{ font-size:13px !important; color:rgba(255,255,255,.6) !important; text-align:left !important; }
html body .bi-guide-sec .bi-guide .bi-guide__more a, html body .bi-guide-sec .bi-guide .bi-guide__answer a{ color:var(--st-gold-lt) !important; -webkit-text-fill-color:currentColor !important; text-decoration:underline !important; text-underline-offset:3px; }
/* スマホ: 表は1行＝1枚のカードに組み替える（JS が各セルに列見出しを data-label で付ける） */
@media (max-width:768px){
  html body .bi-guide-sec{ padding:32px 10px !important; }
  html body .bi-guide-sec .bi-guide, html body .bi-cm .bi-cm-sum{ padding:28px 18px !important; border-radius:16px !important; }
  html body .bi-guide-sec .bi-guide .bi-guide__facts, html body .bi-cm .bi-cm-sum .bi-cm-sum__facts{ grid-template-columns:1fr !important; }
  html body .bi-guide-sec .bi-guide .bi-guide__facts dt, html body .bi-cm .bi-cm-sum .bi-cm-sum__facts dt{ border-bottom:0 !important; padding:12px 16px 6px !important; }
  html body .bi-guide-sec .bi-guide .bi-guide__facts dd, html body .bi-cm .bi-cm-sum .bi-cm-sum__facts dd{ padding:4px 16px 14px !important; }
  html body .bi-guide-sec .bi-guide .bi-guide__scroll.st-cards, html body .bi-cm .bi-cm-tbl.st-cards{ background:none !important; border:0 !important; overflow:visible !important; border-radius:0 !important; }
  html body .bi-guide-sec .bi-guide .st-cards table.bi-guide__table, html body .bi-cm .bi-cm-tbl.st-cards table{ display:block !important; width:100% !important; min-width:0 !important; max-width:100% !important; }
  html body .bi-guide-sec .bi-guide .st-cards thead, html body .bi-cm .bi-cm-tbl.st-cards thead{ display:none !important; }
  html body .bi-guide-sec .bi-guide .st-cards tbody, html body .bi-cm .bi-cm-tbl.st-cards tbody{ display:block !important; }
  html body .bi-guide-sec .bi-guide .st-cards tbody tr, html body .bi-cm .bi-cm-tbl.st-cards tbody tr{ display:block !important; background:#121110 !important; border:1px solid rgba(255,255,255,.12) !important; border-radius:12px !important; margin:0 0 12px !important; overflow:hidden !important; }
  html body .bi-guide-sec .bi-guide .st-cards tbody tr > *, html body .bi-cm .bi-cm-tbl.st-cards tbody tr > *{ background:transparent !important; }
  html body .bi-guide-sec .bi-guide .st-cards tbody th, html body .bi-cm .bi-cm-tbl.st-cards tbody th{ display:block !important; width:auto !important; min-width:0 !important; max-width:none !important; white-space:normal !important; font-size:15.5px !important; padding:13px 16px 11px !important; background:rgba(201,162,91,.12) !important; border-bottom:1px solid rgba(201,162,91,.45) !important; }
  html body .bi-guide-sec .bi-guide .st-cards tbody td, html body .bi-cm .bi-cm-tbl.st-cards tbody td{ display:block !important; width:auto !important; min-width:0 !important; padding:11px 16px 12px !important; font-size:14.5px !important; border-bottom:1px solid rgba(255,255,255,.08) !important; box-shadow:none !important; }
  html body .bi-guide-sec .bi-guide .st-cards tbody tr > td:last-child, html body .bi-cm .bi-cm-tbl.st-cards tbody tr > td:last-child{ border-bottom:0 !important; }
  html body .bi-guide-sec .bi-guide .st-cards tbody td::before, html body .bi-cm .bi-cm-tbl.st-cards tbody td::before{ content:attr(data-label); display:block; font-size:11.5px; font-weight:700; color:rgba(255,255,255,.5); -webkit-text-fill-color:rgba(255,255,255,.5); letter-spacing:.04em; line-height:1.5; margin-bottom:3px; }
  html body .bi-guide-sec .bi-guide .st-cards tbody td.is-us{ background:rgba(201,162,91,.1) !important; border-left:2px solid var(--st-gold) !important; }
  html body .bi-guide-sec .bi-guide .st-cards tbody td.is-us::before{ color:var(--st-gold-lt); -webkit-text-fill-color:var(--st-gold-lt); }
}

/* ---------- 13. FAQ・/chef-matching/ の見出しも左揃えに（中央揃え＋英字＋下線のテンプレ感を抜く） ---------- */
html body .bi-faqg{ text-align:left !important; }
html body .bi-faqg .bi-faqg__kicker{ text-align:left !important; }
html body .bi-faqg .bi-faqg__title{ text-align:left !important; }
html body .bi-faqg .bi-faqg__title::after{ display:none !important; }
html body .bi-cm .bi-cm-sec .bi-cm__inner > .bi-cm-kicker, html body .bi-cm .bi-cm-form-sec .bi-cm__inner > .bi-cm-kicker{ text-align:left !important; display:flex !important; align-items:center; gap:14px; font-family:var(--st-roman) !important; font-style:italic; letter-spacing:.14em !important; font-size:14px !important; }
html body .bi-cm .bi-cm-sec .bi-cm__inner > .bi-cm-kicker::before, html body .bi-cm .bi-cm-form-sec .bi-cm__inner > .bi-cm-kicker::before{ content:""; width:44px; height:1px; background:currentColor; opacity:.7; }
html body .bi-cm .bi-cm-sec .bi-cm__inner > .bi-cm-h2, html body .bi-cm .bi-cm-form-sec .bi-cm__inner > .bi-cm-h2{ text-align:left !important; margin-left:0 !important; max-width:none !important; font-size:clamp(26px,3.6vw,46px) !important; line-height:1.35 !important; }
html body .bi-cm .bi-cm-sec .bi-cm__inner > .bi-cm-lead, html body .bi-cm .bi-cm-form-sec .bi-cm__inner > .bi-cm-lead{ text-align:left !important; margin-left:0 !important; max-width:40em !important; }
html body .bi-cm .bi-cm-divider, html body .bi-cm .bi-cm-h2::after, html body .bi-cm .bi-cm-h2::before{ display:none !important; }
/* 「伴走します」の絵文字アイコン → 番号 */
html body .bi-cm .bi-cm-support{ counter-reset:supp; }
html body .bi-cm .bi-cm-supp__ic{ font-size:0 !important; width:auto !important; height:auto !important; background:none !important; border:0 !important; }
html body .bi-cm .bi-cm-supp__ic::before{ counter-increment:supp; content:counter(supp,decimal-leading-zero); font-size:36px; line-height:1; font-family:var(--st-roman); font-style:italic; color:var(--st-gold); }

/* ---------- 11. 動きを減らす設定の人には止める ---------- */
@media (prefers-reduced-motion:reduce){
  html.st-cur body::before, html.st-cur body::after{ display:none !important; }
  .st-badge svg, .st-scroll::after, #body_wrap.home .bi-hero .bi-hero__bg video{ animation:none !important; }
}

/* =====================================================================
   2026-10-12 追加（SANKOU! 参考サイトからの取り入れ A1〜A4）
   ===================================================================== */

/* ---------- 14. ヘッダー: 白い帯をやめ、黒の半透明にそろえる（全ページ） ----------
   本文が黒なのにヘッダーだけ白く、トンマナがそこで切れていた。
   ロゴは軽量版（余白の少ない透過PNG・media 2803）に差し替えて白抜きにする。
   content:url は Chrome/Safari で効く。効かないブラウザでも反転＋スクリーンで白抜きになる */
html body #header.l-header, html body #header .l-header__inner{ background:rgba(11,11,11,.88) !important; color:#fff !important; }
html body #header.l-header{ border-bottom:1px solid rgba(201,162,91,.18) !important; -webkit-backdrop-filter:saturate(1.2) blur(10px); backdrop-filter:saturate(1.2) blur(10px); }
html body #fix_header, html body #fix_header .l-fixHeader__inner{ background:rgba(11,11,11,.92) !important; color:#fff !important; }
html body #fix_header{ border-bottom:1px solid rgba(201,162,91,.18) !important; -webkit-backdrop-filter:saturate(1.2) blur(10px); backdrop-filter:saturate(1.2) blur(10px); }
html body .c-headLogo__img{ content:url("https://cbl-ob.co.jp/wp-content/uploads/2026/08/biaraba-corocoro-logo.png"); filter:invert(1); mix-blend-mode:screen; height:22px !important; max-height:22px !important; width:auto !important; }
html body #header .c-gnav, html body #fix_header .c-gnav{ background:transparent !important; }
html body #header .c-gnav > li > a, html body #fix_header .c-gnav > li > a{ color:rgba(255,255,255,.9) !important; }
html body #header .c-gnav > li > a .ttl i, html body #fix_header .c-gnav > li > a .ttl i{ color:var(--st-gold) !important; }
html body #header .c-gnav .desc, html body #fix_header .c-gnav .desc{ color:var(--st-gold) !important; opacity:.85; letter-spacing:.08em; }
html body #header .c-gnav > li > a:hover .ttl, html body #fix_header .c-gnav > li > a:hover .ttl{ color:var(--st-gold-lt) !important; }
/* プルダウン（「始める方へ」「オーナーの方へ」） */
html body .l-header .c-gnav .sub-menu, html body #fix_header .c-gnav .sub-menu{ background:#141210 !important; border:1px solid rgba(201,162,91,.28) !important; border-radius:10px; overflow:hidden; box-shadow:0 18px 40px rgba(0,0,0,.45) !important; min-width:250px; }
html body .l-header .c-gnav .sub-menu a, html body #fix_header .c-gnav .sub-menu a{ color:rgba(255,255,255,.88) !important; background:transparent !important; font-size:14px; padding:13px 18px !important; border-bottom:1px solid rgba(255,255,255,.07); }
html body .l-header .c-gnav .sub-menu li:last-child a, html body #fix_header .c-gnav .sub-menu li:last-child a{ border-bottom:0; }
html body .l-header .c-gnav .sub-menu a:hover, html body #fix_header .c-gnav .sub-menu a:hover{ background:rgba(201,162,91,.1) !important; color:var(--st-gold-lt) !important; }
html body .l-header .c-gnav .sub-menu .desc, html body #fix_header .c-gnav .sub-menu .desc{ display:none !important; }
/* 相談ボタン: 黒地では金の文字＋金枠、ホバーで金の面 */
html body .bi-head-cta{ color:var(--st-gold-lt) !important; border-color:rgba(201,162,91,.7) !important; background:rgba(201,162,91,.08) !important; }
html body .bi-head-cta:hover, html body .bi-head-cta:focus-visible{ color:var(--st-ink) !important; background:var(--st-gold-lt) !important; border-color:var(--st-gold-lt) !important; }
/* スマホ: メニューボタン・ドロワー */
html body .l-header__menuBtn, html body .l-header__customBtn, html body .l-header .c-iconBtn{ color:#fff !important; }
html body #sp_menu .p-spMenu__inner{ background:#0f0d0b !important; color:#fff !important; }
html body #sp_menu .p-spMenu__inner::before{ background:#0f0d0b !important; opacity:1 !important; }
html body #sp_menu .p-spMenu__inner a, html body #sp_menu .c-spnav a{ color:rgba(255,255,255,.9) !important; border-color:rgba(255,255,255,.1) !important; }
html body #sp_menu .c-spnav .sub-menu a{ color:rgba(255,255,255,.75) !important; }
html body #sp_menu .c-spnav .desc{ color:var(--st-gold) !important; }

/* ---------- 15. トップ: ファーストビューの「立場で選ぶ」入口（A1） ----------
   参考: AFURI BREWING の「業務店様はこちら」、STORES の「お店に合わせて選ぶ」 */
#body_wrap.home .st-entry{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; max-width:780px; margin:28px 0 16px; word-break:normal; line-break:strict; overflow-wrap:break-word; }
#body_wrap.home .st-entry__card{ background:rgba(11,11,11,.58); border:1px solid rgba(201,162,91,.38); border-radius:14px; padding:18px 20px 8px; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); text-align:left; }
#body_wrap.home .st-entry__k{ margin:0 0 8px !important; font-family:var(--st-mincho); font-weight:700; font-size:16px; color:#fff; line-height:1.5; display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; }
#body_wrap.home .st-entry__en{ font-family:var(--st-roman); font-style:italic; font-weight:500; color:var(--st-gold); font-size:14px; letter-spacing:.2em; }
#body_wrap.home .st-entry__list{ list-style:none !important; margin:0 !important; padding:0 !important; }
#body_wrap.home .st-entry__list li{ margin:0 !important; padding:0 !important; border-top:1px solid rgba(255,255,255,.1); list-style:none !important; }
#body_wrap.home .st-entry__list li::before, #body_wrap.home .st-entry__list li::marker{ display:none !important; content:none !important; }
#body_wrap.home .st-entry__list a{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:11px 2px; color:rgba(255,255,255,.9) !important; text-decoration:none !important; font-size:14px; line-height:1.5; transition:color .3s, padding .45s var(--st-ease); }
#body_wrap.home .st-entry__list a::after{ content:"→"; color:var(--st-gold); flex:none; transition:transform .45s var(--st-ease); }
#body_wrap.home .st-entry__list a:hover{ color:var(--st-gold-lt) !important; padding-left:6px; }
#body_wrap.home .st-entry__list a:hover::after{ transform:translateX(3px); }
#body_wrap.home .st-entry .st-nw{ white-space:nowrap; }
#body_wrap.home .st-entry__all{ display:inline-block; color:rgba(255,255,255,.72) !important; font-size:13px; letter-spacing:.06em; text-decoration:underline !important; text-underline-offset:4px; }
#body_wrap.home .st-entry__all::after{ content:" ↓"; color:var(--st-gold); }
@media (max-width:768px){
  #body_wrap.home .st-entry{ grid-template-columns:1fr; gap:10px; margin:18px 0 12px; }
  #body_wrap.home .st-entry__card{ padding:14px 16px 4px; border-radius:12px; }
  #body_wrap.home .st-entry__k{ font-size:15px; margin-bottom:4px !important; }
  #body_wrap.home .st-entry__list a{ font-size:13.5px; padding:10px 0; }
}

/* ---------- 16. トップ: よみもの を写真つきカードに（A3） ----------
   SWELL の投稿リストブロック（サーバー側で出力＝検索エンジンにも読まれる）を黒地のカードに組み直す。
   カテゴリを連載名のように番号つきで上に出す。参考: 味覚編集の JOURNAL、AFURI の連番 */
#body_wrap.home .bi-news .st-news{ max-width:1120px; margin:30px auto 10px; --card_posts_thumb_ratio:66.667%; }
#body_wrap.home .st-news .p-postList{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px 24px; margin:0 !important; padding:0 !important; list-style:none !important; counter-reset:st-news; }
#body_wrap.home .st-news .p-postList__item{ width:auto !important; max-width:none !important; margin:0 !important; padding:0 !important; border:0 !important; list-style:none !important; counter-increment:st-news; }
#body_wrap.home .st-news .p-postList__item::before{ display:none !important; }
#body_wrap.home .st-news .p-postList__link, #body_wrap.home .st-news .p-postList__link:hover{ display:block; padding:0 !important; color:#fff !important; text-decoration:none !important; background:none !important; box-shadow:none !important; }
#body_wrap.home .st-news .p-postList__thumb{ border-radius:6px; overflow:hidden; margin:0 0 14px !important; background:#1a1714; box-shadow:none !important; }
#body_wrap.home .st-news .c-postThumb__img{ transition:transform .9s var(--st-ease) !important; }
#body_wrap.home .st-news .p-postList__link:hover .c-postThumb__img{ transform:scale(1.05); }
#body_wrap.home .st-news .p-postList__body{ display:flex; flex-direction:column; padding:0 !important; }
#body_wrap.home .st-news .p-postList__meta{ order:-1; display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; margin:0 0 8px !important; font-size:12px !important; color:rgba(255,255,255,.55) !important; }
#body_wrap.home .st-news .p-postList__meta::before{ content:counter(st-news, decimal-leading-zero); font-family:var(--st-roman); font-style:italic; font-size:17px; line-height:1; color:var(--st-gold); }
#body_wrap.home .st-news .p-postList__cat{ order:-1; color:var(--st-gold-lt) !important; letter-spacing:.04em; }
#body_wrap.home .st-news .p-postList__meta::before{ order:-2; }
#body_wrap.home .st-news .p-postList__cat::before, #body_wrap.home .st-news .c-postTimes__posted::before{ display:none !important; }
#body_wrap.home .st-news .p-postList__title{ font-family:var(--st-mincho) !important; font-weight:600 !important; font-size:16px !important; line-height:1.7 !important; color:#fff !important; margin:0 !important; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; word-break:normal; line-break:strict; overflow-wrap:break-word; transition:color .3s; }
#body_wrap.home .st-news .p-postList__link:hover .p-postList__title{ color:var(--st-gold-lt) !important; }
@media (max-width:768px){
  #body_wrap.home .bi-news .st-news{ margin-top:22px; }
  #body_wrap.home .st-news .p-postList{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; }
  #body_wrap.home .st-news .p-postList__thumb{ margin-bottom:10px !important; border-radius:4px; }
  #body_wrap.home .st-news .p-postList__meta{ font-size:11px !important; gap:2px 8px; margin-bottom:6px !important; }
  #body_wrap.home .st-news .p-postList__meta::before{ font-size:15px; }
  #body_wrap.home .st-news .p-postList__title{ font-size:13.5px !important; line-height:1.65 !important; }
}

/* ---------- 17. 「机の上ではなく、厨房から考える。」を PC だけ縦組みに（A4） ----------
   参考: NEW SUSHISM・味覚編集のステートメント。動きは今の行ごとの立ち上げのまま（スクロール連動はしない）。
   スマホは横組みのまま */
@media (min-width:960px){
  .st-photos__wrap{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:0 clamp(44px,5vw,80px); align-items:start; }
  .st-photos__head{ margin:0; }
  .st-photos__h{ writing-mode:vertical-rl; -webkit-writing-mode:vertical-rl; text-orientation:mixed; font-size:clamp(34px,3.3vw,46px); line-height:1.7; letter-spacing:.16em; white-space:nowrap; margin:18px 0 0 !important; }
  .st-photos__h .st-line{ padding-bottom:0; margin-bottom:0; padding-left:.1em; margin-left:-.1em; }
  .st-photos__body{ padding-top:6px; }
}