.information-box{
    background-color: #f3fafe;
    border: 2px solid #bde4fc;
padding:6px;

}

.redm{
	color:#ff4a4a;
	font-weight:bold;
}
.bluem{
		color:#4a4aff;
	font-weight:bold;
}
.blackm{
	font-weight:bold;
}
body{
font-size:20px;
}
.responsive-div0 {
    width: 100%;
    max-width: 600px;
    margin: 0 auto; /* 中央に配置 */

}


@media (max-width: 600px) {
    .responsive-div {
        max-width: 100%;
    }
}

.responsive-div {
    width: 100%;
    max-width: 600px;
    margin: 0 auto; /* 中央に配置 */
    padding: 20px;
    box-sizing: border-box;
}

@media (max-width: 800px) {
    .responsive-div {
        max-width: 100%;
    }
}

/* 画像用のスタイル */
.responsive-div img.full-width-image {
    width: calc(100% + 40px); /* paddingの分を補正 */
    margin-left: -20px; /* 左側のpaddingを打ち消す */
    margin-right: -20px; /* 右側のpaddingを打ち消す */
border:1px solid black;
}

/*以下、①背景色など*/
.line-bc {
  padding: 20px 10px;
  max-width: 450px;
  margin: 15px auto;
  text-align: right;
  font-size: 14px;
  background: #7da4cd;

}

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

.balloon6 .faceicon {
  float: left;
  margin-right: -50px;
  width: 20%;
}

.balloon6 .faceicon img{
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.balloon6 .chatting {
  width: 100%;
  text-align: left;
}
.says {
  display: inline-block;
  position: relative; 
  margin: 20 0 0 50px;
  padding: 10px;
  max-width: 250px;
  border-radius: 12px;
  background: #edf1ee;
font-weight:bold;
}

.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);
}
.says p {
  margin: 0;
  padding: 0;
}

/*以下、③右側の緑コメント*/
.mycomment {
  margin: 10px 0;
}
.mycomment p {
  display: inline-block;
  position: relative; 
  margin: 0 10px 0 0;
  padding: 8px;
  max-width: 250px;
  border-radius: 12px;
  background: #30e852;
  font-size: 15px:
}

.mycomment p:after {
  content: "";
  position: absolute;
  top: 3px; 
  right: -19px;
  border: 8px solid transparent;
  border-left: 18px solid #30e852;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
/* style.css */
.prof {
    width: 90%;
    max-width: 400px;
    margin: 0 auto; /* 中央配置 */
border:1px solid gray;
padding:10px;
font-size:16px;
}

.profile-image {
    float: left;
    width: 25%;
    max-width: 100px;
margin-top:-10px;
    margin-right: 0px;
}

/* クリアフィックス */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.yellow{
background:linear-gradient(transparent 50%, #fff2a1 100%);
font-weight:bold; 
}