:root{--ink:#3d3836;--paper:#fff;--cream:#fffaf0;--pink:#d95867;--pink-soft:#fff0f2;--purple:#596b8c;--green:#6f927f;--yellow:#f2c85b;--line:#aaa19c;--muted:#746d69}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--paper);color:var(--ink);margin:0;font-family:"Hiragino Maru Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}:is(button:focus-visible,a:focus-visible){outline-offset:3px;outline:3px solid #315fbd}img{max-width:100%;display:block}.skip-link{position:fixed;left:12px;top:-60px;z-index:100;background:#fff;border:1px solid var(--ink);padding:8px 12px}.skip-link:focus{top:10px}
.topbar{border-bottom:1px solid var(--line);z-index:20;backdrop-filter:blur(9px);background:#fffffff5;align-items:center;height:60px;padding:0 max(18px,calc(50% - 590px));display:flex;position:sticky;top:0}.brand{align-items:center;gap:9px;font-size:14px;font-weight:900;line-height:1.1;display:flex}.brand>span:last-child{flex-direction:column;gap:2px;display:flex}.brand small{color:var(--muted);font-size:10px;font-weight:700}.brand-mark{border:1.5px solid var(--line);background:#fff;border-radius:50%;justify-content:center;align-items:center;gap:1px;width:36px;height:36px;display:flex;transform:rotate(-4deg);box-shadow:2px 2px #ece7e3}.brand-mark b{color:var(--pink);font-size:14px;font-style:normal}.brand-mark i{font-size:14px;font-style:normal}.topbar nav{align-items:center;gap:6px;margin-left:auto;display:flex}.topbar nav a{border:1px solid var(--line);background:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:6px 11px;font-size:12px;font-weight:900;display:inline-flex}.topbar nav a:first-child{background:var(--ink);color:#fff;width:38px;padding:0}
.hero{background:#fff}.intro{justify-content:space-between;align-items:center;gap:24px;max-width:1180px;min-height:142px;margin:0 auto;padding:19px 22px 15px;display:flex}.intro-copy{min-width:0}.tiny-title{color:var(--pink);margin:0 0 3px;font-size:12px;font-weight:900}.intro h1{isolation:isolate;letter-spacing:-.04em;margin:0;font-size:clamp(27px,3vw,39px);font-weight:900;line-height:1.2;display:inline-block;position:relative}.intro h1:after{content:"";z-index:-1;background:#f6df8e;border-radius:999px;height:8px;position:absolute;bottom:1px;left:-3px;right:8px;transform:rotate(-1.2deg)}.intro h1:before{content:"♥";width:22px;height:27px;color:var(--pink);background:#fff;border:1px solid #bdb5b0;border-radius:5px;place-items:center;font-size:11px;line-height:1;display:grid;position:absolute;top:-7px;right:-27px;transform:rotate(8deg);box-shadow:2px 2px #eee9e5}.intro-copy>p:last-child{color:var(--muted);margin:6px 0 0;font-size:14px}.manager{flex:none;align-self:flex-end;align-items:center;gap:8px;display:flex}.manager img{object-fit:contain;width:112px;height:112px}.speech{border:1.5px solid var(--line);text-align:center;background:#fff;border-radius:20px;padding:9px 12px;font-size:11px;line-height:1.35;position:relative;transform:rotate(-2deg);box-shadow:3px 3px #eee9e5}.speech:after{content:"";border-right:1.5px solid var(--line);border-bottom:1.5px solid var(--line);background:#fff;width:12px;height:12px;position:absolute;bottom:13px;right:-7px;transform:rotate(-45deg)}
.directory{background-color:#fff;background-image:radial-gradient(circle at 50% 100%,#0000 12px,#736a640b 12.5px 13.5px,#0000 14px);background-size:28px 14px;border-top:1px solid #ddd7d2;border-bottom:1px solid #ddd7d2;padding:15px max(18px,calc(50% - 590px)) 48px}.directory-head{justify-content:space-between;align-items:end;margin-bottom:8px;display:flex}.directory-head h2{letter-spacing:-.02em;margin:0;font-size:20px;line-height:1.3}.directory-head h2:after{content:"♠  ♥  ♣  ♦";color:#b9b0aa;letter-spacing:.14em;vertical-align:3px;margin-left:10px;font-size:11px}.directory-head h2 span{border:1px solid var(--line);vertical-align:3px;color:var(--ink);background:#fff8dc;border-radius:999px;margin-left:5px;padding:2px 8px;font-size:11px;display:inline-block;transform:rotate(2deg)}.directory-head p{color:var(--muted);margin:0;font-size:11px;font-weight:800}.filter-groups{gap:6px;margin-bottom:4px;display:grid}.filter-row{grid-template-columns:58px minmax(0,1fr);align-items:center;display:grid}.filter-row>strong{color:var(--muted);font-size:11px}.filters{scrollbar-width:none;gap:7px;padding:1px 1px 5px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters button{appearance:none;white-space:nowrap;border:1px solid var(--line);min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:900;box-shadow:2px 2px #eee9e5}.filters button.active{background:var(--ink);color:#fff;box-shadow:none;transform:translate(2px,2px)}
.shop-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.shop{border:1.5px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:168px minmax(0,1fr);min-height:272px;display:grid;position:relative;overflow:hidden;box-shadow:4px 4px #e6e1dd}.shop-open{appearance:none;z-index:1;cursor:pointer;background:transparent;border:0;position:absolute;inset:0}.shop-open:focus-visible{outline-offset:-5px;outline:3px solid #315fbd}.shop .shop-photo,.shop .shop-body{z-index:2;pointer-events:none;position:relative}.shop .shop-links{pointer-events:auto}.shop-photo{margin:0;background:#f3f0ed;border-right:1px solid #d5cfca;position:relative;overflow:hidden}.shop-photo img{object-fit:cover;width:100%;height:100%}.shop-photo>span{z-index:2;color:var(--ink);background:#fffffff0;border:1px solid #ffffffe6;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:900;position:absolute;top:9px;left:8px;transform:rotate(-3deg);box-shadow:2px 2px #2a252324}.shop-photo>span:first-letter{color:var(--pink)}.image-placeholder{height:100%;display:grid;place-items:center;text-align:center;padding:12px;background:#f3f0ed;color:var(--muted)}.image-placeholder span{display:grid;gap:3px}.image-placeholder small{font-size:9px}.shop-body{flex-direction:column;min-width:0;padding:15px 15px 13px;display:flex}.meta{color:var(--muted);white-space:nowrap;align-items:center;gap:0;font-size:10px;font-weight:800;display:flex;overflow:hidden}.meta span{text-overflow:ellipsis;overflow:hidden}.meta span+span:before{content:"・";padding:0 3px}.shop h3{letter-spacing:-.02em;margin:5px 0 7px;font-size:19px;line-height:1.3}.favorite{align-items:center;gap:7px;margin:0 0 7px;display:flex}.favorite small{background:var(--pink);color:#fff;border:0;border-radius:999px;flex:none;padding:3px 8px;font-size:10px;font-weight:900;transform:rotate(-2deg)}.favorite strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.shop-hours{border-top:1px solid #ece7e3;border-bottom:1px solid #ece7e3;gap:2px;margin:0 0 7px;padding:7px 0;display:grid}.shop-hours div{grid-template-columns:48px minmax(0,1fr);gap:5px;display:grid}.shop-hours dt{color:var(--muted);font-size:9px;font-weight:900}.shop-hours dd{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:10px;font-weight:800;line-height:1.35;overflow:hidden}.comment{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:12px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.shop-links{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.shop-links a,.shop-links button{appearance:none;border:1px solid var(--line);min-height:35px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:5px 9px;font-size:10px;font-weight:900;display:inline-flex}.shop-links .primary-link{background:var(--ink);color:#fff}.empty{padding:36px;text-align:center;color:var(--muted)}
body.modal-open{overflow:hidden}.modal-backdrop{z-index:50;backdrop-filter:blur(5px);background:#2a25237a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-backdrop[hidden]{display:none}.shop-modal{border:1.5px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:minmax(260px,42%) minmax(0,1fr);width:min(880px,100%);max-height:calc(100dvh - 32px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 60px #2a25233d}.modal-close{z-index:3;border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px;box-shadow:2px 2px #e6e1dd}.modal-photo{object-fit:cover;background:#f5f2ef;width:100%;height:100%;min-height:390px}.modal-body{min-width:0;padding:24px 24px 18px;overflow:auto}.modal-kicker{color:var(--pink);margin:0;font-size:10px;font-weight:900}.modal-body h2{letter-spacing:-.03em;margin:5px 42px 10px 0;font-size:25px;line-height:1.25}.modal-best{align-items:center;gap:9px;margin:0 0 10px;display:flex}.modal-best small{background:var(--pink);color:#fff;border-radius:999px;flex:none;padding:3px 8px;font-size:10px;font-weight:900}.modal-best strong{font-size:14px}.modal-comment{margin:0 0 13px;font-size:14px;font-weight:700;line-height:1.65}.modal-facts{border-top:1px solid #ddd7d2;margin:0 0 14px;display:grid}.modal-facts div{border-bottom:1px solid #e8e3df;grid-template-columns:72px 1fr;gap:8px;padding:8px 0;display:grid}.modal-facts dt{color:var(--muted);font-size:11px;font-weight:900}.modal-facts dd{margin:0;font-size:12px;font-weight:700;line-height:1.5}.modal-note{color:var(--muted);margin:9px 0 0;font-size:9px;line-height:1.5}
.musapo-callout{border:1.5px solid var(--line);max-width:1140px;min-height:130px;color:var(--ink);background-color:#fff;background-image:radial-gradient(circle at 50% 100%,#0000 15px,#736a640f 15.5px 16.5px,#0000 17px);background-size:34px 17px;border-radius:20px;grid-template-columns:116px minmax(0,1fr) auto;align-items:center;gap:18px;margin:36px auto;padding:10px 24px 0;display:grid;overflow:hidden;box-shadow:5px 5px #e6e1dd}.musapo-callout>img{align-self:end;width:110px;height:110px;object-fit:contain}.musapo-callout p{margin:0 0 2px;font-size:11px;font-weight:900}.musapo-callout h2{letter-spacing:-.025em;margin:0;font-size:22px;line-height:1.3}.musapo-links{gap:7px;display:flex}.musapo-links a{border:1px solid var(--line);background:var(--ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:7px 13px;font-size:11px;font-weight:900;display:inline-flex}.musapo-links a:last-child{color:var(--ink);background:#fff;padding:0;width:40px}footer{max-width:1140px;color:var(--muted);border-top:1px dashed #bcb0ad;justify-content:space-between;gap:24px;margin:0 auto;padding:20px 0 34px;font-size:10px;display:flex}footer p{margin:0}footer p:first-child{max-width:680px}.toast{position:fixed;left:50%;bottom:22px;z-index:100;transform:translate(-50%,20px);padding:9px 14px;background:var(--ink);color:#fff;border-radius:999px;font-size:11px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.shop-list{grid-template-columns:1fr}.shop{grid-template-columns:180px minmax(0,1fr)}.musapo-callout,footer{margin-left:18px;margin-right:18px}}
@media(max-width:600px){.topbar{height:56px;padding:0 12px}.brand-mark{width:32px;height:32px}.brand{font-size:12px}.brand small{font-size:9px}.topbar nav a:last-child{display:none}.intro{align-items:flex-start;gap:4px;min-height:118px;padding:12px 14px 9px}.tiny-title{font-size:10px}.intro h1{font-size:23px;line-height:1.25}.intro h1:after{height:6px;right:4px}.intro h1:before{width:19px;height:23px;font-size:10px;top:-5px;right:-23px}.intro-copy>p:last-child{max-width:240px;margin-top:4px;font-size:11px;line-height:1.5}.manager{gap:0;margin-top:4px}.manager img{width:78px;height:78px}.speech{display:none}.directory{padding:11px 10px 38px}.directory-head{padding:0 4px}.directory-head h2{font-size:17px}.directory-head p{display:none}.filter-groups{gap:4px}.filter-row{grid-template-columns:48px minmax(0,1fr)}.filter-row>strong{padding-left:4px;font-size:9px}.filters{margin-right:-10px;padding:2px 10px 6px 0}.filters button{min-height:34px;padding:4px 11px;font-size:10px}.shop-list{gap:9px}.shop{border-radius:14px;grid-template-columns:118px minmax(0,1fr);min-height:236px;box-shadow:3px 3px #e6e1dd}.shop-photo>span{padding:2px 5px;font-size:8px;top:7px;left:6px}.shop-body{padding:11px 9px 10px}.meta{font-size:8px}.shop h3{margin:4px 0 6px;font-size:16px}.favorite{gap:4px;margin-bottom:5px}.favorite small{padding:1px 5px;font-size:8px}.favorite strong{font-size:11px}.shop-hours{margin-bottom:5px;padding:5px 0}.shop-hours div{grid-template-columns:42px 1fr}.shop-hours dt{font-size:8px}.shop-hours dd{font-size:9px}.comment{margin-bottom:6px;font-size:10px;line-height:1.45}.shop-links{gap:4px}.shop-links a,.shop-links button{min-height:32px;padding:4px 7px;font-size:9px}.musapo-callout{border-radius:19px;grid-template-columns:78px 1fr;gap:8px;min-height:114px;margin:30px 10px 26px;padding:8px 12px 0;box-shadow:3px 3px #e6e1dd}.musapo-callout>img{width:78px;height:78px}.musapo-callout p{font-size:9px}.musapo-callout h2{font-size:15px}.musapo-links{grid-column:2;margin:-2px 0 8px}.musapo-links a{min-height:32px;padding:4px 8px;font-size:9px}.musapo-links a:last-child{width:32px;padding:0}footer{margin:0 12px;padding:17px 0 28px;font-size:9px;line-height:1.55;display:block}footer p+p{margin-top:7px}.modal-backdrop{padding:10px}.shop-modal{border-radius:16px;grid-template-rows:155px minmax(0,1fr);grid-template-columns:1fr;max-height:calc(100dvh - 20px)}.modal-photo{height:155px;min-height:0}.modal-body{padding:14px 14px 12px}.modal-body h2{margin-top:4px;margin-bottom:7px;font-size:20px}.modal-comment{margin-bottom:9px;font-size:12px;line-height:1.55}.modal-facts{margin-bottom:10px}.modal-facts div{grid-template-columns:58px 1fr;padding:6px 0}.modal-facts dt{font-size:9px}.modal-facts dd{font-size:10px}.modal-note{font-size:8px}.modal-close{width:34px;height:34px;top:8px;right:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toast{transition:none}}
#modal-content{display:contents}