diff --git a/style.css b/style.css
index 772f1a3..2818c84 100644
--- a/style.css
+++ b/style.css
@@ -72,19 +72,18 @@
   margin-bottom: 20px;
 }
 
-/* 横並び */
 .map-body {
   display: flex;
   flex-direction: column;
   gap: 20px;
 }
+
 @media (min-width: 900px) {
   .map-body { flex-direction: row; }
   .member-area { width: 30%; }
   .map-area { width: 70%; }
 }
 
-/* 地図 */
 #map {
   width: 100%;
   height: 500px;
@@ -98,6 +97,7 @@
   padding: 0;
   margin: 0;
 }
+
 #memberList li {
   background: #f2f6ff;
   padding: 12px;
@@ -110,15 +110,13 @@
   border-radius: 14px;
 }
 
-/* 左の丸アイコン */
 .member-icon {
   width: 26px;
   height: 26px;
   border-radius: 50%;
-  background: #4ba3ff;
-  position: relative;
 }
 
+/* オンラインバッジ */
 .member-icon::after {
   content: "";
   position: absolute;
@@ -138,73 +136,14 @@
   opacity: 0.8;
 }
 
-/* ピン上のラベル */
-.marker-label {
-  background: white;
-  padding: 3px 8px;
-  border-radius: 6px;
-  border: 1px solid #ccc;
-  font-size: 13px;
-  white-space: nowrap;
-}
-
-/* 退出ボタン */
-.exit-btn.cute {
-  padding: 10px 16px;
-  border-radius: 30px;
-  background: linear-gradient(135deg, #ff9bb5, #ff6b8c);
-  color: white;
-  border: none;
-  cursor: pointer;
-  font-size: 15px;
-  font-weight: bold;
-  box-shadow: 0 4px 12px rgba(255, 100, 140, 0.4);
-  transition: 0.25s;
-}
-.exit-btn.cute:hover {
-  transform: scale(1.08);
-  background: linear-gradient(135deg, #ff6b8c, #ff3b6f);
-}
-
-/* ピンデザイン統一 */
+/* ピン（ズレ防止・固定サイズ） */
 .custom-pin {
-  transform: scale(var(--pin-scale, 1));
-  transition: transform 0.1s linear;
+  transform-origin: center bottom;
 }
 
 .pin-wrapper {
-  text-align: center;
-  transform: translate(-20px, -50px);
-}
-
-.pin-dot {
-  width: 26px;
-  height: 26px;
-  border-radius: 50%;
-  box-shadow: 0 3px 10px rgba(0,0,0,0.3);
-}
-
-.pin-label {
-  background: white;
-  padding: 3px 8px;
-  margin-top: 4px;
-  display: inline-block;
-  font-size: 13px;
-  border: 1px solid #ccc;
-  border-radius: 6px;
-  white-space: nowrap;
-}
-
-/* 小型ピン全体スケール調整 */
-.custom-pin {
-  transform: scale(var(--pin-scale, 1));
-  transition: transform 0.1s linear;
-}
-
-/* ピン構造 */
-.pin-wrapper {
-  text-align: center;
-  transform: translate(-16px, -40px);
+  position: relative;
+  transform: translate(-16px, -32px); /* ピンの先端位置に合わせる */
 }
 
 .pin-img {
@@ -223,31 +162,20 @@
   white-space: nowrap;
 }
 
-/* === ピンずれ防止 === */
-.custom-pin {
-  transform-origin: center bottom;
+/* 可愛い退出ボタン */
+.exit-btn.cute {
+  padding: 10px 16px;
+  border-radius: 30px;
+  background: linear-gradient(135deg, #ff9bb5, #ff6b8c);
+  color: white;
+  border: none;
+  cursor: pointer;
+  font-size: 15px;
+  font-weight: bold;
+  box-shadow: 0 4px 12px rgba(255, 100, 140, 0.4);
+  transition: 0.25s;
 }
-
-.pin-wrapper {
-  position: relative;
-  transform: translate(-16px, -32px); /* ←ここ重要：ズレ防止 */
-}
-
-.pin-img {
-  width: 32px;
-  height: 32px;
-  display: block;
-}
-
-.pin-label {
-  background: white;
-  padding: 2px 6px;
-  margin-top: 2px;
-  display: inline-block;
-  font-size: 12px;
-  border: 1px solid #ccc;
-  border-radius: 6px;
-  white-space: nowrap;
-  position: relative;
-  top: -3px;
+.exit-btn.cute:hover {
+  transform: scale(1.08);
+  background: linear-gradient(135deg, #ff6b8c, #ff3b6f);
 }