/* ==========================================
   SoLeiL Chat Balloon
========================================== */

.soleil-chat-balloon{
    display:flex;
    align-items:flex-start;
    gap:14px;
    width:100%;
    margin:24px 0;
    box-sizing:border-box;
    overflow:visible;
}

.soleil-chat-balloon-question{
    justify-content:flex-start;
}

.soleil-chat-balloon-answer{
    flex-direction:row-reverse;
    justify-content:flex-start;
}
.soleil-chat-balloon-answer .soleil-chat-balloon-content{
    justify-content:flex-end;
}

/* アイコン */
.soleil-chat-balloon-image{
    flex:0 0 80px;
    width:80px;
}

/* 画像 */
.soleil-chat-balloon-image img{
    display:block;
    width:82%;
    height:auto;
    margin:0 auto;
}

　　　　　　/* 吹き出し配置 */

.soleil-chat-balloon-content{
    display:flex;
    gap:22px;
    max-width:calc(100% - 102px);
    box-sizing:border-box;
    overflow:visible;
    position:relative;
    z-index:1;
}

/* 吹き出しBOX */

.soleil-chat-balloon-box{
    position:relative;
    display:inline-block;
    max-width:460px;
    background:#fff !important;
    border:1px solid rgba(209,206,206,1);
    border-radius:10px;
    box-sizing:border-box;
    overflow:visible;
}

/* テキスト */

.soleil-chat-balloon-text{
    min-width:70px !important;
    padding:15px 20px 15px !important;
    line-height:1.8 !important;
    box-sizing:border-box !important;
    background:transparent !important;
}

/* 改行 */

.soleil-chat-balloon-line{
    display:block;
}

.soleil-chat-balloon-line + .soleil-chat-balloon-line{
    margin-top:4px;
}

.soleil-chat-balloon-line + .soleil-chat-balloon-line{
    margin-top:2px;
}

/* 三角共通 */

.soleil-chat-balloon-box::after,
.soleil-chat-balloon-box::before{
    top:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
}

/* みぞれ三角 */

.soleil-chat-balloon-question .soleil-chat-balloon-box::after,
.soleil-chat-balloon-question .soleil-chat-balloon-box::before{
    right:100%;
}

/* かえ三角 */

.soleil-chat-balloon-answer .soleil-chat-balloon-box::after,
.soleil-chat-balloon-answer .soleil-chat-balloon-box::before{
    left:100%;
}

/* 三角 内側 */

.soleil-chat-balloon-box::after{
    border-width:7px;
    margin-top:-7px;
}

.soleil-chat-balloon-question .soleil-chat-balloon-box::after{
    border-right-color:#fff;
}

.soleil-chat-balloon-answer .soleil-chat-balloon-box::after{
    border-left-color:#fff;
}

/* 三角 外側 */

.soleil-chat-balloon-box::before{
    border-width:8px;
    margin-top:-8px;
}

.soleil-chat-balloon-question .soleil-chat-balloon-box::before{
    border-right-color:rgba(209,206,206,1);
    border-right-width:8px;
}

.soleil-chat-balloon-answer .soleil-chat-balloon-box::before{
    border-left-color:rgba(209,206,206,1);
    border-left-width:8px;
}

/* スマホ */

@media only screen and (max-width:767px){

    .soleil-chat-balloon{
        gap:14px;
    }

    .soleil-chat-balloon-image{
        flex:0 0 64px;
        width:64px;
    }

    .soleil-chat-balloon-content{
        max-width:calc(100% - 78px);
    }

    .soleil-chat-balloon-box{
        min-width:76px;
        max-width:100%;
    }

    .soleil-chat-balloon-text{
        padding:16px 14px 20px 14px;
    }

}
         max-width:calc(100% - 78px);
     }
 
     .soleil-chat-balloon-box{
         min-width:72px;
         max-width:100%;
     }
 
     .soleil-chat-balloon-text{
         padding:10px 14px 2px 14px;
     }
 }