ParkMap.astro: フキダシの項目名を文字アイコン化

- 水飲み場はあり/なしで表示し、水滴アイコンを塗りつぶしに変更
- じゃぶじゃぶ池の池アイコンを追加し、地図上にも表示
- 特殊遊具のアイコンを星に変更
- ベンチ・椅子をベンチの絵に変更
- 試合形式は独立行をやめ、ボール遊びに括弧書きで併記
- 防災用具から防火水槽・消火栓を除外
- 一覧表はスマホでカード表示にして横スクロールをなくす

1 files changed, 5 insertions, 2 deletions

diff --git a/src/components/ParkMapHelp.astro b/src/components/ParkMapHelp.astro
index e45b87f..4402567 100644
--- a/src/components/ParkMapHelp.astro
+++ b/src/components/ParkMapHelp.astro
@@ -14,7 +14,7 @@
     <span><i class="swatch swatch-facility-nearby"></i>市外の公共施設</span>
     <span><i class="swatch swatch-boundary"></i>小平市の境界</span>
     <span><i class="swatch-fac swatch-fac-toilet">WC</i>トイレ</span>
-    <span><i class="swatch-fac swatch-fac-water">🚰</i>水飲み場（拡大時）</span>
+    <span><i class="swatch-fac swatch-fac-water"><svg viewBox="0 0 24 24" width="10" height="10" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3.5c3.5 4.2 6 7.4 6 10.3a6 6 0 0 1-12 0c0-2.9 2.5-6.1 6-10.3z"/></svg></i>水飲み場（拡大時）</span>
     <span><i class="swatch-fac swatch-fac-clock"><svg viewBox="0 0 24 24" width="10" height="10" aria-hidden="true"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="2"/><path d="M12 7v5l3 2" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></i>時計（拡大時）</span>
     <span><i class="swatch-fac swatch-fac-hydrant">消</i>消火栓（拡大時）</span>
     <span><i class="swatch-fac swatch-fac-tank">槽</i>防火水槽（拡大時）</span>
@@ -96,8 +96,11 @@
     border-radius: 4px;
   }
   .swatch-fac-water {
-    background: #0277bd;
+    box-sizing: border-box;
+    border: 1px solid #0277bd;
     border-radius: 50%;
+    background: #fff;
+    color: #0277bd;
   }
   .swatch-fac-clock {
     background: #f9a825;