佰肆拾字のお話(その179)
飲まないと─ 起きて下さいん…何?時間です。いま私、寝てたよね?でも、薬は飲まないといけませんから!ねえ。何でわざわざ 熟睡してる人間を起こしてまで、睡眠薬を飲ませる必要がある訳!?◇◆◇◆◇◆◇◆◇◆*Twitter(x)用のコンテンツとして作った「佰肆拾字のお話」をチャットノベル化したものです。m(_ _)m .chat-box { display: flex; flex-direction: column; max-width: 600px; margin: 20px auto; font-family: Arial, sans-serif; } .chat-message { display: flex; align-items:flex-start; margin-bottom: 15px; } .chat-message.left { justify-content: flex-start; } .chat-message.right { justify-content: flex-end; } .chat-bubble { max-width: 70%; padding: 10px 15px; border-radius: 15px; font-size: 14px; line-height: 1.5; position: relative; } .chat-bubble.left { background-color: #dcf8c6; color: #256029; } .chat-bubble.left::after { content: ''; position: absolute; top: 1px; left: -8px; width: 0; height: 0; border-style: solid; border-width: 10px 15px 10px 0; border-color: transparent #dcf8c6 transparent transparent; } .chat-bubble.right { background-color: #fff9c4; color: #f57f17; } .chat-bubble.right::after { content: ''; position: absolute; top: 1px; right: -8px; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #fff9c4; } .chat-name { font-size: 12px; margin-bottom: 5px; color: #555; } .chat-icon { width: 80px; height: 80px; border-radius: 50%; margin: 0 10px; } .chat-icon img { width: 100%; height: 100%; border: 1px solid #aaa; border-radius: 10px; margin: 0; }