.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; } }

/*# sourceMappingURL=emoon_conversation.css.map */