@charset "utf-8";
:root { --ink:#282a27; --muted:#68695f; --paper:#f7f6f2; --line:#deddd3; --accent:#a39673; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-padding-top:116px; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif; font-size:16px; line-height:1.8; }
h1,h2,h3,p,ul,dl,dd,figure { margin:0; }
ul { list-style:none; padding:0; }
h1,h2,h3 { line-height:1.5; font-weight:600; }
h1 { font-size:30px; letter-spacing:.03em; }
h2 { font-size:23px; }
h3 { font-size:22px; }
a { color:inherit; text-underline-offset:4px; }
a:hover { text-decoration-color:var(--accent); }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #8c794b; outline-offset:4px; }
img { max-width:100%; height:auto; vertical-align:middle; }
button { font:inherit; cursor:pointer; }
.container { width:min(1120px,calc(100% - 64px)); margin-inline:auto; }
main.container { padding-bottom:64px; min-height:50vh; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; left:16px; top:-100px; z-index:100; padding:12px 20px; background:var(--white); }
.skip-link:focus { top:8px; }
.site-header { position:sticky; top:0; z-index:40; border-bottom:1px solid var(--line); background:var(--white); }
.header-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:100px; }
.brand { display:flex; align-items:center; gap:12px; flex-shrink:0; text-decoration:none; }
.brand img { width:50px; height:auto; }
.brand > span { font-size:25px; line-height:1.2; letter-spacing:.08em; }
.brand small { display:block; margin-top:7px; font-size:10px; letter-spacing:.03em; }
.desktop-nav { display:flex; align-items:center; gap:36px; }
.desktop-nav a { position:relative; display:flex; align-items:center; min-height:48px; white-space:nowrap; font-size:13px; text-decoration:none; }
.desktop-nav a[aria-current]::after { content:""; position:absolute; height:2px; background:var(--accent); left:0; right:0; bottom:3px; }
.header-phone { border-left:1px solid var(--line); padding-left:22px; white-space:nowrap; font-size:17px; font-weight:600; text-decoration:none; line-height:1.6; }
.header-phone small { display:block; font-size:10px; font-weight:400; color:var(--muted); }
.mobile-navigation,.mobile-actions { display:none; }
.home-hero { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:42px; align-items:center; padding:44px 0 40px; }
.hero-photo { display:block; width:100%; max-width:850px; border-radius:3px; }
.hero-links { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:18px; }
.hero-links a { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:54px; padding:10px 16px; background:var(--white); border:1px solid var(--line); border-radius:6px; font-size:14px; text-decoration:none; }
.hero-links a span { color:#8e8263; }
.home-intro p { font-size:15px; line-height:2; }
.home-intro p + p { margin-top:18px; }
.home-intro strong { font-weight:600; }
.section-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:20px; }
.feed-shortcuts { display:none; gap:10px; }
.feed-shortcuts a { display:flex; align-items:center; min-height:44px; padding:6px 16px; font-size:13px; background:var(--white); border:1px solid var(--line); border-radius:6px; text-decoration:none; }
.social-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:stretch; gap:24px; }
.social-feed { min-width:0; padding-top:16px; background:var(--white); border:1px solid var(--line); border-radius:10px; overflow:hidden; }
.feed-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 20px 14px; }
.feed-heading h3 { font-size:22px; font-weight:500; }
.feed-heading a { display:flex; align-items:center; min-height:44px; font-size:12px; white-space:nowrap; }
.social-feed > [class^="elfsight-app-"] { min-height:300px; }
@media (min-width:701px) {
  .feeds-aligned .eapps-twitter-feed-container,
  .feeds-aligned .eapps-twitter-feed-inner,
  .feeds-aligned .eapps-twitter-feed-posts,
  .feeds-aligned .eapps-twitter-feed-posts-container { height:var(--x-feed-viewport-height) !important; max-height:none !important; }
}
.home-guide { display:grid; grid-template-columns:1.15fr 1fr .8fr; align-items:stretch; gap:24px; margin-top:40px; }
.reservation-panel { padding:26px; border:1px solid var(--line); border-radius:10px; background:var(--white); align-self:start; }
.reservation-panel h2 { font-size:18px; margin-bottom:12px; }
.phone-number { display:block; font-size:24px; white-space:nowrap; text-decoration:none; letter-spacing:.02em; font-weight:600; }
.reservation-panel p { font-size:13px; line-height:1.9; margin-top:12px; }
.reservation-panel .small-note { color:var(--muted); font-size:12px; }
.text-link { display:inline-flex; align-items:center; gap:16px; min-height:44px; margin-top:10px; font-size:13px; }
.guide-links { display:grid; gap:14px; }
.guide-links a { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:24px; border:1px solid var(--line); border-radius:10px; background:var(--white); text-decoration:none; }
.guide-links h2 { font-size:18px; }
.guide-links a > span { color:#8e8263; }
.line-panel { display:flex; align-items:center; gap:18px; padding:22px; border:1px solid var(--line); border-radius:10px; background:var(--white); }
.line-panel > div { flex:1; }
.line-panel h2 { font-size:21px; }
.line-panel p { margin-top:8px; font-size:12px; }
.line-panel > a { width:140px; flex-shrink:0; }
.line-panel img { width:140px; }
.page-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); align-items:center; gap:40px; padding:36px 0; margin-bottom:28px; border-bottom:1px solid var(--line); }
.page-heading img { display:block; width:100%; max-width:701px; border-radius:3px; }
.breadcrumb { display:inline-flex; align-items:center; gap:14px; min-height:36px; margin-bottom:6px; color:var(--muted); font-size:12px; text-decoration:none; }
.content-with-aside { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:40px; }
.content-with-aside > .reservation-panel { position:sticky; top:124px; }
.content-heading { display:flex; justify-content:space-between; align-items:baseline; gap:20px; margin-bottom:20px; }
.content-heading p { font-size:12px; color:var(--muted); }
.price-list { border:1px solid var(--line); border-radius:10px; overflow:hidden; background:var(--white); }
.price-list li { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 18px; padding:19px 24px; border-bottom:1px solid var(--line); }
.price-list li:last-child { border-bottom:0; }
.menu-name { grid-column:1; font-weight:600; font-size:17px; }
.menu-price { grid-column:2; grid-row:1; font-weight:600; font-size:20px; white-space:nowrap; }
.menu-detail { grid-column:1; grid-row:2; color:var(--muted); font-size:13px; }
.menu-detail small { display:block; font-size:inherit; }
.original-menu { margin-top:16px; }
.section-intro { margin:0 0 28px; }
.staff-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.staff-card { padding:28px 24px; background:var(--white); border:1px solid var(--line); border-radius:10px; }
.staff-portrait { position:relative; width:144px; height:136.56px; overflow:hidden; border-radius:7px; margin-bottom:20px; }
.staff-portrait img { position:absolute; width:473.92px; max-width:none; height:auto; top:-8.79px; }
.portrait-sensei img { left:-6.76px; }
.portrait-yuji img { left:-164.96px; }
.portrait-saeko img { left:-323.15px; }
.staff-card h2 { font-size:25px; margin-bottom:14px; }
.staff-card p { font-size:15px; line-height:1.95; }
.staff-card p + p { margin-top:14px; }
.shop-overview { display:grid; grid-template-columns:332px minmax(0,1fr); align-items:start; gap:56px; margin-bottom:40px; }
.shop-photo { width:332px; border-radius:6px; }
.shop-overview h2 { margin-bottom:16px; }
.info-list { display:grid; grid-template-columns:120px minmax(0,1fr); }
.info-list dt,.info-list dd { padding:15px 0; border-bottom:1px solid var(--line); }
.info-list dt { font-size:13px; color:var(--muted); }
.info-list dd { font-size:16px; overflow-wrap:anywhere; }
.info-list dt:last-of-type,.info-list dd:last-child { border-bottom:0; }
.map-section { margin-top:40px; }
.map-section h2,.company-section h2 { margin-bottom:20px; }
.access-map { display:block; border:0; width:100%; height:380px; border-radius:10px; background:#ecece7; }
.map-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; }
.map-links a,.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:10px 20px; background:var(--white); border:1px solid var(--line); border-radius:6px; font-size:14px; text-decoration:none; }
.company-section { max-width:800px; margin-top:48px; }
.gallery-section { padding:28px; border:1px solid var(--line); border-radius:10px; background:var(--white); }
.gallery-section + .gallery-section { margin-top:28px; }
.gallery-section h2 { font-size:21px; margin-bottom:26px; }
.collection_gallery { display:grid; grid-template-columns:repeat(auto-fill,80px); gap:18px; justify-content:start; }
.gallery-link { display:block; width:80px; height:80px; }
.gallery-link img { display:block; width:80px; height:80px; max-width:none; }
.gallery-link:hover { outline:2px solid var(--accent); outline-offset:4px; }
.contact-intro { max-width:800px; line-height:2; margin-bottom:32px; }
.contact-intro strong { display:block; font-weight:600; margin-top:16px; }
.contact-options { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.contact-card { display:flex; flex-direction:column; align-items:start; justify-content:center; padding:30px; border:1px solid var(--line); border-radius:10px; background:var(--white); text-decoration:none; }
.contact-card h2 { font-size:18px; }
.contact-value { font-size:30px; margin:12px 0; line-height:1.6; letter-spacing:.02em; }
.email-value { font-size:22px; overflow-wrap:anywhere; }
.contact-card > span:last-child:not(.contact-value) { font-size:12px; }
.phone-card { background:var(--ink); color:var(--white); border-color:var(--ink); }
.site-footer { background:var(--ink); color:var(--white); padding:36px 0 24px; }
.footer-top { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:26px; }
.footer-name { font-size:24px; letter-spacing:.1em; margin-bottom:8px; }
.footer-top p:not(.footer-name) { font-size:12px; color:#d2d3ca; line-height:1.9; }
.footer-phone { font-size:25px; white-space:nowrap; text-decoration:none; }
.footer-phone small { display:block; font-size:11px; color:#d2d3ca; }
.footer-nav { display:flex; flex-wrap:wrap; gap:12px 28px; padding-top:18px; border-top:1px solid #52554c; }
.footer-nav a { display:flex; align-items:center; min-height:44px; font-size:13px; text-decoration:none; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:20px; color:#b9bcb1; }
.footer-bottom small { font-size:10px; }
.footer-bottom a { display:flex; align-items:center; min-height:44px; font-size:12px; }
.lightbox { width:min(860px,calc(100vw - 28px)); max-height:calc(100dvh - 28px); padding:18px; border:0; background:#232323; color:white; overflow:auto; }
.lightbox::backdrop { background:#000c; }
.lightbox-toolbar,.lightbox-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.lightbox-toolbar { margin-bottom:14px; }
.lightbox-toolbar p { font-size:13px; }
.lightbox button { color:white; border:1px solid #777; background:transparent; min-height:44px; padding:7px 12px; font-size:13px; }
.lightbox button:hover { background:#444; }
.lightbox-image { display:block; margin:auto; max-width:100%; max-height:calc(100dvh - 210px); width:auto; height:auto; object-fit:contain; }
.lightbox-controls { margin-top:14px; flex-wrap:wrap; }
.lightbox-original { color:white; font-size:12px; min-height:44px; display:flex; align-items:center; }
body.has-lightbox { overflow:hidden; }
.error-page { padding-block:60px; }
.error-page h1 { margin-top:36px; }
.error-page p { margin:20px 0; }

@media (max-width:1199px) and (min-width:1001px) {
  html { scroll-padding-top:160px; }
  .header-inner { flex-wrap:wrap; gap:0 24px; padding-top:12px; }
  .desktop-nav { order:3; width:100%; justify-content:center; margin-top:12px; border-top:1px solid var(--line); }
  .content-with-aside > .reservation-panel { top:164px; }
}
@media (max-width:1140px) and (min-width:1001px) {
  .home-guide { grid-template-columns:1fr 1fr; }
  .line-panel { grid-column:1 / -1; justify-content:space-between; }
}
@media (max-width:1000px) {
  html { scroll-padding-top:96px; }
  body { padding-bottom:calc(68px + env(safe-area-inset-bottom)); }
  .container { width:calc(100% - 40px); }
  .header-inner { min-height:80px; }
  .brand img { width:46px; }
  .brand > span { font-size:23px; }
  .desktop-nav,.header-phone { display:none; }
  .mobile-navigation { display:block; }
  .mobile-navigation summary { list-style:none; display:flex; align-items:center; gap:8px; min-height:46px; padding:0 13px; border:1px solid var(--line); border-radius:7px; cursor:pointer; font-size:12px; }
  .mobile-navigation summary::-webkit-details-marker { display:none; }
  .menu-icon { width:16px; height:10px; border-block:1px solid currentColor; position:relative; }
  .menu-icon::after { content:""; position:absolute; left:0; right:0; top:4px; border-top:1px solid currentColor; }
  .mobile-navigation[open] summary { background:var(--ink); color:white; border-color:var(--ink); }
  .phone-nav { position:absolute; top:100%; left:0; right:0; background:white; padding:8px 20px 16px; border-bottom:1px solid var(--line); box-shadow:0 12px 20px #00000012; max-height:calc(100dvh - 170px); overflow:auto; }
  .phone-nav a { display:flex; align-items:center; min-height:50px; padding:0 14px; border-bottom:1px solid #ebeae3; text-decoration:none; font-size:15px; }
  .phone-nav a::after { content:"›"; margin-left:auto; font-size:23px; color:#8c8269; }
  .phone-nav a[aria-current] { background:var(--paper); font-weight:600; }
  .mobile-actions { display:grid; grid-template-columns:1fr 1fr; position:fixed; bottom:0; left:0; right:0; z-index:35; background:var(--line); gap:1px; border-top:1px solid var(--line); padding-bottom:env(safe-area-inset-bottom); }
  .mobile-actions a { display:flex; align-items:center; justify-content:center; gap:10px; min-height:68px; background:white; font-size:14px; text-decoration:none; line-height:1.5; }
  .mobile-actions small { display:block; font-size:10px; margin-top:3px; }
  .mobile-actions .mobile-call { color:white; background:var(--ink); }
  .mobile-call > span:first-child { font-size:25px; }
  .pin-icon { width:15px; height:19px; border:1.5px solid currentColor; border-radius:50% 50% 50% 0; transform:rotate(-45deg); position:relative; }
  .pin-icon::after { content:""; position:absolute; width:5px; height:5px; border:1px solid currentColor; border-radius:50%; top:5px; left:4px; }
  body.has-lightbox .site-header,body.has-lightbox .mobile-actions { visibility:hidden; }
  .home-hero { grid-template-columns:1.2fr 1fr; gap:28px; padding-top:30px; }
  .hero-links { grid-template-columns:1fr; }
  .home-guide { grid-template-columns:1fr 1fr; }
  .line-panel { grid-column:1 / -1; }
  .content-with-aside { grid-template-columns:minmax(0,1fr) 260px; gap:24px; }
  .reservation-panel { padding:22px; }
  .phone-number { font-size:22px; }
  .staff-grid { gap:16px; }
  .staff-card { padding:24px 20px; }
  .staff-card p { font-size:14px; }
  .shop-overview { grid-template-columns:280px minmax(0,1fr); gap:32px; }
  .info-list { grid-template-columns:90px minmax(0,1fr); }
  .contact-card { padding:24px; }
  .email-value { font-size:18px; }
}
@media (max-width:700px) {
  main.container { padding-bottom:36px; }
  h1 { font-size:26px; }
  h2 { font-size:22px; }
  .home-hero { display:flex; flex-direction:column; gap:26px; padding:24px 0 28px; }
  .hero-visual { width:100%; }
  .hero-links { grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; }
  .hero-links a { font-size:12px; min-height:48px; padding:8px 10px; }
  .home-intro p { font-size:16px; line-height:1.95; }
  .home-intro p + p { margin-top:16px; }
  .section-heading { flex-direction:column; align-items:stretch; gap:12px; margin-bottom:16px; }
  .feed-shortcuts { display:grid; grid-template-columns:1fr 1fr; }
  .feed-shortcuts a { justify-content:space-between; font-size:13px; }
  .social-grid { grid-template-columns:minmax(0,1fr); gap:22px; }
  .feed-heading { margin-inline:14px; gap:10px; }
  .feed-heading a { font-size:11px; }
  .home-guide { grid-template-columns:1fr; gap:18px; margin-top:28px; }
  .line-panel { grid-column:auto; }
  .guide-links { grid-template-columns:1fr 1fr; }
  .guide-links a { padding:18px 14px; }
  .guide-links h2 { font-size:15px; }
  .line-panel > a,.line-panel img { width:144px; }
  .page-heading { display:flex; flex-direction:column-reverse; align-items:stretch; gap:20px; padding:24px 0; margin-bottom:24px; }
  .page-heading img { width:100%; }
  .breadcrumb { margin-bottom:2px; }
  .content-with-aside { grid-template-columns:1fr; gap:28px; }
  .content-with-aside > .reservation-panel { position:static; }
  .content-heading { display:block; margin-bottom:16px; }
  .content-heading p { margin-top:8px; font-size:12px; }
  .price-list li { padding:17px 15px; gap:4px 8px; }
  .menu-name { font-size:15px; }
  .menu-price { font-size:17px; }
  .menu-detail { grid-column:1 / -1; font-size:12px; }
  .staff-grid { grid-template-columns:1fr; gap:20px; }
  .staff-card { padding:24px; }
  .staff-card p { font-size:16px; }
  .section-intro { font-size:16px; margin-bottom:24px; }
  .shop-overview { grid-template-columns:minmax(0,1fr); gap:26px; margin-bottom:32px; }
  .shop-photo { width:min(100%,332px); max-width:100%; }
  .info-list { grid-template-columns:76px minmax(0,1fr); }
  .info-list dt { font-size:12px; }
  .info-list dd { font-size:15px; }
  .access-map { height:320px; }
  .map-section { margin-top:30px; }
  .map-links { gap:10px; }
  .map-links a { padding-inline:14px; font-size:12px; }
  .company-section { margin-top:32px; }
  .gallery-section { padding:22px 14px; }
  .gallery-section h2 { font-size:18px; margin-bottom:22px; }
  .collection_gallery { gap:16px; justify-content:center; }
  .contact-intro { font-size:16px; line-height:1.95; margin-bottom:26px; }
  .contact-intro br { display:none; }
  .contact-options { grid-template-columns:1fr; gap:18px; }
  .contact-card { padding:24px 20px; }
  .contact-value { font-size:27px; }
  .email-value { font-size:18px; }
  .footer-top { flex-direction:column; align-items:start; gap:20px; }
  .footer-top p:not(.footer-name) { font-size:12px; }
  .footer-phone { font-size:23px; }
  .footer-nav { display:grid; grid-template-columns:1fr 1fr; gap:4px 16px; }
  .footer-nav a { font-size:12px; }
  .footer-bottom { flex-direction:column-reverse; align-items:start; gap:14px; }
  .lightbox { padding:12px; }
  .lightbox-image { max-height:calc(100dvh - 240px); }
}
@media (max-width:359px) {
  .container { width:calc(100% - 32px); }
  .header-inner { gap:10px; }
  .brand { gap:7px; }
  .brand > span { font-size:21px; }
  .mobile-navigation summary { padding-inline:10px; }
  .hero-links { grid-template-columns:1fr; }
  .menu-name { font-size:14px; }
  .menu-price { font-size:15px; }
  .gallery-section { padding-inline:8px; }
  .collection_gallery { gap:12px; }
  .line-panel { padding:18px; gap:10px; }
  .line-panel > a,.line-panel img { width:126px; }
  .email-value { font-size:16px; }
}