:root{--celadon: #7fb4a3;--celadon-deep: #2f6b5c;--ink: #24463d;--mist: #4d675d;--cream: #f5efe1;--cream-2: #efe7d4;--card: #fffdf6;--rattan: #c9a978;--coral: #e07a56;--coral-deep: #c85f3e;--line: #e6ddc9;--line-soft: #eee7d6;--radius: 16px;--radius-sm: 10px;--radius-pill: 999px;--shadow: 0 1px 2px rgba(47, 107, 92, .05), 0 16px 34px -20px rgba(36, 70, 61, .35);--shadow-lg: 0 10px 24px -14px rgba(36, 70, 61, .28), 0 34px 60px -30px rgba(36, 70, 61, .4);--maxw: 1140px;--font-display: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Zen Kaku Gothic New", sans-serif;--font-accent: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--cream);line-height:1.85;font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--celadon-deep);text-underline-offset:3px}a:hover{color:var(--coral-deep)}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:.01em;line-height:1.4}:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--celadon-deep);color:#fff;padding:10px 16px;border-radius:8px;transition:top .16s ease}.skip-link:focus{top:12px;color:#fff}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:24px}.eyebrow{font-family:var(--font-accent);font-style:italic;font-size:.92rem;letter-spacing:.14em;text-transform:uppercase;color:var(--celadon-deep)}.tile{display:block;width:100%;height:100%;--tile-ink: var(--celadon-deep);--tile-bg: transparent;--tile-accent: var(--coral)}.site-header{position:sticky;top:0;z-index:30;background:#f5efe1d9;backdrop-filter:saturate(1.3) blur(10px);border-bottom:1px solid var(--line)}.site-header .container{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:16px}.brand{font-family:var(--font-display);font-weight:700;font-size:1.3rem;letter-spacing:.03em;color:var(--celadon-deep);text-decoration:none;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand .seal{width:26px;height:26px;flex:none;display:grid;place-items:center;color:var(--coral)}.brand:hover{color:var(--ink)}.site-nav{display:flex;gap:18px;align-items:center}.site-nav a{font-family:var(--font-accent);font-style:italic;text-decoration:none;color:var(--mist);font-size:1rem;white-space:nowrap}.site-nav a:hover{color:var(--coral-deep)}.site-nav .lang-switch{font-family:var(--font-body);font-style:normal;font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--celadon-deep);border:1px solid var(--celadon);padding:3px 11px;border-radius:var(--radius-pill)}.site-nav .lang-switch:hover{color:#fff;background:var(--celadon-deep);border-color:var(--celadon-deep)}.hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#eef4ee,#e7efe4 55%,#e3ecdf)}.hero .container{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-block:76px 84px}.hero-copy{min-width:0}.hero h1{margin:16px 0 18px;font-weight:700;font-size:clamp(2.1rem,5.6vw,3.6rem);line-height:1.28;color:var(--ink);max-width:15ch}.hero h1 .accent{color:var(--coral-deep)}.hero h1 .nb{white-space:nowrap}.hero p{margin:0;max-width:46ch;font-size:1.06rem;color:var(--mist)}.hero-arch{position:relative;aspect-ratio:4 / 5;width:100%;max-width:360px;margin-inline:auto;border-radius:200px 200px 18px 18px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);--tile-bg: var(--card);--tile-ink: var(--celadon);--tile-accent: var(--coral);background:var(--card)}.hero-arch:after{content:"";position:absolute;inset:10px;border:1px solid var(--rattan);border-radius:190px 190px 10px 10px;opacity:.5;pointer-events:none}.hero-edge{height:4px;background:repeating-linear-gradient(90deg,var(--celadon) 0 14px,var(--coral) 14px 18px,var(--celadon) 18px 32px);opacity:.55}.section{padding-block:50px 8px}.section-head{display:flex;align-items:center;gap:14px;margin-bottom:8px}.section-head .eyebrow{color:var(--celadon-deep);white-space:nowrap}.section-head h2{font-size:clamp(1.5rem,3vw,1.95rem);margin:0;color:var(--ink)}.section-head h2 a{color:inherit;text-decoration:none}.section-head h2 a:hover{color:var(--coral-deep)}.section-head .count{font-family:var(--font-accent);font-style:italic;font-size:.95rem;color:var(--mist)}.section-head .mark-rule{flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.tile-mark{width:66px;height:20px;flex:none;opacity:.85;--tile-ink: var(--rattan);--tile-accent: var(--coral)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;margin-top:24px}.card{position:relative;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--cat, var(--celadon));border-radius:var(--radius);box-shadow:var(--shadow);display:flex;gap:16px;padding:18px;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card:hover .medallion{transform:rotate(-4deg)}.medallion{flex:none;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:var(--cat, var(--celadon-deep));background:color-mix(in srgb,var(--cat, var(--celadon)) 14%,#fff);border:1px solid color-mix(in srgb,var(--cat, var(--celadon)) 30%,transparent);transition:transform .2s ease}.medallion svg{width:32px;height:32px}.card-body{display:flex;flex-direction:column;gap:5px;min-width:0}.card-body h3{margin:0;font-size:1.14rem;line-height:1.5;color:var(--ink)}.card-body .local{font-family:var(--font-accent);font-style:italic;color:var(--mist);font-size:.9rem;margin:0}.card-body .summary{margin:3px 0 0;color:#3d554c;font-size:.9rem;line-height:1.7}.card-body .meta{margin-top:auto;padding-top:10px;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}.cat-noodle{--cat: #d08a3c}.cat-gourmet{--cat: #c85f3e}.cat-seafood{--cat: #2f8fa0}.cat-cafe{--cat: #8a6a44}.cat-sweets{--cat: #c56f8a}.cat-bar{--cat: #c79a3f}.cat-shopping{--cat: #8a6aa0}.cat-relax{--cat: #3f9a82}.cat-hotel{--cat: #4f7fa8}.cat-sightseeing{--cat: #3f9fb0}.cat-other{--cat: #5f9a6f}.rating{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;font-family:var(--font-accent);font-weight:600;font-size:.98rem;color:var(--celadon-deep)}.rating .star{color:var(--coral);font-family:var(--font-body)}.rating .count{color:var(--mist);font-weight:500;font-size:.8rem;font-family:var(--font-body);white-space:nowrap}.rating .asof{color:var(--mist);font-weight:400;font-size:.74rem;font-family:var(--font-body);white-space:nowrap}.price{font-family:var(--font-body);color:var(--coral-deep);font-size:.76rem;font-weight:700;border:1px solid var(--line);padding:2px 9px;border-radius:var(--radius-pill)}.article{padding-block:0 48px}.article-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#eef4ee,#e5eee2)}.article-hero .container{position:relative;z-index:1;padding-block:44px 52px}.article-hero .breadcrumb{font-family:var(--font-accent);font-style:italic;font-size:.9rem;color:var(--mist);margin-bottom:16px}.article-hero .breadcrumb a{color:var(--celadon-deep)}.article-hero .icon-badge{width:66px;height:66px;border-radius:20px 20px 6px 6px;display:grid;place-items:center;color:var(--cat, var(--celadon-deep));background:color-mix(in srgb,var(--cat, var(--celadon)) 16%,#fff);border:1px solid color-mix(in srgb,var(--cat, var(--celadon)) 34%,transparent);margin-bottom:16px}.article-hero .icon-badge svg{width:34px;height:34px}.article-hero h1{font-size:clamp(1.8rem,4.4vw,2.6rem);margin:0 0 8px;max-width:22ch;color:var(--ink)}.article-hero .local{font-family:var(--font-accent);font-style:italic;color:var(--mist);margin:0;font-size:1.05rem}.article-hero .cat-rule{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--cat, var(--celadon));opacity:.85}.article-inner{max-width:720px;margin-inline:auto;padding-top:36px}.article-body{font-size:1.05rem}.article-body h2{font-size:1.35rem;margin-top:2em;margin-bottom:.4em;color:var(--ink);display:flex;align-items:center;gap:12px}.article-body h2:before{content:"";width:26px;height:3px;flex:none;border-radius:3px;background:var(--coral)}.article-body h3{font-size:1.12rem;margin-top:1.7em;color:var(--ink)}.article-body p{margin:1.15em 0}.article-body strong{font-weight:700;color:var(--celadon-deep)}.article-body ul{padding-left:1.3em}.article-body blockquote{margin:1.8em 0;padding:16px 22px;background:var(--cream-2);border-left:3px solid var(--coral);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#45564d;font-family:var(--font-accent);font-style:italic;font-size:1.05rem}.factbox{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px 22px;margin:34px 0;box-shadow:var(--shadow);overflow:hidden}.factbox .factbox-tiles{position:absolute;top:0;left:0;right:0;height:10px;--tile-ink: var(--celadon);--tile-accent: var(--coral);opacity:.9}.factbox h2{margin:6px 0 4px;font-size:1.12rem;color:var(--celadon-deep)}.factbox dl{display:grid;grid-template-columns:max-content 1fr;gap:11px 20px;margin:14px 0 0}.factbox dt{color:var(--mist);font-weight:700;font-size:.86rem}.factbox dd{margin:0;font-size:.96rem;word-break:break-word}.factbox .note{color:var(--mist);font-size:.78rem;margin:16px 0 0;padding-top:14px;border-top:1px dashed var(--line)}.map-embed{margin:30px 0}.map-title{font-size:1.1rem;color:var(--ink);margin:0 0 12px;display:flex;align-items:center;gap:10px}.map-title:before{content:"";width:22px;height:3px;border-radius:3px;background:var(--coral)}.map-frame{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);line-height:0}.map-frame iframe{width:100%;height:320px;border:0;display:block}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tag{font-family:var(--font-accent);font-style:italic;font-size:.85rem;color:var(--celadon-deep);border:1px solid var(--line);padding:3px 13px;border-radius:var(--radius-pill)}.btn{display:inline-flex;align-items:center;gap:9px;background:var(--coral);color:#fff;text-decoration:none;font-weight:700;padding:13px 26px;border-radius:var(--radius-pill);font-size:.95rem;box-shadow:0 10px 22px -10px #e07a56b3;transition:transform .16s ease,filter .16s ease}.btn:hover{color:#fff;filter:brightness(1.05);transform:translateY(-1px)}.disclaimer{font-size:.82rem;color:var(--mist);background:transparent;border:1px dashed var(--line);border-radius:var(--radius-sm);padding:14px 18px;margin-top:32px}.collection-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#eef4ee,#e5eee2)}.collection-hero .container{position:relative;z-index:1;padding-block:50px 42px}.collection-hero .breadcrumb{font-family:var(--font-accent);font-style:italic;font-size:.9rem;color:var(--mist);margin-bottom:14px}.collection-hero .breadcrumb a,.collection-hero .eyebrow{color:var(--celadon-deep)}.collection-hero h1{font-size:clamp(1.8rem,4.2vw,2.6rem);margin:8px 0 6px;color:var(--ink)}.collection-hero p{margin:0;color:var(--mist);max-width:56ch}.collection-hero .cat-rule{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--cat, var(--celadon));opacity:.85}.collection-body{padding-block:34px 8px}.cat-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px;margin-top:26px}.cat-tile{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--cat, var(--celadon));border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);transition:transform .16s ease,box-shadow .16s ease}.cat-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.cat-tile .medallion{width:48px;height:48px}.cat-tile .medallion svg{width:26px;height:26px}.cat-tile .t-label{font-family:var(--font-display);font-size:1.08rem;color:var(--ink)}.cat-tile .t-eyebrow{font-family:var(--font-accent);font-style:italic;font-size:.8rem;color:var(--mist);display:block}.cat-tile .t-count{margin-left:auto;font-family:var(--font-accent);font-style:italic;color:var(--mist);white-space:nowrap}.cat-tile>span:nth-child(2){min-width:0}.site-footer{margin-top:80px;position:relative;background:var(--ink);color:#f5efe1c7;font-size:.9rem}.site-footer .footer-tiles{height:14px;--tile-ink: var(--celadon);--tile-accent: var(--coral);opacity:.85}.site-footer .container{padding-block:26px 36px;text-align:center}.site-footer .brand{color:var(--cream);margin-bottom:12px;justify-content:center}.site-footer .brand:hover,.site-footer .brand .seal{color:var(--rattan)}.site-footer p{max-width:60ch;margin-inline:auto}.site-footer a{color:var(--rattan)}@media(max-width:820px){.hero .container{grid-template-columns:1fr;gap:30px;padding-block:56px 64px}.hero-copy{order:1}.hero-arch{order:2;max-width:300px}.hero h1{max-width:100%}}@media(max-width:640px){.section-head{flex-wrap:wrap;gap:3px 10px}.section-head .eyebrow{flex-basis:100%}.section-head h2{white-space:nowrap}.section-head .mark-rule,.section-head .tile-mark{display:none}}@media(max-width:560px){.site-header .container{min-height:58px;gap:10px;padding-inline:16px}.brand{font-size:1.08rem;gap:7px}.brand .seal{width:22px;height:22px}.site-nav{gap:12px}.site-nav a{font-size:.85rem}.site-nav .lang-switch{padding:2px 9px;font-size:.74rem}}@media(max-width:480px){.card{flex-direction:column;gap:12px}.medallion{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}