@charset "UTF-8";
:root {
  --color-white: #ffffff;
  --color-black: #2d2d2a;
  --color-sub-black: #353535;
  --color-sub-black-2: #9b9b9b;
  --color-main: #ff91c2;
  --color-sub: #4c4c47;
  --color-text: #000000;
  --color-button: #4c4c47;
  --color-label: linear-gradient(180deg, #763f20 0%, #310c02 100%);
  --color-label-text: #ffffff;
  --color-button: linear-gradient(180deg, #353535 0%, , #1e1e1e 100%);
  --color-button-text: #ffffff;
  --gradient-main: linear-gradient(180deg, #763f20 0%, #310c02 100%);
  --color-line: #06c755;
  --color-bg-emph: rgba(252, 3, 135, 0.04);
  --color-background: #fff8f1;
  --color-mask: rgba(0, 0, 0, 0.5);
  --gradient-main: linear-gradient(
    233deg,
    #fff2b7 0%,
    #b9f3ff 10%,
    #ff96e5 56%,
    #fff2b7 100%
  );
  --shadow-white: 0 0 4px #ffffff;
  --shadow-black: 0 0 5px #e4e4e4;
  --shadow-main: 1px 1px 3px #cecece;
  --shadow-box: 0 1px 8px rgb(0 0 0 / 9%);
}

@font-face {
  font-family: "Cinzel";
  src: url("../fonts/Cinzel.woff2") format("woff2");
  font-display: swap;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
/* reviews__section */
.reviews__section {
  margin-top: 8.3333333333vw;
  /* ページネーション */
}
@media (min-width: 1920px) {
  .reviews__section {
    margin-top: 160px;
  }
}
@media (max-width: 767px) {
  .reviews__section {
    margin-top: 15.6453715776vw;
  }
}
.reviews__section .page__container {
  width: 59.7222222222vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1920px) {
  .reviews__section .page__container {
    width: 1146.6666666667px;
  }
}
@media (max-width: 767px) {
  .reviews__section .page__container {
    width: 96.479791395vw;
  }
}
.reviews__section .page__container .cast__reviews .review__card {
  flex-direction: row;
}
.reviews__section .page__container .cast__reviews .review__card .review__card__thumb {
  flex: 0 0 12.5vw;
  margin-right: 0.6944444444vw;
}
@media (min-width: 1920px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb {
    margin-right: 13.3333333333px;
  }
}
@media (max-width: 767px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb {
    margin-right: 2.6075619296vw;
  }
}
@media not screen and (min-width: 768px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb {
    flex: 0 0 6.9444444444vw;
  }
}
.reviews__section .page__container .cast__reviews .review__card .review__card__thumb a,
.reviews__section .page__container .cast__reviews .review__card .review__card__thumb img {
  display: block;
  width: 12.5vw;
  height: 16.6666666667vw;
  object-fit: cover;
  object-position: center;
  border-radius: 0.5555555556vw;
}
@media (min-width: 1920px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb a,
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb img {
    width: 240px;
  }
}
@media (max-width: 767px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb a,
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb img {
    width: 26.075619296vw;
  }
}
@media (min-width: 1920px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb a,
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb img {
    height: 320px;
  }
}
@media (max-width: 767px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb a,
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb img {
    height: 52.1512385919vw;
  }
}
@media (min-width: 1920px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb a,
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb img {
    border-radius: 10.6666666667px;
  }
}
@media (max-width: 767px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb a,
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb img {
    border-radius: 1.5645371578vw;
  }
}
.reviews__section .page__container .krc-review-form-wrapper {
  min-width: 47.2222222222vw;
}
@media (min-width: 1920px) {
  .reviews__section .page__container .krc-review-form-wrapper {
    min-width: 906.6666666667px;
  }
}
@media (max-width: 767px) {
  .reviews__section .page__container .krc-review-form-wrapper {
    min-width: 83.4419817471vw;
  }
}
.reviews__section .pagination {
  margin-top: 24px;
  text-align: center;
}
.reviews__section .pagination .page-numbers {
  display: inline-flex;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.reviews__section .pagination .page-numbers li a,
.reviews__section .pagination .page-numbers li span {
  display: inline-block;
  min-width: 36px;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-decoration: none;
  color: var(--color-text);
}
.reviews__section .pagination .page-numbers li .current,
.reviews__section .pagination .page-numbers li a:hover {
  border-color: var(--color-main);
  color: var(--color-main);
}