:root{--bg:#f8f3ea;--ink:#352820;--accent:#875642}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Meiryo,"Yu Gothic",sans-serif;line-height:1.85}a{color:inherit;text-underline-offset:.25em}a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}header,main,footer{max-width:1210px;margin:auto;padding-inline:36px}header{display:flex;gap:15px;align-items:center;justify-content:space-between;min-height:74px;border-bottom:1px solid currentColor}header a{font-size:.8rem}header strong{letter-spacing:.16em}.hero{display:grid;grid-template-columns: .85fr 1.15fr;align-items:center;gap:36px;padding:54px 0 76px}.hero img,.gallery img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.hero img{border-radius:4px}.kicker{color:var(--accent);font-weight:800;font-size:.82rem;letter-spacing:.14em}h1,h2{font-family:"Yu Mincho",YuMincho,serif;line-height:1.35;margin:.2em 0 .6em}h1{font-size:clamp(2.25rem,4.6vw,4.6rem);text-wrap:balance}h2{font-size:clamp(1.65rem,3.2vw,3rem)}.button{display:inline-block;margin-top:12px;padding:9px 17px;border:1px solid currentColor;text-decoration:none}.button:hover{color:var(--accent)}.details,.contact{border-top:1px solid currentColor;padding:60px 0}.intro{max-width:690px}dl{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:33px}dl div{border-top:1px solid currentColor;padding-top:12px}dt{font-weight:800;color:var(--accent)}dd{margin:8px 0 0}summary{cursor:pointer;font-weight:700}.note,footer{font-size:.82rem}footer{padding-block:22px;border-top:1px solid currentColor}.leather .hero img{grid-column:1;grid-row:1}.leather .hero{grid-template-columns:1.25fr .75fr}.pottery .hero{grid-template-columns:1fr 1fr}.pottery .hero img{border-radius:45% 45% 8px 8px;aspect-ratio:1.1}.repair h1{font-family:Meiryo,sans-serif;font-weight:800}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:26px 0 55px}.gallery a{display:block;text-decoration:none}.gallery a:hover h2{text-decoration:underline}.gallery h2{font-size:1.55rem;margin:.5em 0 .2em}.opening{padding-top:55px}.opening p{max-width:650px}@media(max-width:720px){header,main,footer{padding-inline:20px}header strong{letter-spacing:0}header a:last-child{display:none}.hero,.leather .hero,.pottery .hero,dl,.gallery{grid-template-columns:1fr}.leather .hero img{grid-column:auto;grid-row:auto}.hero{padding-block:35px 45px}.details,.contact{padding-block:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.shopnav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.shopnav a{white-space:nowrap}.shop-about,.shop-process{padding:60px 0;border-top:1px solid currentColor}.shop-about p:not(.kicker){max-width:720px}.shop-process ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;counter-reset:s;padding:0;gap:20px}.shop-process li{border-top:1px solid currentColor;padding:12px 0;counter-increment:s}.shop-process li:before{content:"0" counter(s);display:block;color:var(--accent);font-weight:800}.shop-faq{margin-top:25px}footer .back-main{margin-left:20px}@media(max-width:720px){header.shophead{flex-wrap:wrap;padding-block:12px}.shophead .shopnav a:last-child{display:inline}.shopnav{width:100%;gap:12px}.shop-about,.shop-process{padding:42px 0}.shop-process ol{grid-template-columns:1fr;gap:8px}}
.workshop-lab{border-top:1px solid currentColor;padding:70px 0}.lab-intro{max-width:680px}.lab-switch{border:0;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.lab-switch legend{margin-bottom:12px;font-size:.8rem;font-weight:bold}.lab-switch input{position:absolute;opacity:0;width:1px;height:1px}.lab-switch label{padding:10px;text-align:center;border:1px solid currentColor;border-radius:5px;cursor:pointer;font-weight:700}.lab-switch input:focus-visible+label{outline:2px solid var(--accent);outline-offset:3px}.lab-switch input:checked+label{background:var(--accent);color:var(--bg);border-color:var(--accent)}.lab-panel{display:none;grid-column:1/-1;border:1px solid currentColor;padding:24px;min-width:0;margin-top:6px}.lab-panel h3{margin:.2em 0}.lab-panel p{max-width:740px;margin:.5em 0}.lab-switch:has(.o0:checked) .p0,.lab-switch:has(.o1:checked) .p1,.lab-switch:has(.o2:checked) .p2{display:block}.lab-note{font-size:.8rem;margin-top:15px}.stitch{display:block;width:min(100%,330px);height:65px;background:#653e2f;border-radius:10px;position:relative;margin:15px 0}.stitch:after{content:"";position:absolute;inset:12px;border:3px dashed var(--thread);border-radius:6px}.wood .lab-panel{border-left:5px solid var(--accent)}.repair .lab-panel{background:#dde8df}.pottery .lab-panel{border-radius:0 32px 0 0;background:#e1ecec}@media(max-width:720px){.workshop-lab{padding:42px 0}.lab-switch{grid-template-columns:1fr}.lab-switch label{text-align:left}.lab-panel{padding:17px}}