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

.rate-box {
  width: 63%;
  margin: 1em auto 2em;
  border: 2.3px solid rgb(255 179 107 / 30%);
  border-radius: 5px;
  box-shadow: 0 2px 2px rgb(0 0 0 / 5%);
}
@media only screen and (max-width: 480px) {
  .rate-box {
    width: 90%;
  }
}

.rate-title {
  display: none;
}

.rate-thing {
  font-size: 0.98em;
  color: rgb(146 135 110); /* 文字色 */
}

.rateline.end-rate .rate-thing {
  color: rgb(136 125 100); /* 最終行の文字色 */
}

.rate-box .rateline:nth-child(even) {
  background: rgb(255 249 229 / 70%); /* 偶数行の背景色 */
}

.rate-box .rateline.end-rate {
  background: rgb(255 181 0 / 17%); /* 最終行の背景色 */
}

.rate-star {
  font-size: 0.97em !important;
  color: transparent; /* 星の数を非表示(透明)に */
  text-align: center;
}

.rate-star .fa,
.rate-star .fa-star-half-alt {
  text-shadow: 1px 1px rgb(0 0 0 / 9%);
}

.fa-star-half-alt {
  font-size: 1em !important;
  opacity: 0.9 !important;
}