.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; }
.name-age {display: flex; flex-direction: column; margin-right: 10px; font-size: 14px; width:15%;} /* 名前と年齢のフォントサイズを14pxに変更 */
.message { flex-grow: 1; font-size: 11px; width: 40%;} /* メッセージのフォントサイズを14pxに変更 */
.link-button { width:80px; text-align:center; padding: 5px 10px; background-color: #06c755; color: white; text-decoration: none; border-radius: 5px; }
.name {order: -1; /* 名前を先頭に表示 */font-weight: bold;color: #ff1493;}
.age {order: 1; /* 年齢を末尾に表示 */}
.age::after {content: '歳'; /* 年齢の後ろに「歳」を追加 */}
.message div.category{font-weight: 600;font-size: larger;color: coral;}