diff --git a/fes.css b/fes.css
index 8ae2f4a..dfe7e80 100644
--- a/fes.css
+++ b/fes.css
@@ -7,7 +7,7 @@
   display: flex;
   flex-direction: column;
   min-height: 100vh;
-  font-family: "Hiragino Sans", "Helvetica Neue", Arial, sans-serif;
+  font-family: "Hiragino Sans","Helvetica Neue",Arial,sans-serif;
   -webkit-font-smoothing: antialiased;
   background: linear-gradient(135deg,#a8edea,#fed6e3); /* 青春グラデ */
   color: #222;
@@ -62,8 +62,7 @@
 /* ラッパ：画面高さを活かす */
 .map-wrapper {
   width: 100%;
-  height: calc(100vh - (var(--header-height, 96px))); /* ヘッダー等の高さに応じて余白 */
-  /* fallback: full height on small screens */
+  height: calc(100vh - 96px); /* ヘッダー + タブの目安高さ */
   max-width: 100%;
   display: flex;
   align-items: center;
@@ -73,14 +72,11 @@
 
 /* マップ本体コンテナ（image の幅に合わせる） */
 .map-container {
-  /* inline-block にして、内部 img の実寸幅に合わせることで
-     JS 側の座標計算（img.getBoundingClientRect().width）と
-     コンテナの左端が一致するようにしている */
   display: inline-block;
   position: relative;
   height: 100%;               /* 画像の高さに合わせる */
   border-radius: 14px;
-  overflow: visible;          /* tooltip を表示するために visible に */
+  overflow: visible;
   border: 3px solid rgba(255,255,255,0.9);
   box-shadow: 0 8px 24px rgba(0,0,0,0.18);
   background: #fff;
@@ -94,7 +90,7 @@
   display: block;
   user-select: none;
   -webkit-user-drag: none;
-  pointer-events: none; /* 画像自体への直接のpointerイベントを避ける（Panzoom はコンテナへ） */
+  pointer-events: none; /* 画像自体へのpointerを避ける */
 }
 
 /* Pin（指で押しやすいサイズ） */
@@ -238,7 +234,7 @@
 @media (min-width: 520px) {
   .pin { width: 48px; height: 48px; }
   .tooltip { min-width: 220px; }
-  .map-wrapper { height: calc(100vh - 120px); } /* ヘッダーが大きい場合調整 */
+  .map-wrapper { height: calc(100vh - 120px); }
 }
 
 /* 便利ユーティリティ */