/*メッセージ画面*/
.messagesArea::before {
    content: "";
    display: block;
    height: 100vh;
}
.messagesArea {
    height: 100vh;
    flex: 1;
    box-sizing: border-box;
    overflow-y: auto;
    background-color: var(--messageHaikei);
    text-align: left;
    padding: 0 min(3em, 5vw) 0 min(3em, 5vw);
    -webkit-overflow-scrolling: touch;
}
.messagesArea::after {
    content: "";
    display: block;
    height: 8em;
}

/*ユーザーのセリフの吹き出し*/
.userText {
    border-radius: 100vmax 0px 100vmax 100vmax;
    padding: 0.1rem 0.5rem 0.1rem 0.5rem;
    font-size: 1rem;
    vertical-align: bottom;
    font-weight: 500;
    width: fit-content;
    margin-top: 3em;
}
/*入力したセリフ*/
.byNyuryoku {
    border: 0.1em solid var(--sendBorder);
    background-color: var(--userSend);
}
/*ボタンから飛んだセリフ*/
.byButton {
    border: 0.1em solid var(--buttonBorder);
    background-color: var(--button);
    color: var(--buttonMoji);
}