.message-list { list-style: none; padding: 0; }
.message-item { display: flex; align-items: center; margin-bottom: 10px; padding: 10px; border-bottom: 1px solid #ccc; }
.message-item img { border-radius: 50%; margin-right: 10px; width: 10vw; height: 10vw; max-width: 50px; max-height: 50px; }
.message { flex-grow: 1; font-size: 15px; width: 40%;} /* メッセージのフォントサイズを14pxに変更 */
.message-name-age {display: flex;flex-direction: column;margin-right: 10px;font-size: 14px; /* 名前と年齢のフォントサイズを14pxに変更 */}
.message-name {order: -1; /* 名前を先頭に表示 */ font-weight: bold; color: #ff1493;}
.message-age {order: 1; /* 年齢を末尾に表示 */}
.message-age::after {content: '歳'; /* 年齢の後ろに「歳」を追加 */}