*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}#app{display:flex;flex-direction:column;height:100vh;height:100dvh}#header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:52px;background:#f5c400;color:#1a1a1a;flex-shrink:0;gap:8px}#header h1{font-size:1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#filter-toggle{position:absolute;top:10px;right:10px;z-index:999;background:#f5c400;border:1px solid rgba(0,0,0,.25);color:#1a1a1a;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;white-space:nowrap;box-shadow:0 2px 6px #0003}#filter-toggle:hover{background:#e6b800}#filter-panel{background:#fff;border-bottom:1px solid #ddd;padding:12px 16px;flex-shrink:0;display:none;flex-wrap:wrap;gap:12px;align-items:flex-start}#filter-panel.open{display:flex}.filter-section{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.filter-label{font-size:.75rem;color:#666;width:100%;margin-bottom:-4px}.chip{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;border:1.5px solid #ccc;cursor:pointer;font-size:.85rem;transition:background .15s,border-color .15s;-webkit-user-select:none;user-select:none}.chip input[type=checkbox]{display:none}.chip:has(input:checked){background:#f5c400;border-color:#d4a800;color:#1a1a1a}#result-count{width:100%;font-size:.8rem;color:#555;margin-top:4px}#main{flex:1;min-height:0;position:relative}#map{position:relative;width:100%;height:100%}#shop-list{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:14px 14px 0 0;box-shadow:0 -3px 16px #00000026;display:flex;flex-direction:column;height:50vh;transform:translateY(calc(100% - 60px));transition:transform .3s ease;overflow:hidden;z-index:1000}#shop-list.expanded{transform:translateY(0)}#shop-list-header{padding:10px 16px 12px;font-size:.85rem;color:#333;border-bottom:1px solid #eee;flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;text-align:center}#drag-handle{width:44px;height:5px;background:#aaa;border-radius:3px;margin:0 auto 8px}#shop-list-count{font-weight:700;color:#b8860b;font-size:.9rem}#shop-search-wrap{padding:8px 12px;border-bottom:1px solid #eee;flex-shrink:0}#shop-search{width:100%;padding:7px 10px;border:1px solid #ddd;border-radius:6px;font-size:.85rem;outline:none;font-family:inherit}#shop-search:focus{border-color:#f5c400}#shop-list-scroll{overflow-y:auto;flex:1;min-height:0}#shop-list-items{list-style:none}#report-wrap{padding:12px 14px 8px}#report-btn{display:block;text-align:center;padding:9px 12px;background:#fff8e1;border:1.5px solid #f5c400;border-radius:8px;color:#7a6000;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s}#report-btn:hover{background:#fff0b3}#site-footer{padding:10px 14px;border-top:1px solid #eee;display:flex;gap:8px;align-items:center;flex-shrink:0}#site-footer a{font-size:.72rem;color:#aaa;text-decoration:none}#site-footer a:hover{color:#888;text-decoration:underline}#site-footer span{font-size:.72rem;color:#ccc}.shop-item{padding:10px 14px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .1s}.shop-item:hover,.shop-item.active{background:#fffbe6}.shop-item-name{font-size:.88rem;font-weight:600;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-item-sub{font-size:.75rem;color:#888;display:flex;gap:6px;align-items:center}.shop-item-badges{display:flex;gap:3px}.item-badge{font-size:.65rem;padding:1px 5px;border-radius:8px;font-weight:600}.item-badge-ok{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.item-badge-ng{background:#f5f5f5;color:#bbb;border:1px solid #e0e0e0}.popup-name{font-weight:700;font-size:.95rem;margin-bottom:4px}.popup-address{font-size:.8rem;color:#555;margin-bottom:6px}.popup-badges{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.badge{font-size:.72rem;padding:2px 7px;border-radius:10px;font-weight:600}.badge-ok{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.badge-ng{background:#f5f5f5;color:#999;border:1px solid #ddd}.popup-links{display:flex;gap:8px}.popup-links a{font-size:.78rem;color:#b8860b;text-decoration:none}.popup-links a:hover{text-decoration:underline}@media(min-width:768px){#filter-toggle{display:none}#filter-panel{display:flex!important}.filter-section{flex-direction:row;align-items:center}.filter-label{width:auto;margin-bottom:0;margin-right:4px}#main{flex-direction:row}#main{display:flex;flex-direction:row}#shop-list{position:static;transform:none!important;transition:none;width:300px;height:auto;border-radius:0;box-shadow:none;border-right:1px solid #ddd;flex-shrink:0;order:-1}#drag-handle{display:none}#shop-list-header{cursor:default}#map{flex:1;width:auto;height:auto}}