*, *:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

.good_review-container{
  width: 100%;
  border: solid #FF8189 4px;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0 10px 0;
}

.hutu_review-container{
  width: 100%;
  border: solid #7BC94A 4px;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0 10px 0;
}

.imaiti_review-container{
  width: 100%;
  border: solid #5BD1D3 4px;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0 10px 0;
}
  
  .good_review-titlebox{
    width: 100%;
    display: flex;
    border-bottom: dotted #FF8189 2px;
    padding-bottom: 5px;
  }

  .hutu_review-titlebox{
    width: 100%;
    display: flex;
    border-bottom: dotted #7BC94A 2px;
    padding-bottom: 5px;
  }

  .imaiti_review-titlebox{
    width: 100%;
    display: flex;
    border-bottom: dotted #5BD1D3 2px;
    padding-bottom: 5px;
  }
  
  .review-title{
    margin-left: 10px;
  }

  .review-titletext h3{
    margin-bottom: 15px;
    margin-top: 4px;
  }

    .good_titletext{
      color: #FF8189;
    }

    .hutu_titletext{
      color: #7BC94A;
    }

    .imaiti_titletext{
      color: #5BD1D3;
    }
  
  .review-user{
    line-height: 10px;
    font-size: 12px;
    color: #BDBDBD;
  }

  .review-star{
    color: #FCB400;
  }

  .review-textbox{
    background-color: #FCEFC9;
  }

    .review-textbox p{
      color: #212121;
      padding: 5px;
      margin: 5px 0 5px 0;
    }

@media screen and (max-width:768px) {
  .review-icon{
    flex-basis: 10%;
  }

  .review-title{
    flex-basis: 90%;
  }
}

@media screen and (min-width:769px) {
  .review-icon{
    flex-basis: 60px;
  }

  .review-title{
    flex-basis: auto;
  }
}