:root{--bd: #e5e7eb;--tx: #111827;--muted: #6b7280}body{font-family:Noto Sans JP,system-ui,sans-serif;margin:0;color:var(--tx);background:#fff}.container{max-width:960px;margin:72px auto 64px;padding:0 16px}.hdr{position:fixed;inset:0 0 auto;height:56px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--bd);background:#fff;z-index:50}.title{color:var(--tx);text-decoration:none;font-weight:700;font-size:18px}.hamburger{width:36px;height:36px;border:1px solid var(--bd);border-radius:8px;background:#fff;display:grid;place-items:center;gap:4px;padding:6px;cursor:pointer}.hamburger span{display:block;width:18px;height:2px;background:var(--tx)}.drawer{position:fixed;inset:0;background:#00000040;opacity:0;pointer-events:none;transition:.2s}.drawer.open{opacity:1;pointer-events:auto}.drawer-inner{position:absolute;inset:0 auto 0 0;width:260px;background:#fff;border-right:1px solid var(--bd);padding:16px}.drawer h3{margin:0 0 8px}.drawer ul{list-style:none;padding:0;margin:0}.drawer li{padding:8px 0}.drawer a{color:var(--tx);text-decoration:none}.footer{border-top:1px solid var(--bd);padding:24px 16px;text-align:center;background:#fafafa;color:#333;margin-top:48px}.footer .farm-name{font-weight:600;font-size:18px;margin-bottom:4px}.footer .address{font-size:14px;color:#555;margin-bottom:8px}.footer small{font-size:12px;color:#888}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--bd);margin-bottom:12px}.tab{padding:10px 12px;border:1px solid var(--bd);border-bottom:none;border-radius:8px 8px 0 0;background:#fff;cursor:pointer;transition:background .2s}.tab:hover{background:#f3f4f6}.tab.active{font-weight:700;background:#f9fafb}.tab-content{padding:12px 0}.page{padding:16px}.page h1{font-size:24px;margin-bottom:16px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.card{border:1px solid var(--bd);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 2px #0000000d}.card img{display:block;width:100%;height:160px;object-fit:cover}.card-body{padding:12px}.card-body h3{margin:0 0 6px;font-size:16px}.card-body p{margin:0 0 8px;color:var(--muted)}.card-body strong{font-size:18px}.list{padding-left:18px}
