diff --git a/style.css b/style.css
index fe76f5e..165fe83 100644
--- a/style.css
+++ b/style.css
@@ -8,7 +8,7 @@
 }
 
 /* ==============================
-   index.html 用
+   index.html
 ============================== */
 body.index-page {
   background: linear-gradient(135deg, #9be2ff, #c7f5d9);
@@ -37,11 +37,6 @@
   color: #333;
 }
 
-.index-container .desc {
-  margin-bottom: 20px;
-  color: #555;
-}
-
 .index-container input[type="text"] {
   width: 100%;
   padding: 12px;
@@ -49,12 +44,6 @@
   font-size: 17px;
   border: 2px solid #ddd;
   border-radius: 10px;
-  box-sizing: border-box;
-}
-
-.index-container input[type="text"]:focus {
-  border-color: #4ba3ff;
-  box-shadow: 0 0 6px rgba(75,163,255,0.4);
 }
 
 .index-container button {
@@ -66,20 +55,14 @@
   background: #4ba3ff;
   color: white;
   cursor: pointer;
-  transition: 0.25s;
-}
-
-.index-container button:hover {
-  background: #1b8af5;
 }
 
 /* ==============================
-   map4.html 用
+   map4.html
 ============================== */
 body.map-page {
   background: linear-gradient(135deg, #d7efff, #e8ffef);
   min-height: 100vh;
-  padding: 20px;
   box-sizing: border-box;
 }
 
@@ -92,7 +75,7 @@
   gap: 20px;
 }
 
-/* PC では横並び */
+/* PC版 */
 @media (min-width: 900px) {
   .map-layout {
     flex-direction: row;
@@ -109,98 +92,45 @@
 /* カード */
 .card {
   background: #fff;
-  padding: 18px;
   border-radius: 18px;
   box-shadow: 0 12px 30px rgba(0,0,0,0.12);
 }
 
-/* 地図部分 */
-.map-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
+/* 地図用パディング（ここだけ適用） */
+.card-content {
+  padding: 18px;
 }
 
-.map-area h1 {
+/* 地図構造 */
+#map-wrapper {
+  padding: 0;
   margin: 0;
-  font-size: 24px;
-  color: #333;
-}
-
-.group-label {
-  margin-top: 8px;
-  font-size: 15px;
-  color: #555;
 }
 
 #map {
   width: 100%;
   height: 480px;
-  border-radius: 15px;
-  margin-top: 15px;
+  display: block;
+  border-radius: 10px;
   box-shadow: 0 4px 20px rgba(0,0,0,0.15);
 }
 
-/* 退出ボタン */
-.exit-btn {
-  padding: 6px 14px;
-  background: #ff6b6b;
-  border: none;
-  color: white;
-  border-radius: 999px;
-  cursor: pointer;
-  font-size: 13px;
-  transition: 0.25s;
-}
-.exit-btn:hover {
-  background: #ff3b3b;
-}
-
 /* メンバー一覧 */
 .member-area h2 {
-  margin-top: 0;
-  font-size: 20px;
   text-align: center;
-  color: #444;
 }
 
-#memberList {
-  list-style: none;
-  padding-left: 0;
-  margin: 10px 0 0;
-}
-
-#memberList li {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  background: #f9fbff;
-  padding: 12px;
-  margin-bottom: 12px;
-  border-radius: 12px;
-  font-size: 16px;
-  border-left: 5px solid #4ba3ff;
-  cursor: pointer;
-  transition: 0.2s;
-}
-
-#memberList li:hover {
-  background: #eef4ff;
-  transform: translateX(4px);
-}
-
-/* メンバー丸アイコン */
+/* メンバーアイコン */
 .member-icon {
   width: 28px;
   height: 28px;
   border-radius: 50%;
   background: linear-gradient(135deg, #6db9ff, #4a90e2);
-  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
   position: relative;
 }
 
-/* オンライン/オフラインバッジ */
-.member-icon::after {
+/* オンライン/オフライン */
+.online .member-icon::after {
   content: "";
   position: absolute;
   right: -4px;
@@ -208,45 +138,28 @@
   width: 12px;
   height: 12px;
   border-radius: 50%;
+  background: #35cc62;
   border: 2px solid white;
 }
 
-.online .member-icon::after {
-  background: radial-gradient(circle, #7dff9b, #35cc62);
-  box-shadow: 0 0 6px rgba(69,255,125,0.5);
-}
-
 .offline .member-icon::after {
+  content: "";
+  position: absolute;
+  right: -4px;
+  bottom: -4px;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
   background: #ff6b6b;
+  border: 2px solid white;
 }
 
-/* アニメーション共通 */
+/* fadeIn */
 .fadeIn {
   animation: fadeIn 0.6s ease-out;
 }
 
-.fadeInDelay {
-  animation: fadeIn 0.6s ease-out;
-  animation-delay: 0.25s;
-}
-
 @keyframes fadeIn {
   from { opacity: 0; transform: translateY(15px); }
-  to   { opacity: 1; transform: translateY(0); }
-}
-
-/* ==============================
-   ★ 地図ピンのアニメーション（削除）
-============================== */
-/* 削除しました。pulse-marker は無効化 */
-
-.pulse-marker {
-  animation: none !important;
-}
-
-/* ==============================
-   Popup位置補正
-============================== */
-.leaflet-popup {
-  margin-left: 0px !important;
+  to { opacity: 1; transform: translateY(0); }
 }