@font-face{font-family:JP;src:url(fonts/jp-regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:JP;src:url(fonts/jp-medium.woff2) format('woff2');font-weight:500 900;font-display:swap}
@font-face{font-family:Manrope;src:url(fonts/latin.woff2) format('woff2');font-weight:200 800;font-display:swap}
:root{--ink:#263747;--accent:#2f4a6b;--wood:#77502d;--paper:#f7f5f0;--sand:#ebe5da;--muted:#59636c;--line:#cbd1d4;--radius-sm:4px;--radius-md:6px;--radius-lg:12px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:56px;--space-xxl:72px;--motion:180ms;--font-latin:Manrope,sans-serif;--review-font:JP,sans-serif;--review-ink:var(--ink);--review-muted:var(--muted);--review-accent:var(--accent);--review-avatar-surface:#e3eaf0;--review-avatar-ink:#2f4a6b;--review-card-surface:#fffdf9;--review-card-border:#cbd1d4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;scroll-padding-bottom:100px}body{margin:0;background:#e7ebed;color:var(--ink);font:400 16px/1.9 JP,sans-serif;font-synthesis:none}a{color:inherit;text-underline-offset:5px}button{font:inherit}img{display:block;width:100%;max-width:100%;height:auto;border-radius:var(--radius-md)}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-weight:500}h1{font-size:35px;line-height:1.55;letter-spacing:-.025em}h2{font-size:29px;line-height:1.65;letter-spacing:-.015em;margin-bottom:24px}h3{font-size:19px;line-height:1.7}p,dd,blockquote{text-align:justify;overflow-wrap:break-word}p+p{margin-top:18px}.site-shell{width:100%;max-width:430px;min-width:0;margin:auto;background:var(--paper)}header{height:80px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px}.wordmark{font:500 17px/1.4 JP,sans-serif;letter-spacing:-.03em;text-decoration:none}.wordmark span{display:block;font:400 10px/1.8 JP,sans-serif;letter-spacing:.06em;margin-top:7px}.header-link{font-size:12px;text-decoration:none;display:flex;gap:8px;align-items:center;min-height:44px}.hero{position:relative;margin:0 12px;border-radius:var(--radius-lg);overflow:hidden;background:var(--accent)}.hero-slides{position:relative;aspect-ratio:2/3}.hero-slide{position:absolute;inset:0;height:100%;object-fit:cover;border-radius:0;opacity:0;animation:hero-crossfade 15s linear infinite}.hero-slide:nth-child(1){opacity:1}.hero-slide:nth-child(2){animation-delay:-10s}.hero-slide:nth-child(3){animation-delay:-5s}@keyframes hero-crossfade{0%,26.6667%{opacity:1}33.3333%,93.3333%{opacity:0}100%{opacity:1}}.hero:after{content:'';position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(20,32,46,.96))}.hero-copy{position:absolute;z-index:1;bottom:24px;left:24px;right:22px;color:#fffdf9}.store-name{font-size:12px;margin-bottom:14px;letter-spacing:.03em}.hero-copy>p:last-of-type{font-size:13px;line-height:1.9;margin-top:14px}.hero-link{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:12px;text-decoration:none;margin-top:14px;border-bottom:1px solid #fffdf970}.image-note{display:block;font-size:11px;line-height:1.8;color:var(--muted);margin-top:6px}.hero-note{padding:0 24px;margin:8px 0 0}.quick-facts{padding:18px 24px 24px}.quick-facts dl{display:grid;grid-template-columns:1.1fr 1.15fr 1fr;gap:10px;margin:0 0 14px}.quick-facts dt{font-size:10px;color:var(--muted)}.quick-facts dd{font-size:12px;margin:3px 0 0;font-weight:500}.quick-facts>a{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:12px;text-decoration:none;border-top:1px solid var(--line);padding-top:10px}.section{padding:var(--space-xl) 24px}.eyebrow{font-size:12px;line-height:1.8;color:var(--wood);margin-bottom:16px;letter-spacing:.055em}figcaption{font-size:12px;line-height:1.8;margin-top:10px;color:var(--muted)}.wide-photo img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-lg)}.text-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;margin-top:24px;font-size:13px;text-decoration:none;border-bottom:1px solid var(--line)}.sweets{padding-top:72px;padding-bottom:56px}.dessert-gallery{display:grid;gap:32px;margin-top:32px}.dessert-gallery img{aspect-ratio:3/2;object-fit:cover}.dessert-gallery h3{margin-top:16px}.dessert-gallery article>p{font-size:14px;margin-top:8px}.menu-caution{font-size:12px;color:var(--muted);margin-top:28px;padding-top:16px;border-top:1px solid var(--line)}.small{font-size:12px;line-height:1.9}.story{background:#eee8dd}.story>figure{padding:24px 12px 0}.story img{border-radius:var(--radius-lg);aspect-ratio:3/2;object-fit:cover}.story figcaption{padding:0 12px}.story .section{padding-top:40px;padding-bottom:56px}.voices-section{background:#e5ebef}.voices-section .detail-label{font-size:12px;color:var(--wood);letter-spacing:.055em;margin-bottom:16px}.voices-section h2{font:500 29px/1.65 JP,sans-serif;letter-spacing:-.015em}.voice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 20px}.voice-toolbar .voice-scroll-hint{font-size:11px;margin:0}.voice-buttons{display:none;gap:8px}.js .voice-buttons{display:flex}.voice-buttons button{width:44px;height:44px;border:1px solid #2f4a6b;border-radius:var(--radius-md);background:transparent;color:var(--accent);cursor:pointer}.voice-buttons button:disabled{opacity:.35;cursor:default}.voice-list:not(.voice-list--all){grid-auto-columns:calc(100% - 20px)}.voice-list:not(.voice-list--all)>.voice-card{background:#fffdf9;border-color:var(--line);border-radius:var(--radius-md)}.voices-section blockquote{text-align:justify}.voices-section .voice-sample{font-size:11px}.faq{padding-top:56px;padding-bottom:56px}.faq details{border-bottom:1px solid var(--line);padding:4px 0}.faq summary{list-style:none;position:relative;font-size:15px;font-weight:500;padding:18px 26px 18px 0;cursor:pointer;min-height:48px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'＋';position:absolute;right:0;top:18px;color:var(--accent)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;line-height:1.95;padding-bottom:20px}.faq details .text-link{margin-top:0;margin-bottom:20px}.access{background:#edf0ee}.access figure{margin:28px 0}.access img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-lg)}.access h3{font-size:22px}.map-embed{display:block;width:100%;height:280px;border:0;border-radius:var(--radius-md);margin:24px 0;background:#dce3e8}.address{font-size:14px;margin-top:12px}.compact-facts{margin:28px 0}.compact-facts>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.compact-facts dt{color:var(--muted)}.compact-facts dd{margin:0}.button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:16px 20px;background:var(--accent);color:#fffdf9;border-radius:var(--radius-md);font-size:14px;text-decoration:none;transition:filter var(--motion) ease}.button:hover{filter:brightness(1.15)}.follow{background:var(--accent);color:#fffdf9;padding-top:56px;padding-bottom:40px}.follow .eyebrow{color:#eee4ca}.follow .button{margin-top:28px;background:#f7f5f0;color:var(--accent)}.account{font:400 13px/1.8 Manrope,sans-serif;margin-top:14px}footer{padding:40px 24px calc(120px + env(safe-area-inset-bottom));background:var(--paper)}footer>p{font-size:12px;line-height:2;margin-top:24px}footer>a{display:block;min-height:44px;padding:10px 0;font-size:12px}.footer-top{margin-top:16px}.fixed-cta{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fffdf9;border-top:1px solid var(--line);box-shadow:0 -3px 14px #2f4a6b10}.fixed-cta a{display:flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:8px;border:1px solid var(--accent);border-radius:var(--radius-md);font-size:12px;line-height:1.5;text-decoration:none;color:var(--accent)}.fixed-cta .fixed-cta-primary{background:var(--accent);color:#fffdf9}.desktop-brand,.desktop-nav{display:none}.skip{position:fixed;top:-80px;left:12px;z-index:40;background:white;padding:12px}.skip:focus{top:12px}:focus-visible{outline:3px solid #2f4a6b;outline-offset:4px}section{scroll-margin-top:24px}.desktop-nav a[aria-current='location']{font-weight:500;text-decoration:underline;text-underline-offset:6px}
@media(min-width:1100px){body{display:grid;grid-template-columns:1fr 430px 1fr}.site-shell{grid-column:2;box-shadow:0 0 56px #2f4a6b10}.desktop-brand{display:block;position:fixed;top:50%;transform:translateY(-50%);left:4vw;width:calc((100vw - 430px)/2 - 8vw)}.brand-word{font:500 clamp(32px,3vw,46px)/1.65 JP,sans-serif;letter-spacing:-.035em;color:var(--accent)}.brand-word span{display:block;font:400 12px/1.9 JP,sans-serif;letter-spacing:.06em;margin-top:18px}.desktop-copy{font-size:26px;line-height:1.9;margin:40px 0 20px}.brand-note{font-size:12px;color:var(--muted)}.desktop-nav{display:flex;flex-direction:column;gap:5px;position:fixed;right:4vw;top:50%;transform:translateY(-50%);width:calc((100vw - 430px)/2 - 8vw);max-height:90vh;overflow-y:auto}.desktop-nav .eyebrow{margin-bottom:8px}.desktop-nav>a{font-size:13px;text-decoration:none;min-height:36px;display:flex;align-items:center}.desktop-nav .button{min-height:52px;margin-top:14px}.nav-hours{font-size:12px;line-height:1.85;color:var(--muted);margin-top:16px}}
@media(max-width:374px){header{padding:0 20px}.wordmark{font-size:18px}.header-link{font-size:11px}.hero-copy{left:20px;right:18px;bottom:20px}h1{font-size:32px}.hero-copy>p:last-of-type{font-size:12px}.store-name{font-size:11px}.hero-link{margin-top:8px}.section{padding-left:22px;padding-right:22px}h2,.voices-section h2{font-size:27px}.menu-gallery{gap:12px}.menu-gallery h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-slide{opacity:0}.hero-slide:nth-child(1){opacity:1}}



/* ニコニコベーカリー・: blue lower walls, white bread, wood and a small yellow accent. */
:root{--blue:#2f4a6b;--bread:#c98a4b;--yellow:#f2c230;--review-avatar-ink:var(--blue)}
.wordmark{font-size:17px;white-space:nowrap;letter-spacing:-.04em}.wordmark span{font-size:10px;margin:0 0 4px;letter-spacing:.02em}.header-link{font-size:11px;line-height:1.6;flex-shrink:0}header{padding:0 20px;gap:8px}
h1,h2,h3{color:var(--blue)}.hero h1,.thursday h2,.follow h2{color:inherit}.hero h1{font-size:31px;line-height:1.55}.hero-copy{left:22px;right:20px;bottom:24px}.hero-copy>p:last-of-type{font-size:12px;line-height:1.9}.store-name{font-size:14px;white-space:nowrap;letter-spacing:-.025em}.hero-link{margin-top:10px}.hero-note{font-size:10px}.hero-slides{aspect-ratio:2/3}.hero-slide:nth-child(3){object-position:50% 50%}
h2{font-size:27px;line-height:1.65;letter-spacing:-.025em}.quick-facts dl{grid-template-columns:1.25fr .9fr 1fr}.quick-facts dd{font-size:11px;text-align:left;white-space:nowrap}.quick-facts .small{font-size:11px;color:var(--muted);margin-bottom:12px}.sweets{padding-top:40px}.sweets .wide-photo{margin-top:28px}.breads{background:var(--sand)}.dessert-gallery{gap:28px}.dessert-gallery h3{font-size:17px}.bread-list{margin:28px 0 0}.bread-list div{padding:14px 0;border-bottom:1px solid var(--line)}.bread-list dt{font-size:16px;font-weight:500}.bread-list dd{font-size:14px;margin:6px 0 0}.thursday{background:var(--blue);color:var(--paper)}.thursday .eyebrow{color:var(--yellow)}.thursday .image-note,.thursday figcaption{color:#e1e6eb}.thursday .text-link{border-color:#8a9bab}.thursday .opening{font-size:14px;margin-top:24px;padding:14px 0;border-top:1px solid #8a9bab;border-bottom:1px solid #8a9bab}.booking .wide-photo{margin:28px 0}.booking-facts{margin:24px 0}.booking-facts>div{padding:14px 0;border-bottom:1px solid var(--line)}.booking-facts dt{font-size:12px;color:var(--muted)}.booking-facts dd{margin:6px 0 0;font-size:14px}.booking-facts .phone-number{font:500 25px/1.7 Manrope,JP,sans-serif;color:var(--blue)}.story>figure{padding:12px 12px 0}.story img{aspect-ratio:3/2;object-position:center}.story .section{padding-top:32px}.story .image-note{margin-top:24px}.voices-section h2{font-size:27px}.access h3{font-size:20px;white-space:nowrap;letter-spacing:-.04em}.access .address{text-align:left}.map-button{background:transparent;color:var(--blue);border:1px solid var(--blue);font-size:13px;padding:16px}.follow .eyebrow{color:var(--yellow)}.follow .account{text-align:left}.fixed-cta{grid-template-columns:1.45fr 1fr}.fixed-cta-primary{font-weight:500}.desktop-brand .brand-word{font-size:clamp(20px,2.05vw,32px);white-space:nowrap;letter-spacing:-.055em}.desktop-brand .desktop-copy{font-size:23px}.desktop-brand .eyebrow{display:inline-block;background:var(--yellow);color:var(--ink);padding:3px 9px;border-radius:4px}.desktop-brand p,.desktop-nav p{text-align:left}.desktop-nav .nav-hours{font-family:JP,sans-serif}.desktop-nav .button{font-size:12px}.image-note{margin-top:12px}
@media(max-width:374px){header{padding:0 16px}.wordmark{font-size:16px}.header-link{font-size:10px}.hero h1{font-size:29px}.hero-copy{left:20px;right:18px;bottom:18px}.hero-copy>p:last-of-type{font-size:11px}.store-name{font-size:13px}h2,.voices-section h2{font-size:26px}.fixed-cta a{font-size:11px}}
.voice-list:not(.voice-list--all)>.voice-card,.voice-list:not(.voice-list--all)>.voice-card:last-child{border-radius:12px}

/* レビュー本文は両端揃えにしない。店CSSの p,dd,blockquote{justify} が
   共通部品 reviews.css の blockquote{start} を上書きしてしまうため、店側で戻す
   （2026-09-15 トレモロで発覚。短い本文が字間スカスカになる） */
.voice-card blockquote, .voice-list blockquote { text-align: start; }
.breads .goods-title{margin-top:56px}.breads .goods-title+p{margin-top:12px}.goods-list{margin-top:16px}