:root{
      --main:#9B4A2F; --main-deep:#5E2C1B; --gold:#E0A93B; --gold-deep:#C58E29; --green:#4F6B55;
      --cream:#F7EFE0; --surface:#FFF9EF; --ink:#342016; --body:#5A4639; --muted:#8B7568;
      --line:rgba(155,74,47,.2); --line-soft:rgba(155,74,47,.1); --line-white:rgba(255,255,255,.18);
    }
    *{box-sizing:border-box;}
    html{scroll-behavior:smooth;}
    body{margin:0; color:var(--body); font-family:"Zen Kaku Gothic",sans-serif; line-height:1.95; -webkit-font-smoothing:antialiased; font-size:16px; overflow-x:hidden;
      background-color:var(--cream);
      background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='340' height='340'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.016 0.12' numOctaves='3' seed='6' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0.60 0 0 0 0 0.29 0 0 0 0 0.18 0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>");
      background-size:340px; background-attachment:fixed;}
    img{max-width:100%; display:block;}
    a{color:inherit; text-decoration:none;}
    .mono{font-family:"Space Grotesk",monospace; letter-spacing:.04em;}
    h1,h2,h3{margin:0; color:var(--ink); font-family:"Shippori Mincho",serif; line-height:1.5; word-break:auto-phrase; text-wrap:balance; font-weight:700;}
    h1,h2,h3,.lead,.btn,summary{word-break:auto-phrase; text-wrap:balance;}
    p{margin:0;}
    .wrap{width:min(1160px,calc(100% - 56px)); margin:0 auto;}
    .eyebrow{font-family:"Space Grotesk",monospace; font-size:12px; letter-spacing:.22em; text-transform:uppercase; color:var(--gold-deep); font-weight:700; display:inline-flex; gap:12px; align-items:center;}
    .eyebrow::before{content:""; width:26px; height:2px; background:var(--gold);}
    .mk{color:var(--main);}
    .btn{display:inline-flex; align-items:center; justify-content:center; gap:.5em; font-weight:700; font-size:15px; min-height:54px; padding:14px 30px; border:1.5px solid transparent; border-radius:999px; transition:transform .2s ease, background .2s ease, color .2s ease;}
    .btn.primary{background:var(--main); color:#fff; box-shadow:0 14px 30px -14px rgba(155,74,47,.6);}
    .btn.primary:hover{transform:translateY(-2px); background:var(--main-deep);}
    .btn.ghost{background:transparent; color:var(--main); border-color:var(--main);}
    .btn.ghost:hover{background:var(--main); color:#fff;}
    .btn.light{background:transparent; color:#fff; border-color:var(--line-white);}
    .btn.light:hover{background:#fff; color:var(--main);}
    section{position:relative;}

    /* ZOROYA:HEADER（地域店舗・ロゴ左/ナビ中央/営業時間・CTA右） */
    .site-header{position:sticky; top:0; z-index:50; background:rgba(247,239,224,.92); backdrop-filter:blur(12px); border-bottom:3px solid var(--gold);}
    .hd-top{width:min(1340px,calc(100% - 40px)); margin:0 auto; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:28px; padding:12px 0;}
    .hd-logo img{height:58px; width:auto;}
    .hd-nav{display:flex; justify-content:center; gap:6px; flex-wrap:wrap;}
    .hd-nav a{padding:10px 15px; font-size:14px; font-weight:700; color:var(--ink); border-radius:999px;}
    .hd-nav a:hover{background:var(--surface); color:var(--main);}
    .hd-contact{justify-self:end; display:flex; align-items:center; gap:16px;}
    .hd-tel{text-align:right;} .hd-tel .num{font-family:"Space Grotesk",monospace; font-weight:700; font-size:19px; color:var(--ink);} .hd-tel .hours{font-size:10px; color:var(--muted);}
    .hd-cta{background:var(--main); color:#fff; font-weight:700; font-size:13px; padding:12px 18px; border-radius:999px;}
    .hd-cta:hover{background:var(--main-deep);}
    /* /ZOROYA:HEADER */

    /* ZOROYA:MAIN */
    /* HERO ＝ 47.Bokeh（全面写真＋暖色のボケ光が漂う没入FV） */
    .hero{position:relative; width:100vw; left:50%; margin-left:-50vw; height:min(880px,100svh); min-height:600px; overflow:hidden; background:#1c0f08;}
    .hero-bg{position:absolute; inset:0; overflow:hidden;}
    .hero-bg img{width:100%; height:100%; object-fit:cover; transform:scale(1.06); transform-origin:60% 50%;}
    .hero-bokeh{position:absolute; inset:0; z-index:2; pointer-events:none;}
    .hero-overlay{position:absolute; inset:0; z-index:3; background:linear-gradient(180deg, rgba(28,15,8,.42) 0%, rgba(28,15,8,.18) 38%, rgba(28,15,8,.66) 100%);}
    .hero-content{position:absolute; inset:0; z-index:5; display:flex; align-items:center;}
    .hero-content .inner{width:min(1280px,calc(100% - 48px)); margin:0 auto; max-width:680px; display:grid; gap:22px;}
    .hero .eyebrow{color:#F3D9A6;} .hero .eyebrow::before{background:var(--gold);}
    .hero h1{color:#FFF6E8; font-size:clamp(36px,5.4vw,68px); letter-spacing:.04em; line-height:1.4; text-shadow:0 3px 36px rgba(0,0,0,.5);}
    .hero .lead{color:rgba(255,246,232,.92); max-width:28em; font-size:16px;}
    .hero-note{color:rgba(255,246,232,.7); font-size:12px; letter-spacing:.08em;}
    .hero-scroll{position:absolute; left:50%; bottom:18px; transform:translateX(-50%); z-index:5; color:rgba(255,246,232,.7); font-family:"Space Grotesk",monospace; font-size:11px; letter-spacing:.34em; writing-mode:vertical-rl; padding-bottom:32px;}
    .hero-scroll::after{content:""; position:absolute; left:50%; bottom:0; width:1px; height:24px; background:linear-gradient(var(--gold),transparent); transform:translateX(-50%);}

    /* STORY（intro：左画像＋語り） */
    .story{padding:118px 0;}
    .story .split{display:grid; grid-template-columns:1.05fr .95fr; gap:62px; align-items:center;}
    .story .imgwrap{position:relative;}
    .story .imgwrap img{width:100%; aspect-ratio:5/4; object-fit:cover; border-radius:8px; box-shadow:0 30px 60px -34px rgba(52,32,22,.3);}
    .story .imgwrap .stamp{position:absolute; right:-16px; bottom:-16px; background:var(--gold); color:var(--ink); font-family:"Shippori Mincho",serif; font-weight:700; font-size:14px; padding:14px 20px; border-radius:50% 50% 50% 8px;}
    .story h2{font-size:clamp(28px,3.8vw,44px); font-weight:800; line-height:1.5; margin:14px 0 18px;}
    .story p{color:var(--body); font-size:16px; max-width:30em;}
    .story .tags{display:flex; gap:10px; flex-wrap:wrap; margin-top:24px;}
    .story .tags span{background:var(--surface); border:1px solid var(--line); color:var(--main); font-size:13px; font-weight:700; padding:8px 16px; border-radius:999px;}

    /* GALLERY（画像グリッド・たくさんの写真） */
    .gallery{padding:0 0 118px;}
    .gallery .head{margin-bottom:46px;}
    .gallery h2.big{font-size:clamp(28px,4vw,46px); font-weight:800; margin-top:12px;}
    .gal-grid{display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:200px; gap:14px;}
    .gal-grid figure{margin:0; overflow:hidden; border-radius:8px;}
    .gal-grid img{width:100%; height:100%; object-fit:cover; transition:transform .6s ease;}
    .gal-grid figure:hover img{transform:scale(1.06);}
    .gal-grid .big2{grid-column:span 2; grid-row:span 2;}
    .gal-grid .wide{grid-column:span 2;}

    /* CONCEPT BAND（ダーク暖色で抑揚） */
    .cband{width:100vw; position:relative; left:50%; margin-left:-50vw; background:var(--main-deep); color:#F4E2CC; padding:96px 0; overflow:hidden;}
    .cband::before{content:""; position:absolute; right:-120px; top:-120px; width:380px; height:380px; border-radius:50%; background:radial-gradient(circle,rgba(224,169,59,.3),transparent 65%); filter:blur(50px); mix-blend-mode:screen;}
    .cband .eyebrow{color:var(--gold);} .cband .eyebrow::before{background:var(--gold);}
    .cband h2{color:#fff; font-weight:700; font-size:clamp(24px,3.4vw,40px); line-height:1.6; margin-top:18px; max-width:20em;}
    .cband h2 .mk{color:var(--gold);}
    .cband p{color:rgba(244,226,204,.84); margin-top:20px; max-width:40em;}

    /* MENU（pricing型・看板＋メニュー写真リスト） */
    .menu{padding:118px 0; overflow:hidden;}
    .menu .head{margin-bottom:48px;}
    .menu h2.big{font-size:clamp(28px,4vw,46px); font-weight:800; margin-top:12px;}
    .menu .feat{display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid var(--line); border-radius:24px; overflow:hidden; background:#fff; box-shadow:0 30px 60px -38px rgba(52,32,22,.22); margin-bottom:40px;}
    .menu .feat .ph{position:relative; min-height:340px;}
    .menu .feat .ph img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
    .menu .feat .ph .tagline{position:absolute; left:0; bottom:0; z-index:2; background:var(--main); color:#fff; font-weight:700; padding:10px 18px; border-radius:0 16px 0 0; font-size:13px;}
    .menu .feat .body{padding:46px 44px;}
    .menu .feat h3{font-size:clamp(22px,2.6vw,30px); margin:12px 0 12px;} .menu .feat p{color:var(--muted); font-size:15px;}
    .menu .feat .price{display:flex; align-items:flex-end; gap:10px; margin:22px 0 0;} .menu .feat .price .v{font-size:clamp(40px,6vw,60px); font-weight:700; color:var(--main); line-height:.9;} .menu .feat .price .u{color:var(--muted); font-size:14px; padding-bottom:6px;}
    .mlist{display:grid; grid-template-columns:1fr 1fr; gap:18px 40px;}
    .mitem{display:grid; grid-template-columns:80px 1fr auto; gap:16px; align-items:center; padding:16px 0; border-bottom:1px solid var(--line);}
    .mitem .mth{width:80px; height:60px; border-radius:8px; overflow:hidden;} .mitem .mth img{width:100%; height:100%; object-fit:cover;}
    .mitem .mt{font-family:"Shippori Mincho",serif; font-weight:700; color:var(--ink); font-size:16px;} .mitem .md{font-size:12px; color:var(--muted);}
    .mitem .mp{font-family:"Shippori Mincho",serif; color:var(--main); font-weight:700; white-space:nowrap;}

    /* VOICE（引用大＋ポートレート） */
    .voice{padding:118px 0; background:var(--surface); border-top:1px solid var(--line);}
    .vquote{display:grid; grid-template-columns:300px 1fr; gap:56px; align-items:center; margin-top:24px;}
    .portrait{position:relative; aspect-ratio:3/4; overflow:hidden; border-radius:14px;}
    .portrait img{width:100%; height:100%; object-fit:cover;}
    .bigq{font-family:"Shippori Mincho",serif; font-size:clamp(19px,2.5vw,30px); font-weight:600; line-height:1.75; margin:0;}
    .bigq .qm{color:var(--gold); font-size:1.2em;}
    .by{margin-top:26px; display:flex; align-items:center; gap:14px;} .by .ln{width:34px; height:1px; background:var(--main);} .by .nm{font-weight:700; font-size:15px;} .by .rl{font-size:13px; color:var(--muted);}

    /* NEWS（お知らせ・イベント） */
    .news{padding:118px 0;}
    .news .head{margin-bottom:40px;} .news h2.big{font-size:clamp(28px,4vw,46px); font-weight:800; margin-top:12px;}
    .nlist{border-top:1px solid var(--ink);}
    .nitem{display:grid; grid-template-columns:160px auto 1fr auto; gap:24px; align-items:center; padding:22px 6px; border-bottom:1px solid var(--line); color:inherit; transition:background .25s ease, padding .25s ease;}
    .nitem:hover{background:var(--surface); padding-left:12px;}
    .nitem .date{font-family:"Space Grotesk",monospace; font-size:13px; color:var(--muted);}
    .nitem .cat{font-size:11px; font-weight:700; color:#fff; background:var(--gold-deep); padding:3px 11px; border-radius:4px; white-space:nowrap;}
    .nitem .cat.info{background:var(--main);}
    .nitem h3{font-size:16px; font-weight:700; margin:0;} .nitem .arr{color:var(--main);}

    /* MESSAGE（店主） */
    .message{padding:128px 0; background:var(--surface);}
    .msg{display:grid; grid-template-columns:1fr 320px; gap:60px; align-items:start; margin-top:24px;}
    .pcol{position:sticky; top:110px;} .pcol .portrait2{aspect-ratio:4/5; border-radius:14px; overflow:hidden;} .pcol .portrait2 img{width:100%; height:100%; object-fit:cover;}
    .pname{margin-top:18px;} .pname .role{font-size:12px; color:var(--muted);} .pname .nm{font-family:"Shippori Mincho",serif; font-size:22px; font-weight:600; margin-top:4px;}
    .msg-body{font-family:"Shippori Mincho",serif; font-size:clamp(19px,2.2vw,26px); line-height:1.95; font-weight:500; max-width:24em;}
    .msg-body .w{color:rgba(52,32,22,.22); transition:color .1s;}
    .sign{margin-top:38px;} .sign svg{width:220px; height:78px; overflow:visible;} .sign path{fill:none; stroke:var(--ink); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}

    /* ACCESS */
    .access{padding:118px 0;}
    .access .grid{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
    .access h2.big{font-size:clamp(26px,3.6vw,42px); font-weight:800; margin-top:12px;}
    .access .info{list-style:none; margin:24px 0 0; padding:0;}
    .access .info li{display:grid; grid-template-columns:100px 1fr; gap:16px; padding:14px 0; border-bottom:1px solid var(--line-soft);}
    .access .info strong{color:var(--ink);}
    .access .mapimg img{width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:12px;}

    /* FINAL CTA（暖色オーバーレイ） */
    .finalcta{width:100vw; position:relative; left:50%; margin-left:-50vw; min-height:70vh; display:flex; align-items:center; justify-content:center; overflow:hidden; text-align:center;}
    .finalcta .bg{position:absolute; inset:0;} .finalcta .bg img{width:100%; height:100%; object-fit:cover;}
    .finalcta .ov{position:absolute; inset:0; background:linear-gradient(120deg, rgba(94,44,27,.9) 0%, rgba(155,74,47,.82) 55%, rgba(224,169,59,.66) 100%); mix-blend-mode:multiply;}
    .finalcta .ov2{position:absolute; inset:0; background:linear-gradient(180deg, rgba(28,15,8,.34), rgba(28,15,8,.5));}
    .finalcta .inner{position:relative; z-index:3; width:min(820px,calc(100% - 48px));}
    .finalcta .eyebrow{color:#F3D9A6; justify-content:center;} .finalcta .eyebrow::before{background:var(--gold);}
    .finalcta h2{color:#FFF6E8; font-weight:800; font-size:clamp(28px,5vw,60px); line-height:1.45; margin:22px 0 0; text-shadow:0 3px 30px rgba(0,0,0,.35);}
    .finalcta p.lead{color:rgba(255,246,232,.92); font-size:17px; margin:20px auto 0; max-width:32em;}
    .finalcta .btns{display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-top:36px;}
    .finalcta .sub{margin-top:22px; font-family:"Space Grotesk",monospace; font-size:12px; letter-spacing:.1em; color:rgba(255,246,232,.72);}
    /* /ZOROYA:MAIN */

    /* ZOROYA:FOOTER */
    .footer{background:var(--main-deep); color:rgba(255,246,232,.74); padding:58px 0 30px;}
    .footer-grid{display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:34px;}
    .footer img{height:48px; width:auto; filter:brightness(0) invert(1); opacity:.92;}
    .footer h4{font-family:"Space Grotesk",monospace; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); margin:0 0 14px;}
    .footer .nm{font-family:"Shippori Mincho",serif; font-weight:700; font-size:22px; color:#fff;}
    .footer p{font-size:14px; line-height:1.9; margin:14px 0 0;}
    .footer a{display:block; color:#FFF6E8; font-size:14px; padding:6px 0; opacity:.85;} .footer a:hover{opacity:1; color:var(--gold);}
    .footer-bottom{border-top:1px solid var(--line-white); margin-top:36px; padding-top:22px; font-size:12px; color:rgba(255,246,232,.55); display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;}

    @media (max-width:960px){
      .story .split,.cband,.menu .feat,.mlist,.vquote,.msg,.access .grid,.footer-grid{grid-template-columns:1fr;}
      .gal-grid{grid-template-columns:repeat(2,1fr); grid-auto-rows:180px;}
      .pcol{position:static;} .msg .pcol{order:-1;}
    }
    @media (max-width:768px){
      body{font-size:15px;}
      .hd-nav,.hd-tel{display:none;} .hd-top{grid-template-columns:1fr auto;}
      .gal-grid .big2,.gal-grid .wide{grid-column:span 1; grid-row:span 1;}
      .nitem{grid-template-columns:1fr; gap:6px;} .nitem .arr{display:none;}
      .btn{width:100%;}
    }
  
/* ZOROYA fixed pages / WordPress migration support */
.zoroya-sub-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.zoroya-sub-nav a,.wp-page-links a{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line,rgba(0,0,0,.14));border-radius:999px;padding:.55em 1em;font-weight:700;font-size:13px;background:rgba(255,255,255,.72)}
.zoroya-sub-nav a[aria-current="page"]{background:var(--ink,#222);color:#fff;border-color:var(--ink,#222)}
.wp-page-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.page-main{background:var(--bg,#f7f3ed);color:var(--body,#333);min-height:60vh}
.page-hero{padding:clamp(76px,10vw,132px) 0 clamp(44px,7vw,82px);border-bottom:1px solid var(--line,rgba(0,0,0,.12));background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.28))}
.page-hero .section-inner,.page-section .section-inner,.zoroya-final .section-inner{width:min(1120px,calc(100% - 44px));margin:0 auto}
.page-hero h1{font-size:clamp(32px,5vw,56px);margin:.18em 0 .28em}
.page-hero p{max-width:42em;color:var(--muted,var(--body,#555));font-size:clamp(15px,1.8vw,18px)}
.page-section{padding:clamp(58px,8vw,100px) 0;border-bottom:1px solid var(--line-soft,var(--line,rgba(0,0,0,.08)))}
.page-section h2{font-size:clamp(25px,3.4vw,40px);margin-bottom:24px}
.zoroya-sub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.zoroya-sub-card{background:var(--paper,#fff);border:1px solid var(--line,rgba(0,0,0,.12));border-radius:12px;padding:24px;box-shadow:0 18px 44px -34px rgba(0,0,0,.34)}
.zoroya-sub-card h3{font-size:clamp(19px,2vw,24px);margin-bottom:10px}
.zoroya-sub-card p,.zoroya-sub-card li{color:var(--muted,var(--body,#555));font-size:15px}
.zoroya-sub-card ul{margin:12px 0 0;padding-left:1.25em}
.zoroya-flow{display:grid;gap:14px;counter-reset:flow}
.zoroya-flow li{list-style:none;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;background:rgba(255,255,255,.58);border:1px solid var(--line,rgba(0,0,0,.12));padding:18px;border-radius:10px}
.zoroya-flow li::before{counter-increment:flow;content:counter(flow,decimal-leading-zero);font-weight:800;color:var(--accent,#9a6a33);font-family:inherit}
.zoroya-info{display:grid;grid-template-columns:180px 1fr;gap:0;border-top:1px solid var(--line,rgba(0,0,0,.12));background:rgba(255,255,255,.5)}
.zoroya-info dt,.zoroya-info dd{margin:0;padding:14px 16px;border-bottom:1px solid var(--line,rgba(0,0,0,.12))}
.zoroya-info dt{font-weight:800;color:var(--ink,#222)}
.zoroya-faq{display:grid;gap:14px}
.zoroya-faq details{background:var(--paper,#fff);border:1px solid var(--line,rgba(0,0,0,.12));border-radius:10px;padding:18px 20px}
.zoroya-faq summary{cursor:pointer;font-weight:800;color:var(--ink,#222)}
.zoroya-faq p{margin-top:12px;color:var(--muted,var(--body,#555))}
.zoroya-form-slot{background:var(--paper,#fff);border:1px dashed var(--accent,#9a6a33);border-radius:12px;padding:26px}
.zoroya-final{padding:clamp(56px,8vw,94px) 0;background:var(--ink,#222);color:#fff}
.zoroya-final h2{color:#fff}
.zoroya-final p{color:rgba(255,255,255,.78);max-width:40em}
.zoroya-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
@media (max-width:768px){
  .zoroya-sub-grid,.zoroya-info{grid-template-columns:1fr}
  .zoroya-info dt{padding-bottom:4px;border-bottom:0}
  .zoroya-info dd{padding-top:4px}
  .page-hero .section-inner,.page-section .section-inner,.zoroya-final .section-inner{width:min(100% - 28px,1120px)}
}