.emoon_conversation {
max-width: 600px;
box-sizing: border-box;
width: 96%;
margin: 0 auto;
font-size: 100%; 
}
 .emoon_conversation .emoon_conversation_main .emoon_conversation_user,
.emoon_conversation .emoon_conversation_main .emoon_conversation_shizuku,
.emoon_conversation .emoon_conversation_main .emoon_conversation_fullmoon {
margin-top: 3%;
width: 100%;
border: none;
border-collapse: collapse;
}
.emoon_conversation .emoon_conversation_main .emoon_conversation_user .emoon_conversation_img_wrapper,
.emoon_conversation .emoon_conversation_main .emoon_conversation_shizuku .emoon_conversation_img_wrapper,
.emoon_conversation .emoon_conversation_main .emoon_conversation_fullmoon .emoon_conversation_img_wrapper {
width: 15%;
vertical-align: bottom; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_user .emoon_conversation_img_wrapper .emoon_conversation_img,
.emoon_conversation .emoon_conversation_main .emoon_conversation_shizuku .emoon_conversation_img_wrapper .emoon_conversation_img,
.emoon_conversation .emoon_conversation_main .emoon_conversation_fullmoon .emoon_conversation_img_wrapper .emoon_conversation_img {
width: 100%; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_user .emoon_conversation_fukidashi_wrapper,
.emoon_conversation .emoon_conversation_main .emoon_conversation_shizuku .emoon_conversation_fukidashi_wrapper,
.emoon_conversation .emoon_conversation_main .emoon_conversation_fullmoon .emoon_conversation_fukidashi_wrapper {
width: 85%;
vertical-align: bottom; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_user .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi,
.emoon_conversation .emoon_conversation_main .emoon_conversation_shizuku .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi,
.emoon_conversation .emoon_conversation_main .emoon_conversation_fullmoon .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi {
display: inline-block;
width: calc(100% - 20px);
position: relative;
border: 1px solid #aaa;
box-sizing: border-box;
padding: 0.7em 0.9em;
background-color: #fff;
border-radius: 5px;
text-align: justify; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_user .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:before,
.emoon_conversation .emoon_conversation_main .emoon_conversation_shizuku .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:before,
.emoon_conversation .emoon_conversation_main .emoon_conversation_fullmoon .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:before {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
position: absolute;
bottom: 6px;
z-index: 9100; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_user .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:after,
.emoon_conversation .emoon_conversation_main .emoon_conversation_shizuku .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:after,
.emoon_conversation .emoon_conversation_main .emoon_conversation_fullmoon .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:after {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
position: absolute;
bottom: 6px;
z-index: 9101; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_user .emoon_conversation_fukidashi_wrapper {
text-align: right; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_user .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:before {
border-width: 10px 10px 10px 0;
border-color: transparent #aaa transparent transparent;
left: -10px; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_user .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:after {
border-width: 10px 10px 10px 0;
border-color: transparent #fff transparent transparent;
left: -8px; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_shizuku .emoon_conversation_fukidashi_wrapper {
text-align: left; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_shizuku .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:before {
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #aaa;
right: -10px; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_shizuku .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:after {
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #fff;
right: -8px; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_fullmoon .emoon_conversation_fukidashi_wrapper {
text-align: left; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_fullmoon .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:before {
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #aaa;
right: -10px; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_fullmoon .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:after {
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #fff;
right: -8px; }
@media screen and (max-device-width: 480px) {
.emoon_conversation .emoon_conversation_main .emoon_conversation_user .emoon_conversation_img_wrapper,
.emoon_conversation .emoon_conversation_main .emoon_conversation_shizuku .emoon_conversation_img_wrapper,
.emoon_conversation .emoon_conversation_main .emoon_conversation_fullmoon .emoon_conversation_img_wrapper {
width: 20%; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_user .emoon_conversation_fukidashi_wrapper,
.emoon_conversation .emoon_conversation_main .emoon_conversation_shizuku .emoon_conversation_fukidashi_wrapper,
.emoon_conversation .emoon_conversation_main .emoon_conversation_fullmoon .emoon_conversation_fukidashi_wrapper {
width: 80%; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_user .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi,
.emoon_conversation .emoon_conversation_main .emoon_conversation_shizuku .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi,
.emoon_conversation .emoon_conversation_main .emoon_conversation_fullmoon .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi {
width: calc(100% - 16px); }
.emoon_conversation .emoon_conversation_main .emoon_conversation_user .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:before {
border-width: 8px 8px 8px 0;
bottom: 5px;
left: -8px; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_user .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:after {
border-width: 8px 8px 8px 0;
bottom: 5px;
left: -6px; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_shizuku .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:before {
border-width: 8px 0 8px 8px;
bottom: 5px;
right: -8px; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_shizuku .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:after {
border-width: 8px 0 8px 8px;
bottom: 5px;
right: -6px; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_fullmoon .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:before {
border-width: 8px 0 8px 8px;
bottom: 5px;
right: -8px; }
.emoon_conversation .emoon_conversation_main .emoon_conversation_fullmoon .emoon_conversation_fukidashi_wrapper .emoon_conversation_fukidashi:after {
border-width: 8px 0 8px 8px;
bottom: 5px;
right: -6px; } }