:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#667085;--line:#e4e7ec;--accent:#0f766e;--accent-dark:#0b5f59;--navy:#0f172a;--blue:#1e3a8a;--kiipay:#f59e0b;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}button,input{font:inherit}.map-page{margin:0;overflow:hidden;background:var(--bg)}.map-page.modal-open{overflow:hidden}.map-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 100px 0 18px;background:linear-gradient(120deg,var(--navy),var(--blue));color:#fff}.map-brand{display:flex;align-items:baseline;gap:10px;color:#fff;text-decoration:none;min-width:0}.map-brand strong{font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}.map-brand span{color:#dbeafe;font-size:14px}.map-header nav{display:flex;gap:5px}.map-header nav a{color:#dbeafe;text-decoration:none;padding:9px 12px;border-radius:10px;font-weight:800;font-size:14px;white-space:nowrap}.map-header nav a:hover,.map-header nav a.active{background:rgba(255,255,255,.14);color:#fff}.map-header nav a[href="/spot/submit"]{background:var(--accent);color:#fff}.map-header nav a[href="/spot/submit"]:hover{background:var(--accent-dark);color:#fff}.map-search-row{min-height:62px;padding:10px 14px;display:flex;gap:9px;background:#fff;border-bottom:1px solid var(--line)}.map-search-box{display:flex;align-items:center;gap:8px;flex:1;border:1px solid #d0d5dd;border-radius:12px;padding-left:12px;overflow:hidden}.map-search-box>span{font-size:22px;color:#667085}.map-search-box input{flex:1;border:0;outline:0;padding:11px 0;font-size:16px;min-width:100px}.map-search-box button,.outline-button{border:0;background:var(--accent);color:#fff;font-weight:800;padding:12px 16px;height:100%;cursor:pointer}.outline-button{height:auto;border:1px solid var(--accent);background:#fff;color:var(--accent);border-radius:12px}.filter-panel{background:#fff;border-bottom:1px solid var(--line);padding:10px 14px}.filter-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.filter-heading strong{display:block;font-size:14px}.filter-heading span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.text-button{border:0;background:none;color:var(--accent);font-weight:800;padding:3px;cursor:pointer}.parent-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px}.parent-filter{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}.parent-filter i{font-style:normal;color:#98a2b3}.parent-filter b{display:grid;place-items:center;min-width:21px;height:21px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px}.parent-filter.active{border-color:var(--accent);background:#ecfdf5;color:#067647}.parent-filter.service-filter{border-color:#f4c45e}.filter-loading,.filter-error{font-size:13px;color:var(--muted);padding:8px}.selected-filters{display:flex;gap:6px;overflow-x:auto;padding-top:9px}.selected-chip{border:1px solid #a7f3d0;background:#ecfdf5;color:#067647;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}.selected-chip span{color:#475467;margin-right:5px;font-weight:600}.map-status-row{height:48px;display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:#f8fafc;border-bottom:1px solid var(--line);font-size:13px;color:#475467}.view-tabs{display:flex;background:#fff;padding:3px;border:1px solid var(--line);border-radius:999px}.view-tabs button{border:0;background:transparent;color:#475467;border-radius:999px;padding:6px 13px;font-weight:800;cursor:pointer}.view-tabs button.active{background:var(--navy);color:#fff}.map-main{height:calc(100vh - 64px - 62px - 105px - 48px)}#map,.place-list{width:100%;height:100%}.place-list{overflow:auto;padding:14px}.place-card{display:grid;grid-template-columns:108px 1fr;gap:13px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;margin:0 auto 10px;max-width:880px;box-shadow:0 5px 18px rgba(15,23,42,.05);cursor:pointer}.place-card-photo img,.no-photo{width:108px;height:96px;object-fit:cover;border-radius:12px}.no-photo{display:grid;place-items:center;background:#e2e8f0;font-size:30px}.place-card h3{margin:1px 0 7px}.place-card p{margin:7px 0;color:#475467;line-height:1.55;font-size:14px}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#edf2f7;font-size:12px;margin-right:5px;font-weight:800}.badge.kiipay,.mini-tag.kiipay,.detail-tag.kiipay{background:#fff7df;color:#a15c00;border-color:#f7cc70}.mini-tags,.detail-tags{display:flex;flex-wrap:wrap;gap:5px}.mini-tag,.detail-tag{font-size:11px;border:1px solid #e4e7ec;background:#f8fafc;padding:3px 7px;border-radius:999px;color:#475467}.empty-result{text-align:center;padding:80px 20px;color:#667085}.empty-result strong{display:block;color:#344054;font-size:18px;margin-bottom:6px}.place-sheet{position:fixed;z-index:30;left:50%;bottom:0;transform:translateX(-50%);width:min(680px,100%);max-height:82vh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -12px 40px #0003;padding:20px}.sheet-close{position:absolute;right:13px;top:11px;border:0;background:rgba(255,255,255,.92);font-size:29px;width:38px;height:38px;border-radius:50%;cursor:pointer}.sheet-photo{width:100%;height:240px;object-fit:cover;border-radius:15px}.place-sheet h2{margin:16px 0 8px}.sheet-description{line-height:1.75;color:#344054}.sheet-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sheet-actions a{display:inline-block;text-decoration:none;background:var(--accent);color:#fff;border-radius:11px;padding:11px 14px;font-weight:800}.sheet-actions a.secondary{background:#eef2f6;color:#173f67}.map-marker{width:40px;height:40px;border:3px solid #fff;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);display:grid;place-items:center;background:var(--navy);box-shadow:0 3px 10px #0005;cursor:pointer}.map-marker span{transform:rotate(45deg);font-size:18px}.map-marker.kiipay{outline:3px solid var(--kiipay)}.tag-modal[hidden]{display:none}.tag-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:end center}.tag-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.46);width:100%;height:100%}.tag-modal-card{position:relative;width:min(620px,100%);max-height:78vh;overflow:auto;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -15px 50px rgba(15,23,42,.25)}.tag-modal-card header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.tag-modal-card header span{font-size:12px;color:var(--muted);font-weight:800}.tag-modal-card h2{margin:3px 0 0;font-size:21px}.modal-close{border:0;background:#f2f4f7;width:38px;height:38px;border-radius:50%;font-size:25px;cursor:pointer}.tag-modal-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:18px 20px}.tag-option{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff;font-weight:700;cursor:pointer}.tag-option:has(input:checked){border-color:var(--accent);background:#ecfdf5;color:#067647}.tag-option.kiipay-option{border-color:#f4c45e}.tag-option input{width:18px;height:18px;accent-color:var(--accent)}.tag-modal-card footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:9px;padding:13px 20px;background:#fff;border-top:1px solid var(--line)}.tag-modal-card footer button{border:0;border-radius:11px;padding:12px 16px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}.tag-modal-card footer .secondary-button{background:#eef2f6;color:#344054}@media(max-width:720px){.map-header{height:auto;min-height:60px;padding:10px 100px 10px 13px;flex-wrap:nowrap}.map-header nav a{padding:8px 7px;font-size:12px}.map-header nav a.active{display:none}.map-brand{flex:1 1 auto;min-width:0}.map-brand strong{font-size:15px}.map-brand span{display:none}.map-search-row{min-height:58px}.map-search-box button{padding:10px}.outline-button{padding:9px}.filter-panel{padding:9px 11px}.filter-heading span{display:none}.map-main{height:calc(100vh - 60px - 58px - 97px - 48px)}.tag-modal-options{grid-template-columns:1fr}.place-card{grid-template-columns:90px 1fr}.place-card-photo img,.no-photo{width:90px;height:86px}.place-sheet{padding:15px;max-height:68vh}.sheet-photo{height:170px}}@media(max-width:460px){.map-header nav a:first-child{display:none}.map-search-box>span{display:none}.parent-filter{padding:7px 10px}.map-main{height:calc(100vh - 60px - 58px - 94px - 48px)}}

.global-page-actions{position:fixed;top:10px;right:12px;z-index:5000;display:flex;gap:8px}.global-page-actions a{background:#fff;color:#17324d;border:1px solid rgba(23,50,77,.2);border-radius:999px;padding:9px 14px;text-decoration:none;font-weight:800;box-shadow:0 5px 18px rgba(13,35,61,.18)}.map-photo-carousel{position:fixed;z-index:20;left:0;right:0;bottom:16px;display:flex;gap:14px;overflow-x:auto;padding:0 28px 8px;scroll-snap-type:x mandatory;scroll-padding:28px}.map-photo-carousel[hidden]{display:none}.map-photo-card{flex:0 0 min(360px,74vw);scroll-snap-align:center;overflow:hidden;border:2px solid transparent;border-radius:15px;background:#fff;color:#344054;padding:0;text-align:left;box-shadow:0 9px 26px rgba(15,23,42,.24);cursor:pointer}.map-photo-card img{display:block;width:100%;height:145px;object-fit:cover;background:#e2e8f0}.map-photo-card span{display:block;padding:10px 13px;font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-photo-card.is-active{border-color:#d9493f;box-shadow:0 9px 28px rgba(185,47,42,.4)}.map-marker.is-active{background:#d9493f!important;outline:3px solid #fff;box-shadow:0 4px 14px rgba(151,35,31,.7)}

.filter-heading{margin-bottom:0}.filter-toggle{border:0;background:transparent;padding:0;color:var(--text);text-align:left;cursor:pointer}.filter-toggle strong::after{content:'⌄';display:inline-block;margin-left:7px;color:var(--accent);font-size:17px;transition:transform .16s}.filter-toggle[aria-expanded="true"] strong::after{transform:rotate(180deg)}.filter-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.parent-filters{padding-top:12px}.map-main{height:calc(100vh - 64px - 62px - 57px - 48px)}.filter-panel:has(#filterControls:not([hidden])) ~ .map-main{height:calc(100vh - 64px - 62px - 105px - 48px)}.map-page.kiipay-only-map .map-main{height:calc(100vh - 64px - 62px - 57px - 48px - 38px)}.map-page.kiipay-only-map .filter-panel:has(#filterControls:not([hidden])) ~ .map-main{height:calc(100vh - 64px - 62px - 105px - 48px - 38px)}@media(max-width:720px){.filter-heading span{display:block}.map-main{height:calc(100vh - 60px - 58px - 55px - 48px)}.filter-panel:has(#filterControls:not([hidden])) ~ .map-main{height:calc(100vh - 60px - 58px - 97px - 48px)}.map-page.kiipay-only-map .map-main{height:calc(100vh - 60px - 58px - 55px - 48px - 64px)}.map-page.kiipay-only-map .filter-panel:has(#filterControls:not([hidden])) ~ .map-main{height:calc(100vh - 60px - 58px - 97px - 48px - 64px)}}

.release-map-notice{display:flex;align-items:center;gap:9px;padding:9px 14px;background:#fff7df;border-bottom:1px solid #f7cc70;color:#7a4700;font-size:13px}.release-map-notice strong{font-size:14px}.release-map-notice span{color:#8b5a13}.map-page.kiipay-only-map .map-main{height:calc(100vh - 64px - 62px - 105px - 48px - 38px)}.retry-load{border:1px solid var(--accent);border-radius:999px;background:#fff;color:var(--accent);font-size:12px;font-weight:800;padding:6px 11px;cursor:pointer}.retry-load:hover{background:#ecfdf5}@media(max-width:720px){.map-photo-carousel{bottom:10px;gap:10px;padding:0 14px 5px;scroll-padding:14px}.map-photo-card{flex-basis:78vw}.map-photo-card img{height:115px}.map-photo-card span{padding:8px 10px;font-size:14px}.release-map-notice{align-items:flex-start;flex-direction:column;gap:2px}.map-page.kiipay-only-map .map-main{height:calc(100vh - 60px - 58px - 97px - 48px - 64px)}}

/* 折り畳み時は地図を広く、開いた時はフィルター分だけ地図を縮める。 */
.map-page.kiipay-only-map .filter-panel:has(#filterControls:not([hidden])) ~ .map-main{height:calc(100vh - 64px - 62px - 105px - 48px - 38px)}.map-page.kiipay-only-map .filter-panel:has(#filterControls[hidden]) ~ .map-main{height:calc(100vh - 64px - 62px - 57px - 48px - 38px)}@media(max-width:720px){.map-page.kiipay-only-map .filter-panel:has(#filterControls:not([hidden])) ~ .map-main{height:calc(100vh - 60px - 58px - 97px - 48px - 64px)}.map-page.kiipay-only-map .filter-panel:has(#filterControls[hidden]) ~ .map-main{height:calc(100vh - 60px - 58px - 55px - 48px - 64px)}}