@charset "UTF-8";
:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-sub-black: #353535;
  --color-sub-black-2: #9b9b9b;
  --color-main: #330b2f;
  --color-sub: #e9e3c4;
  --color-text: #eeebe3;
  --color-label: #330b2f;
  --color-label-text: #e9e3c4;
  --color-button: #330b2f;
  --color-button-text: #e9e3c4;
  --color-line: #06c755;
  --color-background: #000000;
  --color-heading: var(--color-sub);
  --color-main-deep: color-mix(in srgb, var(--color-main) 85%, var(--color-black));
  --color-surface: color-mix(in srgb, var(--color-main) 18%, var(--color-black));
  --color-main-soft: color-mix(in srgb, var(--color-main) 40%, var(--color-black));
  --color-main-veil: color-mix(in srgb, var(--color-main) 24%, var(--color-black));
  --color-hairline: color-mix(in srgb, var(--color-sub) 40%, transparent);
  --color-hairline-strong: color-mix(in srgb, var(--color-sub) 70%, transparent);
  --color-bg-emph: color-mix(in srgb, var(--color-sub) 8%, transparent);
  --color-mask: color-mix(in srgb, var(--color-black) 55%, transparent);
  --color-main-darker: color-mix(in srgb, var(--color-main) 62%, var(--color-black));
  --gradient-heavy: linear-gradient(
    180deg,
    var(--color-main) 0%,
    var(--color-main-darker) 100%
  );
  --gradient-main: linear-gradient(
    180deg,
    var(--color-black) 0%,
    var(--color-main-veil) 100%
  );
  --shadow-white: 0 0 4px #ffffff;
  --shadow-black: 0 2px 14px color-mix(in srgb, var(--color-black) 60%, transparent);
  --shadow-main: 0 1px 3px color-mix(in srgb, var(--color-black) 70%, transparent);
  --shadow-box:
    0 1px 2px color-mix(in srgb, var(--color-black) 60%, transparent),
    0 8px 20px color-mix(in srgb, var(--color-black) 45%, transparent);
  --shadow-card:
    0 2px 4px color-mix(in srgb, var(--color-black) 65%, transparent),
    0 14px 28px color-mix(in srgb, var(--color-black) 50%, transparent);
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cinzel";
  src: url("../fonts/Cinzel.woff2") format("woff2");
  font-optical-sizing: auto;
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
/* 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;
}
@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 {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.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;
}
@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;
  }
}
.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: 16.6666666667vw;
}
@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;
  }
}
.reviews__section .page__container .cast__reviews .review__card .review__card__thumb a,
.reviews__section .page__container .cast__reviews .review__card .review__card__thumb img {
  object-fit: cover;
  object-position: center;
  border-radius: 0.1388888889vw;
}
@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: 2.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: 0.5215123859vw;
  }
}
.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 {
  /* ページネーション */
}
.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 var(--color-hairline);
  border-radius: 2px;
  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-heading);
  color: var(--color-heading);
}