【SANGO】レビューボックスを立体的に可愛くするカスタマイズ

.rate-box{
  border-radius: 5px;
  border: 2.3px solid rgba(255,179,107,.3);
  width:63%;
  margin:1em auto 2em auto;
  box-shadow: 0 2px 2px rgba(0,0,0,.05); 
}
@media only screen and (max-width: 480px){
  .rate-box{
    width:90%;
  }
}
.rate-title {
  display:none;
}
.rate-thing {
  color: rgb(146,135,110); /*文字色*/
  font-size:.98em;
}
.rateline.end-rate .rate-thing{
  color: rgb(136,125,100); /*最終行の文字色*/
}
.rate-box .rateline:nth-child(even) {
  background: rgba(255,249,229,.7); /*偶数行の背景色*/
}
.rate-box .rateline.end-rate {
  background: rgba(255,181,0,.17); /*最終行の背景色*/
}
.rate-star {
  color: transparent; /*星の数を非表示(透明)に*/
  font-size: .97em!important;
  text-align: center;
}
.rate-star .fa, .rate-star .fa-star-half-alt{
  text-shadow: 1px 1px rgba(0,0,0,.09);
}
.fa-star-half-alt {
  font-size: 1em!important;
  opacity:.9!important;
}

.rate-box{
  width:63%;
}
@media only screen and (max-width: 480px){
  .rate-box{
    width:90%;
  }
}