diff --git a/style.css b/style.css
index 7756dc5..a271d08 100644
--- a/style.css
+++ b/style.css
@@ -4,6 +4,7 @@
 body {
   margin: 0;
   font-family: "Hiragino Sans", "Helvetica Neue", Arial, sans-serif;
+  user-select: none;
 }
 
 /* ==============================
@@ -82,6 +83,7 @@
   box-sizing: border-box;
 }
 
+/* レイアウト */
 .map-layout {
   max-width: 1200px;
   margin: 0 auto;
@@ -112,7 +114,7 @@
   box-shadow: 0 12px 30px rgba(0,0,0,0.12);
 }
 
-/* 地図エリア */
+/* 地図部分 */
 .map-header {
   display: flex;
   justify-content: space-between;
@@ -148,6 +150,7 @@
   border-radius: 999px;
   cursor: pointer;
   font-size: 13px;
+  transition: 0.25s;
 }
 .exit-btn:hover {
   background: #ff3b3b;
@@ -186,7 +189,7 @@
   transform: translateX(4px);
 }
 
-/* おしゃれな丸アイコン */
+/* メンバー丸アイコン */
 .member-icon {
   width: 28px;
   height: 28px;
@@ -217,7 +220,7 @@
   background: #ff6b6b;
 }
 
-/* アニメーション */
+/* アニメーション共通 */
 .fadeIn {
   animation: fadeIn 0.6s ease-out;
 }
@@ -231,10 +234,12 @@
   to { opacity: 1; transform: translateY(0); }
 }
 
-/* ===== ピンの波紋パルス ===== */
+/* ==============================
+   地図ピンの安定パルスアニメーション
+============================== */
 @keyframes pulseMarker {
   0%   { transform: scale(1); opacity: 1; }
-  30%  { transform: scale(1.15); opacity: 0.9; }
+  30%  { transform: scale(1.15); opacity: 0.92; }
   60%  { transform: scale(1.05); opacity: 1; }
   100% { transform: scale(1); opacity: 1; }
 }
@@ -242,4 +247,12 @@
 .pulse-marker {
   animation: pulseMarker 0.5s ease-out;
   transform-origin: bottom center;
+  will-change: transform;
+}
+
+/* ==============================
+   popup 位置補正
+============================== */
+.leaflet-popup {
+  margin-left: 0px !important;
 }