/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 12 2026 | 02:59:20 */
.balloon {
  position: relative;
  width: fit-content;
  max-width: 80%;
  padding: 10px 16px;
  margin-left: 14px;
  background: #fff;
  border: 2px solid #333;
  border-radius: 18px;
  color: #000;
  line-height: 1.6;
}
/* しっぽの枠線部分 */
.balloon::before {
  content: "";
  position: absolute;
  left: -12px;
  top: 10px;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  border-color: transparent #333 transparent transparent;
}
/* しっぽの白い中身 */
.balloon::after {
  content: "";
  position: absolute;
  left: -9px;
  top: 11px;
  border-style: solid;
  border-width: 7px 9px 7px 0;
  border-color: transparent #fff transparent transparent;
}

/* 吹き出し(右向き) */
.balloon-right {
  position: relative;
  width: fit-content;
  max-width: 80%;
  padding: 10px 16px;
  margin-left: auto;
  margin-right: 14px;
  background: #fff;
  border: 2px solid #333;
  border-radius: 18px;
  color: #000;
  line-height: 1.6;
}
/* しっぽの枠線部分 */
.balloon-right::before {
  content: "";
  position: absolute;
  right: -12px;
  top: 10px;
  border-style: solid;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent #333;
}
/* しっぽの白い中身 */
.balloon-right::after {
  content: "";
  position: absolute;
  right: -9px;
  top: 11px;
  border-style: solid;
  border-width: 7px 0 7px 9px;
  border-color: transparent transparent transparent #fff;
}