/* chara3のスタイル */
.Balloon.chara3 {
  max-width: 920px;
}
.Balloon.chara3 .Balloon__comment {
  color: #fff;
  background-color: #1b9af7;
  margin-right: 18px;
  margin-top: -40px;
  max-width: 570px;
  padding: 24px 44px;
}
.Balloon.chara3:before {
  background-image: url('/toilet-kaiteki/images/toilet-monsters/img-chara3.png');
  background-position: 0 32px;
}

/* SP版 */
@media (max-width: 799px) {
  .Balloon.chara3 .Balloon__comment {
    margin-top: -200px;
  }
  .Balloon.chara3 .Balloon__comment:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 12px 10px;
    border-color: transparent transparent #1b9af7 transparent;
    left: 50%;
    bottom: 100%;
    transform: translate(-50%, 0);
  }
  .Balloon.chara3:before {
    width: 297px;
    height: 400px;
  }
}

/* PC版 */
@media (min-width: 800px) {
  .Balloon.chara3 .Balloon__comment:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 23px 10px 0;
    border-color: transparent #1b9af7 transparent transparent;
    right: 100%;
    top: 50%;
    transform: translate(0, -50%);
  }
  .Balloon.chara3:before {
    width: 282px;
    height: 324px;
  }
  .Balloon.chara3.reverse:before {
    /* transform: scaleX(-1); */
  }
  .Balloon.chara3.reverse .Balloon__comment:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 23px;
    border-color: transparent transparent transparent #1b9af7;
    right: unset;
    left: 100%;
    top: 50%;
    transform: translate(0, -50%);
  }
}