/*以下、�@背景色など*/
.line-bc {
  padding: 20px 10px;
  max-width: 750px;
  margin: 15px auto;
  text-align: right;
  font-size: 14px;
}

/*以下、�A左側のコメント*/
.balloon6 {
  width: 100%;
  margin: 20px 0;
  overflow: hidden;
}

.balloon6 .chatting {
  width: 100%;
  text-align: left;
}
.says {
  display: inline-block;
  position: relative; 
  margin: 0 0 0 30px;
  padding: 10px;
  max-width: 80%;
  border-radius: 12px;
  background: #edf1ee;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 3px; 
  left: -19px;
  border: 8px solid transparent;
  border-right: 18px solid #edf1ee;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}
.saysr p {
  margin: 0;
  padding: 0;
}

/*以下、�B右側の緑コメント*/
.saysr {
  margin: 0 0;
}
.saysr p {
  display: inline-block;
  position: relative; 
  margin: 0 30px 0 0;
  padding: 8px;
  max-width: 80%;
  border-radius: 12px;
  background: #c9f5ff;
  font-size: 15px:
}

.saysr p:after {
  content: "";
  position: absolute;
  top: 3px; 
  right: -19px;
  border: 8px solid transparent;
  border-left: 18px solid #c9f5ff;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}