/* レビュー */

section#reviews {
  min-height: 775.5px;
  /* 横の空白を無くす */
  margin: 70px 0;
  padding: 30px 0;
}
section#reviews h1, section#revies div.reviews > *:not(div.clinicImpressionContainer) {
  margin: 15px;
  padding: 0 15px;
}

section#reviews.loading {
  opacity: 0;
  min-height: 300px;
}
section#reviews.loading:after {
  content: 'レビューを読み込んでます';
  opacity: 1;
  display: block;
}

.reviews {
  text-align: center;
  padding-top: 15px;
}
.reviews p {
  margin: 0;
}

a.kenkounihari_link {
  background: var(--main);
  color: white;
  padding: 5px 15px;
  border-radius: 50px;
  display: inline-block;
  margin: 15px 0;
}

h3.clinicReviewTitle,
div.clipButtonContainer,
p.more,
hr.connector,
div.clinicCommentContainer,
p.avatar,
p.impressionNumber,
a.btCloseModalRounded,
p.linkAnnex,
p.displayNumber,
ul.clinicImpressionList,
div.impressionMore
 {
  display: none;
}

span.totalScoreIcons i.scoreIconFilled:before{
  content: '★';
  color: #ef7e03;
}
span.totalScoreIcons i.scoreIconOutlined:before {
  content: '☆';
  color: #ef7e03;
}
i.icon_comment:before {
  content: 'レビュー数';
  margin-right: 15px;
}
div.clinicReviewBody ul.evaluationList, div.clinicImpressionContainer ul.userEvaluationList {
  width: 100%;
  display: inline-flex;
  font-size: .9em;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
div.clinicReviewBody ul.evaluationList li, div.clinicImpressionContainer ul.userEvaluationList li.userEvaluationListItem, .userEvaluationHeader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 5px 10px 5px;
  padding: 5px 10px;
  background: white;
  box-shadow: var(--shadow);
  border-radius: 5px;
}
.scoreContainer, .contributorInfo {
  margin-bottom: 5px;
}
div.userEvaluationContainer {
  width: 70svw;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-size: .75em;
}
div.clinicImpressionContainer {
  display: inline-flex;
  flex-direction: row;
  overflow-x: scroll;
  width: 99svw;
  scroll-snap-type: x mandatory;
  flex-wrap: nowrap;
  padding: 2px;
}
div.impressionModal {
  padding: 10px 0;
  background: #fffdf8;
  box-shadow: var(--shadow);
  /* height: fit-content; */
}
div.userEvaluationHeader p {
  max-width: max-content;
}
.userEvaluationHeader {
  display: flex;
  flex-direction: column;
  align-items: center;
}
div.clinicImpressionContainer::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.commentBody pre {
  width: 75%;
  white-space: normal;
}
div.commentBody {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
div.clinicImpressionContainer > * {
  scroll-snap-align: center;
  width: 70svw;
  margin: 0 10px;
}
div.impressionModal div[data-role="modalBox"] {
  max-height: 50svh;
  overflow-y: scroll;
}
ul.userCommentContainer li.comment {
  padding: 10px 0;
  font-size: .9em;
}