diff --git a/style.css b/style.css
index 48f8fc8..8c65d98 100644
--- a/style.css
+++ b/style.css
@@ -5,13 +5,9 @@
 body {
   margin: 0;
   font-family: "Hiragino Sans", "Helvetica Neue", Arial, sans-serif;
+  background: linear-gradient(135deg, #d7efff, #e8ffef);
 }
 
-.fadeIn { animation: fadeIn .6s ease; }
-.fadeInUp { animation: fadeInUp .6s ease; }
-@keyframes fadeIn { from {opacity:0;} to {opacity:1;} }
-@keyframes fadeInUp { from {opacity:0; transform:translateY(20px);} to {opacity:1; transform:translateY(0);} }
-
 /* ==============================
  index.html
 ============================== */
@@ -34,12 +30,22 @@
   text-align: center;
 }
 
-.index-container input[type="text"] {
+/* ★ パスワード欄大きくする（追加） */
+.index-container input[type="password"] {
   width: 100%;
-  padding: 13px;
+  padding: 15px;
   margin-top: 14px;
   border: 2px solid #ddd;
-  font-size: 17px;
+  font-size: 18px;
+  border-radius: 12px;
+}
+
+.index-container input[type="text"] {
+  width: 100%;
+  padding: 15px;
+  margin-top: 14px;
+  border: 2px solid #ddd;
+  font-size: 18px;
   border-radius: 12px;
 }
 
@@ -56,74 +62,74 @@
 }
 
 /* ==============================
- map4.html
+ map4.html（旧レイアウト）
 ============================== */
 
-body.map-page {
-  background: linear-gradient(135deg, #d7efff, #e8ffef);
-  padding: 20px;
-}
-
-.card {
-  background: white;
-  padding: 18px;
-  border-radius: 18px;
-  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
-  margin-bottom: 20px;
-}
-
-.map-body {
+#header {
   display: flex;
-  flex-direction: column;
-  gap: 20px;
+  justify-content: space-between;
+  padding: 12px 16px;
+  background: white;
+  border-bottom: 2px solid #b4e3c2;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
 }
 
-@media (min-width: 900px) {
-  .map-body { flex-direction: row; }
-  .member-area { width: 30%; }
-  .map-area { width: 70%; }
+#exitBtn {
+  padding: 10px 14px;
+  background: #ff6b6b;
+  border: none;
+  border-radius: 10px;
+  color: white;
 }
 
 #map {
   width: 100%;
-  height: 500px;
+  height: 450px;
+  margin-top: 16px;
   border-radius: 14px;
   box-shadow: 0 4px 20px rgba(0,0,0,0.20);
+  overflow: hidden;
 }
 
-/* ==============================
- メンバー一覧
-============================== */
+/* 目的地・駅情報 */
+#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;
+  font-size: 18px;
+}
+
+/* メンバー一覧 */
 #memberList {
   list-style: none;
-  padding: 0;
-  margin: 0;
+  padding: 0 16px;
 }
 
 #memberList li {
-  display: flex;
-  align-items: center;
-  gap: 10px;
+  background: #f2f6ff;
   padding: 12px;
   margin: 10px 0;
-  background: #f5f7ff;
-  border-radius: 14px;
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
   border-left: 5px solid #4ba3ff;
-  transition: background 0.2s linear;
-}
-
-#memberList li.online {
-  background: #e9f8ff;
-}
-#memberList li.offline {
-  background: #f0f0f0;
+  border-radius: 14px;
 }
 
 .member-icon {
-  position: relative;
   width: 26px;
   height: 26px;
   border-radius: 50%;
+  position: relative;
   flex-shrink: 0;
 }
 
@@ -141,130 +147,60 @@
 .online .member-icon::after { background: #22dd77; }
 .offline .member-icon::after { background: #ff5d5d; }
 
-/* ==============================
- ピンのレイアウト
-============================== */
-.custom-pin {
-  transform-origin: center bottom;
-}
-
-.pin-wrapper {
-  position: relative;
-  transform: translate(-16px, -32px);
-}
-
-.pin-img {
-  width: 32px;
-  height: 32px;
-}
-
+/* ピン表示 */
+.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;
-  margin-top: 3px;
-  display: inline-block;
   font-size: 12px;
-  border: 1px solid #ccc;
   border-radius: 6px;
-  white-space: nowrap;
+  border: 1px solid #ccc;
 }
 
 /* ==============================
- 退出ボタン（可愛い）
+ ★ チャット欄（旧レイアウト版）
 ============================== */
-.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);
-}
-
-/* ==============================
- スマホ表示の順番
-============================== */
-@media (max-width: 899px) {
-  .map-body {
-    display: flex;
-    flex-direction: column;
-  }
-  .map-area { order: 1; }
-  .member-area { order: 2; }
-}
-
-/* ==============================
- 一番近い駅
-============================== */
-.nearest-box {
-  margin-top: 12px;
-  padding: 10px 12px;
-  background: #f5fbff;
-  border-radius: 10px;
-  font-size: 14px;
-  color: #444;
-  border-left: 4px solid #4ba3ff;
-}
-
-/* ==============================
- ★ チャット欄（デザイン統一版）
-============================== */
-
 #chatBox {
-  background: #ffffff;
-  padding: 14px;
-  border-radius: 16px;
+  background: white;
+  margin: 20px;
+  padding: 16px;
+  border-radius: 14px;
   box-shadow: 0 6px 18px rgba(0,0,0,0.12);
-  margin-top: 20px;
 }
 
 #chatList {
-  height: 200px;
-  padding: 10px;
+  height: 220px;
   background: #f7faff;
-  border-radius: 10px;
   border: 1px solid #d0d8e6;
+  border-radius: 10px;
+  padding: 10px;
   overflow-y: auto;
-  margin-bottom: 10px;
+  margin-bottom: 12px;
   font-size: 14px;
 }
 
-#chatList div {
-  padding: 4px 0;
-}
-
 #chatInputArea {
   display: flex;
-  gap: 8px;
+  gap: 10px;
 }
 
 #chatInput {
   flex: 1;
-  padding: 10px;
-  font-size: 14px;
-  border: 2px solid #ddd;
+  padding: 12px;
+  font-size: 16px;
+  border: 2px solid #ccc;
   border-radius: 12px;
 }
 
 #chatSend {
-  padding: 10px 14px;
+  padding: 10px 16px;
   background: #4caf50;
   border: none;
   border-radius: 12px;
   color: white;
+  font-size: 15px;
   font-weight: bold;
   cursor: pointer;
-  transition: 0.2s;
-}
-
-#chatSend:hover {
-  background: #3d9a44;
 }