/*REVIEW*/
.ReviewTopBody {
  padding: 0 0 16px; }

.ReviewBox {
  width: 116px;
  float: left;
  margin: 0 0 1px; }

.ReviewBox p {
  width: 115px;
  background: url(/images/2012/bg_reviewmeta612.png) no-repeat -490px bottom;
  padding: 8px 0;
  position: relative; }

.ReviewBox a {
  display: block;
  margin: 0 7px 0 8px; }

.ReviewBox a i {
  display: block;
  line-height: 1; }

.ReviewBox a i img {
  margin: 0;
  width: 100px;
  height: 100px;
  object-fit: cover; }

.ReviewBox a span {
  display: block;
  padding: 0 0 4px;
  font-size: 10px;
  line-height: 1.2; }

.ReviewBox a span.date {
  text-align: right;
  padding: 0;
  color: #9C0; }

.ReviewBox a strong {
  display: block;
  padding: 0 0 8px;
  line-height: 1.2;
  word-break: break-all; }

.ReviewBox a.Eking {
  position: absolute;
  left: 84px;
  top: 10px;
  background: none;
  margin: 0; }

.ReviewBox a.Eking img {
  margin: 0; }

.ReviewBox a em {
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/2012/bg_new.png) no-repeat 0 0;
  text-indent: -9999px;
  display: block;
  width: 100px;
  height: 100px; }

.search-results-container {
  display: flex;
  flex-wrap: wrap; }
  .search-results-container .ReviewBox {
    float: none;
    width: auto;
    flex: 0 0 14.2%;
    padding: 0 1px 1px 0;
    margin: 0;
    display: flex; }
    .search-results-container .ReviewBox p {
      width: auto;
      background-color: #fff; }

@media screen and (max-width: 768px) {
  #search-results {
    padding: 0 8px; }

  .search-results-container .ReviewBox {
    flex: 0 0 25%; } }
@media screen and (max-width: 480px) {
  .search-results-container .ReviewBox {
    flex: 0 0 50%; }
    .search-results-container .ReviewBox p {
      flex: 1 1 100%; } }