.skin-panel{margin:25px auto 0;padding:20px;max-width:900px;background:#fff8e8;border:1px dashed #d9c6a3;border-radius:24px}.skin-panel[hidden]{display:none}.skin-panel label{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.skin-panel select{padding:10px;border:1px solid #b4bf97;border-radius:12px;background:#fffaf0}.skin-panel p{font-size:12px;margin-bottom:0}.area-map-image{position:relative;line-height:0;margin:15px 0}.area-map-image img{width:100%;height:auto;display:block}.map-choice{position:absolute;background:transparent!important;border:2px solid transparent;min-height:25px;padding:0;border-radius:10px}.map-choice:hover,.map-choice:focus-visible{border-color:#fff0a9;box-shadow:0 0 10px #fff0bb}.area-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.area-list button{font-size:13px}#area-map{width:min(900px,94vw)}#area-map p{font-size:12px}header{flex-wrap:wrap}#map-open{background:#e7eed5}@media(max-width:600px){.area-list{grid-template-columns:1fr 1fr;gap:10px}.area-list button{font-size:11px}.skin-panel{margin:20px 3%;padding:16px}.place-label h1{font-size:17px}}
.area-map-image{overflow:hidden;border-radius:16px}.area-map-image img{transform-origin:center}