.pref-tiles{margin:0}.pref-tiles__swatch--c0,.pref-tiles__tile--c0{--pref-tiles-bg:var(--pref-tiles-c0)}.pref-tiles__swatch--c1,.pref-tiles__tile--c1{--pref-tiles-bg:var(--pref-tiles-c1)}.pref-tiles__swatch--c2,.pref-tiles__tile--c2{--pref-tiles-bg:var(--pref-tiles-c2)}.pref-tiles__swatch--c3,.pref-tiles__tile--c3{--pref-tiles-bg:var(--pref-tiles-c3)}.pref-tiles__swatch--c4,.pref-tiles__tile--c4{--pref-tiles-bg:var(--pref-tiles-c4)}.pref-tiles__tile--c0{--pref-tiles-fg:var(--color-navy)}.pref-tiles__tile--c1{--pref-tiles-fg:var(--color-navy-dark)}.pref-tiles__tile--c2,.pref-tiles__tile--c3,.pref-tiles__tile--c4{--pref-tiles-fg:var(--color-white)}.pref-tiles__tile{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 2px;border:1px solid transparent;border-radius:6px;background-color:var(--pref-tiles-bg);background-clip:padding-box;color:var(--pref-tiles-fg);font:700 13px/1.2 var(--font-sans);text-decoration:none;white-space:nowrap}@media (hover:hover){.pref-tiles__tile:hover{position:relative;z-index:1;box-shadow:0 0 0 1px var(--color-white),0 0 0 3px var(--color-navy)}}.pref-tiles__tile:focus-visible{position:relative;z-index:1;outline:2px solid var(--color-navy);outline-offset:2px}.pref-tiles__region+.pref-tiles__region{margin-top:16px}.pref-tiles__region-name{margin:0 0 8px;color:var(--color-muted);font:700 12px/1.4 var(--font-sans);text-align:left}.pref-tiles__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.pref-tiles__caption{max-width:777px;margin:10px auto 0;color:var(--color-body);font:400 13px/1.7 var(--font-sans);text-align:center;text-wrap:balance;word-break:auto-phrase;overflow-wrap:anywhere}.pref-tiles__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:16px 0 0;padding:0;list-style:none;color:var(--color-body);font:600 12px/1.5 var(--font-sans)}.pref-tiles__legend li{display:inline-flex;align-items:center;gap:6px}.pref-tiles__swatch{display:inline-block;width:14px;height:14px;border-radius:3px;background-color:var(--pref-tiles-bg)}@media (min-width:816px){.pref-tiles__board{position:relative;width:777px;height:490px;margin:0 auto}.pref-tiles__cell,.pref-tiles__region{position:absolute}.pref-tiles__list{display:block}.pref-tiles__region+.pref-tiles__region{margin-top:0}.pref-tiles__region{pointer-events:none}.pref-tiles__region-name{position:absolute;bottom:calc(100% + 6px);left:0;margin:0;white-space:nowrap}.pref-tiles__region--hokkaido-tohoku .pref-tiles__region-name{top:109px;right:calc(100% - 13px);bottom:auto;left:auto}.pref-tiles__region--kanto .pref-tiles__region-name,.pref-tiles__region--shikoku .pref-tiles__region-name{top:calc(100% + 6px);bottom:auto}.pref-tiles__tile{height:100%;pointer-events:auto}.pref-tiles__region--hokkaido-tohoku{left:638px;top:0;width:137px;height:272px}.pref-tiles__cell--hokkaido{left:0;top:0;width:133px;height:70px}.pref-tiles__cell--aomori{left:21px;top:96px;width:93px;height:44px}.pref-tiles__cell--iwate{left:70px;top:140px;width:67px;height:44px}.pref-tiles__cell--miyagi{left:70px;top:184px;width:67px;height:44px}.pref-tiles__cell--akita{left:3px;top:140px;width:67px;height:44px}.pref-tiles__cell--yamagata{left:3px;top:184px;width:67px;height:44px}.pref-tiles__cell--fukushima{left:70px;top:228px;width:67px;height:44px}.pref-tiles__region--kanto{left:623px;top:272px;width:152px;height:176px}.pref-tiles__cell--ibaraki{left:100px;top:0;width:52px;height:88px}.pref-tiles__cell--tochigi{left:50px;top:0;width:50px;height:44px}.pref-tiles__cell--gunma{left:0;top:0;width:50px;height:44px}.pref-tiles__cell--saitama{left:0;top:44px;width:100px;height:44px}.pref-tiles__cell--chiba{left:100px;top:88px;width:52px;height:88px}.pref-tiles__cell--tokyo{left:0;top:88px;width:100px;height:44px}.pref-tiles__cell--kanagawa{left:0;top:132px;width:67px;height:44px}.pref-tiles__region--chubu{left:438px;top:228px;width:270px;height:220px}.pref-tiles__cell--niigata{left:185px;top:0;width:85px;height:44px}.pref-tiles__cell--toyama{left:118px;top:0;width:67px;height:44px}.pref-tiles__cell--ishikawa{left:68px;top:0;width:50px;height:60px}.pref-tiles__cell--fukui{left:0;top:0;width:68px;height:44px}.pref-tiles__cell--yamanashi{left:118px;top:132px;width:67px;height:44px}.pref-tiles__cell--nagano{left:118px;top:44px;width:67px;height:88px}.pref-tiles__cell--gifu{left:68px;top:60px;width:50px;height:56px}.pref-tiles__cell--shizuoka{left:118px;top:176px;width:67px;height:44px}.pref-tiles__cell--aichi{left:68px;top:116px;width:50px;height:60px}.pref-tiles__region--kinki{left:320px;top:228px;width:186px;height:220px}.pref-tiles__cell--mie{left:152px;top:88px;width:34px;height:88px}.pref-tiles__cell--shiga{left:118px;top:44px;width:68px;height:44px}.pref-tiles__cell--kyoto{left:51px;top:0;width:67px;height:88px}.pref-tiles__cell--osaka{left:51px;top:88px;width:67px;height:88px}.pref-tiles__cell--hyogo{left:0;top:0;width:51px;height:100px}.pref-tiles__cell--nara{left:118px;top:88px;width:34px;height:88px}.pref-tiles__cell--wakayama{left:61px;top:176px;width:113px;height:44px}.pref-tiles__region--chugoku{left:169px;top:228px;width:151px;height:100px}.pref-tiles__cell--tottori{left:101px;top:0;width:50px;height:50px}.pref-tiles__cell--shimane{left:50px;top:0;width:51px;height:50px}.pref-tiles__cell--okayama{left:101px;top:50px;width:50px;height:50px}.pref-tiles__cell--hiroshima{left:50px;top:50px;width:51px;height:50px}.pref-tiles__cell--yamaguchi{left:0;top:0;width:50px;height:100px}.pref-tiles__region--shikoku{left:169px;top:360px;width:184px;height:88px}.pref-tiles__cell--tokushima{left:92px;top:44px;width:92px;height:44px}.pref-tiles__cell--kagawa{left:92px;top:0;width:92px;height:44px}.pref-tiles__cell--ehime{left:0;top:0;width:92px;height:44px}.pref-tiles__cell--kochi{left:0;top:44px;width:92px;height:44px}.pref-tiles__region--kyushu-okinawa{left:0;top:240px;width:151px;height:250px}.pref-tiles__cell--fukuoka{left:101px;top:0;width:50px;height:50px}.pref-tiles__cell--saga{left:51px;top:0;width:50px;height:50px}.pref-tiles__cell--nagasaki{left:1px;top:0;width:50px;height:50px}.pref-tiles__cell--kumamoto{left:51px;top:50px;width:50px;height:100px}.pref-tiles__cell--oita{left:101px;top:50px;width:50px;height:50px}.pref-tiles__cell--miyazaki{left:101px;top:100px;width:50px;height:50px}.pref-tiles__cell--kagoshima{left:83px;top:150px;width:68px;height:50px}.pref-tiles__cell--okinawa{left:1px;top:200px;width:50px;height:50px}}