diff --git a/style.css b/style.css
index b2d601a..a87ac09 100644
--- a/style.css
+++ b/style.css
@@ -354,9 +354,48 @@
   justify-content: center;
 }
 
+/* チャット1行全体 */
+.chat-line {
+  display: flex;
+  align-items: flex-end;
+  margin: 6px 0;
+}
+
+/* 左側（他人） */
+.chat-left {
+  justify-content: flex-start;
+}
+
+/* 右側（自分） */
+.chat-right {
+  justify-content: flex-end;
+}
+
+/* 吹き出し */
+.chat-bubble {
+  max-width: 70%;
+  padding: 10px 14px;
+  border-radius: 14px;
+  font-size: 15px;
+  line-height: 1.4;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
+}
+
+/* 他人 */
+.chat-left .chat-bubble {
+  background: #fff;
+  border: 1px solid #ddd;
+}
+
+/* 自分 */
+.chat-right .chat-bubble {
+  background: #c8f7c5;
+}
+
+/* 時間（吹き出しの外） */
 .chat-time {
   font-size: 11px;
-  color: #777;
-  margin-top: 4px;
-  text-align: right;
+  color: #888;
+  margin: 0 6px;
+  white-space: nowrap;
 }