/**** チャット風吹き出し ****/ / 全体のスタイル / .kaiwa { margin-bottom: 40px; }

/ 画像 / .kaiwa-img-left, .kaiwa-img-right { margin: 0; width: 100px; height: 100px; }

/ 左画像 / .kaiwa-img-left { float: left; }

/ 右画像 / .kaiwa-img-right { float: right; }

.kaiwa figure img { width: 100%; height: 100%; border: 2px solid #d7ebfe; border-radius: 50%; margin: 0; }

/ 画像の下のテキスト / .kaiwa-img-description { padding: 5px 0 0; font-size: 10px; text-align: center; line-height: 0.5em; }

/ 吹き出しテキスト / .kaiwa-text-right, .kaiwa-text-left { position: relative; }

/ 左からの吹き出しテキスト / .kaiwa-text-right { margin-left: 120px; }

/ 右からの吹き出しテキスト / .kaiwa-text-left { margin-right: 130px; text-align: right; }

p.kaiwa-text { background-color: #fafdff; border: 2px solid #d7ebfe; border-radius: 10px; display: inline-block; margin: 0 0 20px; padding: 10px; text-align: left; }

p.kaiwa-text:last-child { margin-bottom: 0; }

/ 三角形を作る / .kaiwa-text-right:before, .kaiwa-text-left:before { position: absolute; content: ''; border: 10px solid transparent; top: 15px; }

.kaiwa-text-right:before { border-right: 10px solid #d7ebfe; left: -20px; }

.kaiwa-text-left:before { border-left: 10px solid #d7ebfe; right: -20px; }

.kaiwa-text-right:after, .kaiwa-text-left:after { position: absolute; content: ''; border: 10px solid transparent; top: 15px; }

.kaiwa-text-right:after { border-right: 10px solid #fafdff; left: -17px; } .kaiwa-text-left:after { border-left: 10px solid #fafdff; right: -17px; }

/ 回り込み解除 / .kaiwa:after,.kaiwa:before { clear: both; content: ""; display: block; }