.container{max-width:1200px;margin:0 auto;padding:20px}.search-box{margin:20px 0;text-align:center}#areaSearch{padding:10px;width:300px;font-size:16px;border:1px solid #ddd;border-radius:4px}#searchButton{padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.filter-buttons{margin:20px 0;text-align:center}.filter-btn{padding:8px 16px;margin:0 5px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer}.filter-btn.active{background-color:#007bff;color:#fff}.search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px 0}.area-card{padding:15px;border:1px solid #ddd;border-radius:4px;text-align:center}.area-card a{color:#333;text-decoration:none}.area-card:hover{box-shadow:0 2px 5px #0000001a}.map-container{width:100%;max-width:800px;margin:40px auto;position:relative}.japan-map-img{width:100%;height:auto;display:block}.region-buttons{position:absolute;top:0;left:0;width:100%;height:100%}.region-btn{position:absolute;padding:8px 12px;background-color:#ffffffe6;border:2px solid #333;border-radius:4px;cursor:pointer;font-size:20px;font-weight:700;transition:all .3s;min-width:80px;text-align:center;box-shadow:0 2px 4px #0000001a}.region-btn:hover{background-color:#007bff;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.hokkaido{top:12%;right:10%}.tohoku{top:40%;right:12%}.kanto{top:70%;right:20%}.chubu{top:60%;left:60%}.kansai{top:65%;left:46%}.chugoku{top:60%;left:35%}.shikoku{top:74%;left:35%}.kyushu{top:70%;left:12%}@media(max-width:768px){.region-btn{padding:6px 8px;font-size:14px;min-width:60px}}@media(max-width:480px){.region-btn{padding:4px 6px;font-size:15px;min-width:50px}.hokkaido{top:11%;right:4%}.tohoku{top:40%;right:9%}.kanto{top:65%;right:10%}.chubu{top:56%;left:60%}.kansai{top:65%;left:46%}.chugoku{top:53%;left:33%}.shikoku{top:72%;left:32%}.kyushu{top:65%;left:0%}}.prefecture-list,.area-list{margin:20px auto;max-width:800px;text-align:center}.prefecture-buttons,.area-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:20px}.prefecture-btn,.area-btn{padding:10px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:all .3s}.prefecture-btn:hover,.area-btn:hover{background-color:#007bff;color:#fff}.area-btn a{color:inherit;text-decoration:none;display:block;width:100%;height:100%}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.popup-content{position:relative;background-color:#fff;margin:10% auto 0;padding:20px;width:95%;max-width:600px;border-radius:8px;box-shadow:0 2px 10px #0000001a}#selectedRegion{text-align:center;font-size:18px;margin:0 -20px 20px;padding:15px 0;border-bottom:1px solid #333;font-weight:700;background-color:#f8f9fa;width:calc(100% + 40px)}.prefecture-list{display:flex;flex-wrap:wrap;gap:10px 30px;padding:0 10px;margin-top:20px}.prefecture-item{flex:0 0 calc(50% - 15px);padding:10px;text-align:left;background:none;border:none;cursor:pointer;font-size:16px;color:#333;transition:all .3s ease}.prefecture-item:hover{color:#007bff;background-color:#f8f9fa;border-radius:4px}.close-btn{position:absolute;right:15px;top:10px;font-size:24px;cursor:pointer;color:#333}@media(max-width:480px){.prefecture-item{font-size:14px;padding:8px}}.region-title{text-align:center;font-size:18px;margin:0 -20px 20px;padding:15px 0;border-bottom:1px solid #333;font-weight:700;background-color:#f8f9fa;width:calc(100% + 40px)}
/*# sourceMappingURL=/cdn/shop/t/71/assets/area-search.css.map */