/* パンと珈琲 こむぎ：クラフト紙の袋と、店頭の黒板 */
.bakery{--bg:#ecdfc6;--ink:#33261c;--line:#cbb08b;--tint:#f6ead2;--card:#fffaf0;--accent:#8c3f22;--accent-deep:#6e2f17;--on-accent:#fff8ec;--focus:#b8473c;--apple:#b8473c;--chalk:#2c3530;
--head-bg:rgba(250,242,226,.95);--page-head-bg:#e4d2b2;--foot-bg:#33261c;--foot-ink:#f2e4cc;--note-bg:#5c3a22;--closed:#b8473c;--closed-ink:#fff;--field-line:#b49673;
--font-body:"Kiwi Maru",serif;--font-head:"Zen Kurenaido",cursive;--head-weight:400;--r-s:4px;--r-m:6px}
.bakery .logo{font-size:28px}
.bakery .sec-title{font-size:clamp(28px,3.6vw,42px);letter-spacing:.02em}
.bakery .page-head{border-bottom:3px double var(--line)}
.bakery .page-head::after{content:"";position:absolute;right:-40px;bottom:-60px;width:260px;height:260px;border-radius:50%;background:repeating-radial-gradient(circle,rgba(140,63,34,.08) 0 2px,transparent 2px 14px)}
.bakery .btn-chalk{background:#f6ead2;color:var(--chalk);border-color:#f6ead2}
.bakery .btn-chalk:hover{background:#fff;border-color:#fff}
.bakery .text-link{font-weight:500;text-underline-offset:5px;text-decoration-color:var(--apple)}
.bakery .more{margin-top:20px}

.bakery .hero{display:grid;grid-template-columns:44% 56%;min-height:600px;border-bottom:8px solid var(--ink)}
.bakery .hero-copy{padding:72px 5vw;display:flex;flex-direction:column;justify-content:center;background:var(--bg)}
.bakery .hero-kicker{display:inline-block;width:max-content;padding:4px 12px;border:1px solid var(--ink);background:var(--card);font-size:14px}
.bakery .hero h1{font-size:clamp(40px,4.3vw,62px);line-height:1.35;margin:12px 0 20px;white-space:nowrap}
.bakery .hero-photo img{width:100%;height:100%;object-fit:cover}

.bakery .bake-sec{background:var(--chalk);color:#f1ebdd}
.bakery .bake-sec .small{opacity:.8}
.bakery .board{border:10px solid #7a5a3c;border-radius:4px;background:var(--chalk);padding:18px 24px;box-shadow:inset 0 0 40px rgba(0,0,0,.35)}
.bakery .board-row{display:grid;grid-template-columns:4.5em 1fr auto;gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px dashed rgba(241,235,221,.3);font-family:var(--font-head);font-size:21px}
.bakery .board-row:last-child{border:0}
.bakery .board .t{color:#f3d98b}
.bakery .board .s{font-family:var(--font-body);font-size:13px;padding:2px 10px;border:1px solid currentColor;border-radius:99px}
.bakery .board .ok{color:#cfe5c4}.bakery .board .low{color:#f5b9a6}.bakery .board .wait{color:#d9d2c4}

.bakery .tags{list-style:none;margin:0 0 28px;padding:28px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;background:linear-gradient(var(--ink),var(--ink)) 0 0/100% 2px no-repeat}
.bakery .tag-card{position:relative;padding:44px 24px 24px;background:#d9b98d;clip-path:polygon(14% 0,86% 0,100% 12%,100% 100%,0 100%,0 12%);text-align:center;transform-origin:50% -28px}
.bakery .tag-card:nth-child(1){transform:rotate(-2deg)}.bakery .tag-card:nth-child(3){transform:rotate(2deg)}
.bakery .tag-card .hole{position:absolute;left:50%;top:14px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2px #a07e57}
.bakery .tag-card b{display:block;font-family:var(--font-head);font-weight:400;font-size:24px}
.bakery .tag-card .yen{display:block;font-size:22px;margin:4px 0}
.bakery .tag-card small{font-size:13px}

.bakery .photo-tilt{margin:0;padding:12px 12px 40px;background:#fffaf0;box-shadow:0 2px 0 var(--line);transform:rotate(-1.2deg)}
.bakery .photo-tilt.r{transform:rotate(1.2deg)}
.bakery .photo-tilt img{aspect-ratio:4/3;object-fit:cover;width:100%}

.bakery .closing{background:var(--accent);color:var(--on-accent)}
.bakery .closing-inner{display:flex;justify-content:space-between;align-items:center;gap:32px}
.bakery .closing h2{font-size:clamp(26px,3vw,36px)}
.bakery .closing p{margin:6px 0 0}
.bakery .closing .btn{background:var(--on-accent);color:var(--accent);border-color:var(--on-accent)}

.bakery .jump{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}
.bakery .jump a{padding:8px 16px;border:1px solid var(--ink);border-radius:99px;background:var(--card);text-decoration:none;font-size:14px}
.bakery .menu-cols{columns:2;column-gap:56px}
.bakery .menu-cols>div{break-inside:avoid;margin-bottom:44px;scroll-margin-top:100px}
.bakery .price{background:var(--card);padding:0 20px}
.bakery .price caption{font-size:26px}
.bakery .points{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.bakery .points>div{padding:28px;background:var(--card);border-top:6px solid var(--accent)}
.bakery .points h3{font-size:26px;margin-bottom:8px}
.bakery .timeline{list-style:none;margin:0;padding:0;border-left:2px dashed var(--accent)}
.bakery .timeline li{display:grid;grid-template-columns:5em 1fr;gap:16px;padding:0 0 28px 24px;position:relative}
.bakery .timeline li::before{content:"";position:absolute;left:-8px;top:10px;width:14px;height:14px;border-radius:50%;background:var(--accent)}
.bakery .timeline time{font-family:var(--font-head);font-size:24px}
.bakery .timeline p{margin:0}
.bakery .cals{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.bakery .top{align-items:start}
@media (max-width:900px){
.bakery .hero{grid-template-columns:1fr}
.bakery .hero-photo{order:-1;height:300px}
.bakery .hero-copy{padding:40px 20px 48px}
.bakery .hero h1{font-size:clamp(34px,10vw,46px)}
.bakery .tags,.bakery .points,.bakery .cals{grid-template-columns:1fr}
.bakery .tags{gap:20px}
.bakery .menu-cols{columns:1}
.bakery .closing-inner{flex-direction:column;align-items:flex-start}
.bakery .board{padding:12px 16px;border-width:8px}
.bakery .board-row{grid-template-columns:3.8em 1fr;font-size:18px}
.bakery .board .s{grid-column:2;width:max-content}
.bakery .logo{font-size:22px}
}

/* v3 / BAKERY JOURNAL — 写真、時刻、店頭の手触りを主役にする */
.bakery .head{border-bottom:3px double var(--ink)}
.bakery .hero{grid-template-columns:minmax(330px,38%) 1fr;min-height:680px}
.bakery .hero-copy{position:relative;padding:76px clamp(24px,5vw,76px)}
.bakery .journal-no{display:flex;justify-content:space-between;gap:18px;margin:0 0 44px;padding-bottom:8px;border-bottom:1px solid var(--ink);font:11px/1.3 ui-monospace,monospace;letter-spacing:.12em}
.bakery .hero-photo{position:relative;overflow:hidden}
.bakery .hero-photo img{transition:transform .7s ease}
.bakery .hero:hover .hero-photo img{transform:scale(1.015)}
.bakery .photo-caption{position:absolute;right:18px;bottom:12px;margin:0;padding:5px 9px;background:rgba(51,38,28,.84);color:#fff;font-size:11px;letter-spacing:.08em}
.bakery .bake-split{grid-template-columns:.7fr 1.3fr}
.bakery .section-number{margin:0 0 8px;font:11px/1.2 ui-monospace,monospace;letter-spacing:.14em;color:var(--accent)}
.bakery .news-list li{grid-template-columns:8.5em 7em 1fr}
@media (max-width:900px){
 .bakery .hero{grid-template-columns:1fr;min-height:0}
 .bakery .hero-photo{height:56vw;min-height:280px;max-height:430px}
 .bakery .journal-no{margin-bottom:28px}
 .bakery .bake-split{grid-template-columns:1fr}
}