@charset "UTF-8";


/* =============================================================

  ZETAVOCIE iframe内 summary.css

============================================================= */


/*  MYPAGE FORM　SETTING
======================================================= */

#ZVSummary table {
  border-collapse: collapse;
  border-spacing: 0;
}

#ZVSummary .zv-star-comment, #ZVList table.zv-counts-table .zv-star-comment {
  position: relative;
  top: -0.15rem;
  padding-left: .8rem;
  font-size: 1.5rem !important;
  color: var(--color-review-basic);
}

#ZVSummary table tr th, #ZVSummary table tr td, #ZVList table tr th, #ZVList table tr td {
  white-space: nowrap;
}

#ZVSummary .zv-star-svg,
#ZVList .zv-star-svg,
#ZVSummary .zv-star-svg-sub,
#ZVList .zv-star-svg-sub {
  width: 2rem;
  height: 2rem;
  fill: var(--color-review-rating);
  margin-right: -2px;
}

#ZVSummary .zv-star-svg-main, #ZVList .zv-star-svg-main {
  fill: var(--color-review-rating);
}

#ZVSummary .zv-star-svg-grey, #ZVList .zv-star-svg-grey {
  fill: var(--color-review-grey);
}

/* SP用*/
@media (max-width: 768px) {

  #ZVSummary .zv-star-svg,
  #ZVList .zv-star-svg,
  #ZVSummary .zv-star-svg-sub,
  #ZVList .zv-star-svg-sub {
    width: calc(30 * (100vw / 586));
    height: calc(30 * (100vw / 586));
    margin-right: calc(-4 * (100vw / 586)) !important;
  }

  #ZVSummary .zv-star-comment, #ZVList table.zv-counts-table .zv-star-comment {
    top: calc(-2 * (100vw / 586)) !important;
    padding-left: calc(6 * (100vw / 586)) !important;
    font-size: calc(22 * (100vw / 586)) !important;
  }

}