.p-demo__view-area .balloon{display:flex;margin:1.5rem auto;max-width:650px;overflow:hidden}.p-demo__view-area .balloon .faceicon{width:120px}.p-demo__view-area .balloon .faceicon img{height:auto;width:100%}.p-demo__view-area .says{background:#fff4ff;border:1px solid #cf6897;border-radius:12px;margin:5px 0 0 10px;padding:17px 13px;position:relative;width:400px}.p-demo__view-area .says:after{background-color:#fff4ff;border-bottom:1px solid #cf6897;border-left:1px solid #cf6897;content:"";height:15px;left:calc(50% - 20px);left:-8px;position:absolute;top:18px;transform:rotate(45deg);width:15px}.p-demo__view-area .says p{display:inline-block;margin:0;padding:0;text-align:left;vertical-align:middle}.p-demo__view-area .balloonA{display:flex;margin:1.5em auto;overflow:hidden;width:650px}.p-demo__view-area .balloonA .faceiconA{margin-left:10px;width:80px}.p-demo__view-area .balloonA .faceiconA img{height:auto;width:100%}.p-demo__view-area .balloonA .chattingA{width:0}.p-demo__view-area .saysA{background:#f4ffff;border:1px solid #4799ce;border-radius:12px;margin:5px 0 0 130px;padding:17px 13px;position:relative;width:400px}.p-demo__view-area .saysA:after{background-color:#f4ffff;border-right:1px solid #4799ce;border-top:1px solid #4799ce;content:"";height:15px;position:absolute;right:-8px;top:18px;transform:rotate(45deg);width:15px}.p-demo__view-area .saysA p{display:inline-block;margin:0;padding:0;text-align:left;vertical-align:middle}@media screen and (max-width:767px){.p-demo__view-area{font-size:.8em}.p-demo__view-area .balloon{display:flex;margin:1.5em auto;overflow:hidden;width:100%}.p-demo__view-area .balloon .faceicon{width:120px}.p-demo__view-area .balloon .faceicon img{border-radius:20%;height:auto;width:100%}.p-demo__view-area .says{background:#fff4ff;border-radius:12px;margin:5px 0 0 10px;padding:17px 13px;position:relative;width:100%}.p-demo__view-area .says:after{background-color:#fff4ff;border-bottom:1px solid #cf6897;border-left:1px solid #cf6897;content:"";height:15px;left:calc(50% - 20px);left:-8px;position:absolute;top:18px;transform:rotate(45deg);width:15px}.p-demo__view-area .says p{margin:0;padding:0;text-align:left}.p-demo__view-area .balloonA{display:flex;margin:1.5em auto;overflow:hidden;width:100%}.p-demo__view-area .balloonA .faceiconA{margin-left:10px;width:80px}.p-demo__view-area .balloonA .faceiconA img{border-radius:30%;height:auto;width:100%}.p-demo__view-area .balloonA .chattingA{width:0}.p-demo__view-area .saysA{background:#f4ffff;border-radius:12px;margin:5px 0 0;padding:17px 13px;position:relative;width:100%}.p-demo__view-area .saysA:after{background-color:#f4ffff;border-right:1px solid #4799ce;border-top:1px solid #4799ce;content:"";height:15px;position:absolute;right:-8px;top:18px;transform:rotate(45deg);width:15px}.p-demo__view-area .saysA p{margin:0;padding:0;text-align:left}}
/*# sourceMappingURL=260527_02.css.map */