diff --git a/style.css b/style.css
index 3c14614..df05fc7 100644
--- a/style.css
+++ b/style.css
@@ -9,7 +9,7 @@
 }
 
 /* ==============================
- indexページ / joinページ 共通デザイン
+ index / join 共通
 ============================== */
 body.index-page {
   min-height: 100vh;
@@ -27,40 +27,19 @@
   border-radius: 24px;
   box-shadow: 0 12px 30px rgba(0,0,0,0.15);
   text-align: center;
-  animation: fadeInUp 0.6s ease;
 }
 
-.title {
-  margin-bottom: 25px;
-}
-
-/* 🔥 入力欄改善（全ページ共通） */
 .input-box {
   width: 100%;
-  padding: 15px;        /* ← 大きめに調整 */
+  padding: 15px;
   margin-top: 14px;
   border: 2px solid #ddd;
-  font-size: 18px;      /* ← 大きく読みやすく */
-  border-radius: 12px;
-  background: #f9f9f9;
-}
-
-/* ボタン（index / join / create） */
-.start-btn {
-  width: 100%;
-  padding: 14px;
-  margin-top: 20px;
   font-size: 18px;
   border-radius: 12px;
-  border: none;
-  color: white;
-  background: #4ba3ff;
-  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
-  cursor: pointer;
 }
 
 /* ==============================
- map4.html（旧レイアウト）
+ map4.html
 ============================== */
 
 #header {
@@ -73,46 +52,50 @@
   box-shadow: 0 2px 8px rgba(0,0,0,0.1);
 }
 
-#exitBtn {
-  padding: 10px 14px;
-  background: #ff6b6b;
-  border: none;
-  border-radius: 10px;
-  color: white;
-  cursor: pointer;
+/* ■★ ここが重要：左右レイアウト復元 */
+.map-body {
+  display: flex;
+  gap: 20px;
+  margin: 20px;
+}
+
+.member-area {
+  width: 30%;
+}
+
+.map-area {
+  width: 70%;
+}
+
+.card {
+  background: white;
+  padding: 18px;
+  border-radius: 18px;
+  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
+}
+
+/* ★ スマホでは縦並びに戻す */
+@media (max-width: 900px) {
+  .map-body {
+    flex-direction: column;
+  }
+  .member-area, .map-area {
+    width: 100%;
+  }
 }
 
 /* 地図 */
 #map {
   width: 100%;
-  height: 450px;
-  margin: 16px auto;
+  height: 500px;
   border-radius: 14px;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.20);
-}
-
-/* 情報ボックス */
-#targetInfo, #nearestBox {
-  margin: 16px;
-  padding: 14px;
-  background: white;
-  border-radius: 14px;
-  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
-  font-size: 15px;
 }
 
 /* メンバー一覧 */
-.sectionTitle {
-  margin-left: 16px;
-  margin-top: 25px;
-  margin-bottom: 10px;
-  font-size: 18px;
-}
-
 #memberList {
   list-style: none;
-  padding: 0 16px;
-  margin-bottom: 20px;
+  padding: 0;
+  margin: 0;
 }
 
 #memberList li {
@@ -120,8 +103,8 @@
   padding: 12px;
   margin: 10px 0;
   display: flex;
-  justify-content: space-between;
   align-items: center;
+  justify-content: space-between;
   border-left: 5px solid #4ba3ff;
   border-radius: 14px;
 }
@@ -148,15 +131,12 @@
 .online .member-icon::after { background: #22dd77; }
 .offline .member-icon::after { background: #ff5d5d; }
 
-/* チャット部分 */
-#chatBox {
-  background: white;
+/* 下部情報 */
+.info-area {
   margin: 20px;
-  padding: 16px;
-  border-radius: 14px;
-  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
 }
 
+/* チャット */
 #chatList {
   height: 220px;
   background: #f7faff;
@@ -191,22 +171,3 @@
   font-weight: bold;
   cursor: pointer;
 }
-
-/* ピン（地図） */
-.custom-pin { transform-origin: center bottom; }
-.pin-wrapper { position: relative; transform: translate(-16px, -32px); }
-.pin-img { width: 32px; height: 32px; }
-.pin-label {
-  background: white;
-  padding: 2px 6px;
-  border-radius: 6px;
-  border: 1px solid #ccc;
-  font-size: 12px;
-  white-space: nowrap;
-}
-
-/* アニメーション */
-@keyframes fadeInUp { 
-  from { opacity:0; transform: translateY(20px); }
-  to { opacity:1; transform: translateY(0); }
-}