@charset 'UTF-8';
/*===========================================
manager.css INDEX
===========================================*/

.jinji{
  width: 100%;
  margin: 57px 0 0px;
  overflow: hidden;
}
.manager{
  width: 100%;
  margin: 25px 0;
  overflow: hidden;
}
.jinji .faceicon {float: left; margin-right: -80px;}
/*.manager .faceicon {float: right; margin-left: -80px;}*/
.manager .faceicon {float: left; margin-right: -80px;}
.faceicon {
  width: 80px;
}
.faceicon img{
  width: auto;
  height: auto;
  /*border-radius: 50%;
  border: solid 3px #45b7f2;*/
}
.faceicon img + span{ 
  color: #45b7f2;
  text-align: center;
  display: block;
  padding-top: 5px;
  font-weight: 300;
}
/*.chatting {
  width: 100%;
  text-align: left;
}*/
.says {
  display: inline-block;
  position: relative; 
  border-radius: 10px;
  padding: 20px;
  width: 688px;
  margin: 0 0 0 112px;
}
.jinji .says {
  background: #45b7f2;
  color: #fff;
}
.manager .says {
  /*margin: 10px 112px 0 0;*/
  border: solid 1px #45b7f2;
}
.says::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 24px; 
}
.jinji .says::before {
  left: -18px;
  border: 8px solid transparent;
  border-right: 12px solid #45b7f2;
}
.manager .says::before {
  /*right: -15px;*/
  left: -15px;
  border: 6px solid transparent;
  /*border-left: 9px solid #fff;*/
  border-right: 9px solid #fff;
  z-index: 2;
}
.manager .says::after {
  content: "";
  position: absolute;
  top: 22px;
  /*right: -19px;*/
  left: -19px;
  border: 8px solid transparent;
  /*border-left: 11px solid #45b7f2;*/
  border-right: 11px solid #45b7f2;
  z-index: 1;
}
.says p {
  margin: 0;
  padding: 0;
}



@media screen and (max-width:767px){
  .faceicon { width: 13.5%; margin-right: -15%;}
  /*.jinji .faceicon {margin-right: -15%;}
  .manager .faceicon {margin-left: -15%;}*/
  .says { width: 84%; padding: 10px; margin-left: 16%;}
  /*.jinji .says { margin-left: 15%;}
  .manager .says { margin-right: 15%;}*/
  .says::before {top: 14px}
  .manager .says::after {top: 12px}
  .faceicon img + span{ font-size: 86%; }
}

