@charset "UTF-8";

.is-date {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.is-date dl {
  width: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0.8rem;
}

.is-date dd {
  width: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
}

.is-date dt {
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.3rem 0.6rem;
  width: 6.8rem;
  height: 2.6rem;
  font-size: 1.2rem;
  color: #fff;
  font-weight: 500;
  background: #5eaa69;
  border-radius: 0.4rem;
  margin-right: 0.8rem;
}

.is-date dt img {
  margin-right: 0.4rem;
}

.is-point {
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.is-point i {
  margin-right: 0.8rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/common/icon_star_grey.svg) center no-repeat;
  background-size: 100%;
}

.is-active {
  background-image: url(../images/common/icon_star.svg) !important;
}

.p-column__content__main section > .review_items {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2列 */
  grid-auto-rows: auto; /* 各カードの高さに合わせる */
  gap: 20px; /* 行・列の間隔 */
  margin-bottom: 3.2rem;
}

.p-column.is-voice .p-column__content__main section > .review_items > li {
  width: 100%;
  max-width: initial;
  padding: 1.6rem 2rem;
  margin-right: 0;
  margin-bottom: 0;
}

.p-column.is-voice .p-column__content__main section > .review_items > li a {
  cursor: pointer;
}

.p-column.is-voice
  .p-column__content__main
  section
  > .review_items
  > li
  a:hover {
  opacity: 0.8;
}

.p-column.is-voice .p-column__content__main section > .review_items > li a {
  display: grid;
  grid-template-columns: 16% auto;
  gap: 2.4rem;
  height: 100%;
}

.p-column.is-voice
  .p-column__content__main
  section
  > .review_items
  > li
  a
  > div:nth-child(2)
  > div:nth-child(1) {
  display: flex;
  flex-direction: column;
}

.is-body ul li {
  display: flex;
  gap: 0.8rem;
}

.p-column.is-voice
  .p-column__content__main
  section
  > .review_items
  > li
  a
  > div:nth-child(2)
  > div:nth-child(1)
  > div:nth-child(1)
  p {
  font-size: 1.3rem;
}

.p-column.is-voice
  .p-column__content__main
  section
  > .review_items
  > li
  a
  > div:nth-child(2)
  > div:nth-child(1) {
  margin-bottom: 1.4rem;
}

.p-column__content__main section > ul > li dl dd {
  margin-bottom: 0;
}

.is-body ul li h2 {
  white-space: nowrap;
}

.opinion_txt {
  font-size: 12px;
  padding-top: 4px;
}

@media (max-width: 1056px) {
  .p-column.is-voice .p-column__content__main section > .review_items > li a {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .p-column.is-voice
    .p-column__content__main
    section
    > .review_items
    > li
    a
    > div:nth-child(1)
    img {
    width: 9rem;
  }

  .is-point i {
    width: 1.2rem;
    height: 1.2rem;
  }

  .p-column__content__main section > .review_items {
    grid-template-columns: auto;
  }

  .is-date dl {
    display: flex;
    flex-wrap: nowrap;
  }

  .p-column.is-voice .p-column__content__main section > .review_items > li {
    padding: 1.2rem;
  }

  .p-column.is-voice .p-column__content__main section > .review_items > li a {
    gap: 1.6rem;
  }
}