@charset "UTF-8";
/* ===================================================================
CSS information

file name  : copy.css
author     : Abilive
style info : コピー
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.p-cate__single, .p-cate__list, .p-cate__btn, .p-suggest__inner {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .p-cate__single, .p-cate__list, .p-cate__btn, .p-suggest__inner {
    width: calc(1280 / 1440 * 100%);
    max-width: calc(1280px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-cate__single, .p-cate__list, .p-cate__btn, .p-suggest__inner {
    max-width: calc(1280px * ((16 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .p-cate__single, .p-cate__list, .p-cate__btn, .p-suggest__inner {
    max-width: calc(1280px * ((16 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-cate__single, .p-cate__list, .p-cate__btn, .p-suggest__inner {
    width: calc(1280 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-cate__single, .p-cate__list, .p-cate__btn, .p-suggest__inner {
    width: calc(348 / 428 * 100%);
  }
}

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes FadeUp {
  0% {
    transform: translateY(-200%);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
button {
  font-size: inherit;
  font-family: inherit;
  letter-spacing: inherit;
}

.c-table--unborder::before {
  border-top: 1px solid #c9c9ca;
}

@media only screen and (min-width: 1025px) {
  .c-anch {
    margin-top: 8.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-anch {
    margin-top: 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-anch {
    margin-top: 4.28rem;
  }
}

.c-intro {
  margin-top: 10rem;
}
.c-intro > .c-title {
  line-height: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-intro {
    margin-top: 7.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-intro {
    margin-top: 4.28rem;
  }
}

.p-cate {
  margin-bottom: 2.14rem;
}
@media only screen and (min-width: 1025px) {
  .p-cate {
    margin-top: 8.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-cate {
    margin-top: 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-cate {
    margin-top: 5.71rem;
  }
}
.p-cate__banner {
  aspect-ratio: 18 / 5;
}
@media only screen and (min-width: 768px) {
  .p-cate__banner {
    margin: 3rem 0 8rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-cate__banner {
    margin: 2.14rem 0 3.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-cate__banner {
    height: 230px;
  }
}
.p-cate__banner img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .p-cate .c-txt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.p-cate__single {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 1.42rem;
  max-width: 1100px;
}
.p-cate__single .img {
  height: 100%;
  aspect-ratio: 125 / 79;
}
@media only screen and (min-width: 768px) {
  .p-cate__single .img {
    width: calc(500 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-cate__single .img {
    width: 100%;
  }
}
.p-cate__single .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-cate__single__info {
  padding-top: 0.71rem;
}
@media only screen and (min-width: 768px) {
  .p-cate__single__info {
    width: calc(550 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-cate__single__info {
    width: 100%;
  }
}
.p-cate__single__info .c-title {
  margin-bottom: 1.07rem;
}
.p-cate__single__info .c-table {
  margin-top: 1.78rem;
}
@media only screen and (max-width: 767px) {
  .p-cate__single__info .c-txt {
    -webkit-line-clamp: 2;
  }
}
.p-cate__single__info .c-btn-basic {
  margin-top: 1.78rem;
  transform: translateX(var(--icon-size));
}
@media only screen and (min-width: 768px) {
  .p-cate__single__info .c-btn-basic {
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .p-cate__single__info .c-btn-basic {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .p-cate__single__info .c-btn-basic {
    transform: translateX(1.3rem);
  }
}
.p-cate__list {
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
}
@media only screen and (min-width: 1441px) {
  .p-cate__list {
    max-width: calc(1000 / 1440 * 100%);
  }
}
.p-cate__list.--col2 {
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .p-cate__list.--col2 .c-catesub {
    width: calc(475 / 1000 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-cate__list.--col2 .c-catesub {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .p-cate__list.--col2 .c-catesub {
    margin-inline: auto;
  }
  .p-cate__list.--col2 .c-catesub:not(:first-child) {
    margin-top: 4rem;
  }
}
.p-cate__list.--col2 .c-catesub .img {
  aspect-ratio: 19 / 12;
}
.p-cate__list.--col2 .c-catesub .img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .p-cate__list.--col3 {
    row-gap: 5.35rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-cate__list.--col3 {
    row-gap: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-cate__list.--col3 {
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) {
  .p-cate__list.--col3 .c-catesub {
    width: calc(313 / 1000 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-cate__list.--col3 .c-catesub {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .p-cate__list.--col3 .c-catesub:not(:nth-child(3n)) {
    margin-right: calc(30 / 1000 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-cate__list.--col3 .c-catesub {
    margin-inline: auto;
  }
  .p-cate__list.--col3 .c-catesub:nth-child(n+5) {
    display: none;
  }
}
.p-cate__list.--col3 .c-catesub .img {
  aspect-ratio: 313 / 198;
}
.p-cate__list.--col3 .c-catesub .img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-cate__list.--col3 .c-catesub .c-table__th, .p-cate__list.--col3 .c-catesub .c-table__td {
    display: block;
    width: 100%;
    padding-top: 0.71rem !important;
  }
}
@media only screen and (min-width: 768px) {
  .p-cate__list .c-catesub__info {
    padding-top: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-cate__list .c-catesub__info {
    padding-top: 1.42rem;
  }
}
.p-cate__list .c-catesub__info .c-title {
  margin-bottom: 1.07rem;
}
.p-cate__list .c-catesub__info .c-table {
  margin-top: 1.78rem;
}
.p-cate__list .c-catesub__info .c-btn-basic {
  margin-top: 1.78rem;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .p-cate__list .c-catesub__info .c-btn-basic {
    transform: translateX(1.3rem);
  }
}
.p-cate__btn {
  border-top: 1px solid var(--color-line);
  padding-top: 2.14rem;
  max-width: 1100px;
}
@media only screen and (min-width: 768px) {
  .p-cate__btn {
    margin-top: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-cate__btn {
    margin-top: 4.28rem;
  }
}
@media only screen and (min-width: 1441px) {
  .p-cate__btn {
    max-width: calc(1100 / 1440 * 100%);
  }
}
.p-cate__btn .c-btn-basic {
  justify-content: flex-end;
  transform: translateX(var(--icon-size));
}

@media only screen and (min-width: 1025px) {
  .p-suggest {
    margin-top: 8.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-suggest {
    margin-top: 7.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-suggest {
    margin-top: 5.71rem;
  }
}
.p-suggest__inner {
  max-width: 1248px;
  position: relative;
}
@media only screen and (min-width: 1441px) {
  .p-suggest__inner {
    max-width: calc(1248 / 1440 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .p-suggest__inner > .c-title {
    margin-bottom: 3.28rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-suggest__inner > .c-title {
    margin-bottom: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-suggest__inner > .c-title {
    margin-bottom: 2.14rem;
  }
}
.p-suggest__inner .txt {
  margin-top: 0.71rem;
}
.p-suggest__inner .c-swiper__inner {
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-suggest__inner .c-swiper__inner {
    max-width: calc(1100 / 1248 * 100%);
  }
}
.p-suggest__inner .c-swiper__inner .inner {
  aspect-ratio: 178 / 105;
}
.p-suggest__inner .c-swiper__inner .inner img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.p-suggest .swiper-button-next,
.p-suggest .swiper-button-prev {
  width: auto;
  height: auto;
  top: 40%;
}
.p-suggest .swiper-button-next::after,
.p-suggest .swiper-button-prev::after {
  content: "";
  position: absolute;
  width: 2.5rem;
  aspect-ratio: 35/76;
}
@media only screen and (max-width: 767px) {
  .p-suggest .swiper-button-next::after,
  .p-suggest .swiper-button-prev::after {
    width: 1.42rem;
  }
}
.p-suggest .swiper-button-next {
  right: 0rem;
}
@media only screen and (max-width: 767px) {
  .p-suggest .swiper-button-next {
    right: -1.43rem;
  }
}
.p-suggest .swiper-button-next::after {
  background: url(./../../dine/cafe-and-lounge/images/arr_next.webp) center center no-repeat;
  background-size: contain;
}
.p-suggest .swiper-button-prev {
  left: 0rem;
}
@media only screen and (max-width: 767px) {
  .p-suggest .swiper-button-prev {
    left: -1.43rem;
  }
}
.p-suggest .swiper-button-prev::after {
  background: url(./../../dine/cafe-and-lounge/images/arr_prev.webp) center center no-repeat;
  background-size: contain;
}
.p-suggest .c-swiper_ctrls {
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .p-suggest .c-swiper_ctrls {
    margin-top: 0;
  }
}
.p-suggest .c-btn-basic {
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .p-suggest .c-btn-basic {
    margin-top: 2.85rem;
    justify-content: center;
  }
}

@media only screen and (min-width: 1025px) {
  .p-readmore {
    padding-top: 7.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-readmore {
    padding-top: 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-readmore {
    padding-top: 4.28rem;
  }
}
.p-readmore__inner .c-title {
  margin-bottom: 3.21rem;
}
@media only screen and (max-width: 767px) {
  .p-readmore__inner .c-title {
    margin-bottom: 2.14rem;
  }
}
.p-readmore__inner .c-link-set {
  justify-content: center;
}
.p-readmore__inner .c-link-set__item__img .c-img-scale img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.p-retreat {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .p-retreat {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-retreat {
    max-width: calc(1100px * ((16 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .p-retreat {
    max-width: calc(1100px * ((16 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-retreat {
    width: calc(1100 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat {
    width: calc(348 / 428 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .p-retreat {
    margin-top: 8.86em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-retreat {
    margin-top: 5.71em;
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat {
    margin-top: 3.57em;
  }
}
.p-retreat a {
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .p-retreat__detail {
    width: calc(1100 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail {
    width: 100%;
  }
}
.p-retreat__detail article .wrp_title {
  border-bottom: 1px solid var(--color-575757);
}
@media only screen and (min-width: 1025px) {
  .p-retreat__detail article .wrp_title {
    margin-bottom: calc(40 / 1030 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-retreat__detail article .wrp_title {
    margin-bottom: calc(60 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_title {
    margin-bottom: calc(60 / 880 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .p-retreat__detail article .wrp_title {
    padding-bottom: calc(30 / 1030 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-retreat__detail article .wrp_title {
    padding-bottom: calc(45 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_title {
    padding-bottom: calc(45 / 880 * 100%);
  }
}
.p-retreat__detail article .wrp_title .info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .3em .5em;
}
@media only screen and (min-width: 768px) {
  .p-retreat__detail article .wrp_title .info {
    margin-top: 1.07em;
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_title .info {
    margin-top: 0.71em;
  }
}
.p-retreat__detail article .wrp_title .info dl dt {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.p-retreat__detail article .wrp_title .info dl.box_date dd {
  color: var(--color-575757);
}
.p-retreat__detail article .wrp_title .info .box_category dd ul {
  display: flex;
  gap: 0.57rem;
}
@media only screen and (min-width: 1025px) {
  .p-retreat__detail article .wrp_title .c-title {
    margin-top: calc(20 / 1030 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-retreat__detail article .wrp_title .c-title {
    margin-top: calc(30 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_title .c-title {
    margin-top: calc(30 / 880 * 100%);
  }
}
.p-retreat__detail article .wrp_article img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 1025px) {
  .p-retreat__detail article .wrp_article > * {
    margin-top: calc(30 / 1030 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-retreat__detail article .wrp_article > * {
    margin-top: calc(55 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_article > * {
    margin-top: calc(80 / 880 * 100%);
  }
}
.p-retreat__detail article .wrp_article > *:first-child {
  margin-top: 0;
}
.p-retreat__detail article .wrp_article .layout_img {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.p-retreat__detail article .wrp_article .layout_img figcaption {
  display: block;
  margin-top: .8em;
}
.p-retreat__detail article .wrp_article .layout_img.single .img {
  width: 100%;
}
.p-retreat__detail article .wrp_article .layout_img.single figcaption {
  width: 90%;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-retreat__detail article .wrp_article .layout_img.double .img {
    width: calc(495 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_article .layout_img.double .img {
    width: calc(420 / 880 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-retreat__detail article .wrp_article .layout_img.triple {
    gap: 0 calc(30 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_article .layout_img.triple {
    gap: 2em calc(40 / 880 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-retreat__detail article .wrp_article .layout_img.triple .img {
    width: calc(320 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_article .layout_img.triple .img {
    width: calc(420 / 880 * 100%);
  }
}
.p-retreat__detail article .wrp_article .layout_column {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .p-retreat__detail article .wrp_article .layout_column {
    flex-direction: row;
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_article .layout_column {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  .p-retreat__detail article .wrp_article .layout_column {
    align-items: center;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_article .layout_column.right {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 768px) {
  .p-retreat__detail article .wrp_article .layout_column .img, .p-retreat__detail article .wrp_article .layout_column .wp-block-media-text__media {
    width: calc(495 / 1030 * 100%);
    max-width: 49%;
  }
}
.p-retreat__detail article .wrp_article .layout_column .txt, .p-retreat__detail article .wrp_article .layout_column .wp-block-media-text__content {
  line-height: 1.8;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .p-retreat__detail article .wrp_article .layout_column .txt, .p-retreat__detail article .wrp_article .layout_column .wp-block-media-text__content {
    width: calc(495 / 1030 * 100%);
    max-width: 51%;
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_article .layout_column .txt, .p-retreat__detail article .wrp_article .layout_column .wp-block-media-text__content {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .p-retreat__detail article .wrp_article .layout_column.reverse {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1025px) {
  .p-retreat__detail article .wrp_article .layout_text + .layout_text {
    margin-top: calc(30 / 1030 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-retreat__detail article .wrp_article .layout_text + .layout_text {
    margin-top: calc(45 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_article .layout_text + .layout_text {
    margin-top: calc(45 / 880 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .p-retreat__detail article .wrp_article .layout_title.large + * {
    margin-top: calc(30 / 1030 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-retreat__detail article .wrp_article .layout_title.large + * {
    margin-top: calc(45 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_article .layout_title.large + * {
    margin-top: calc(45 / 880 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .p-retreat__detail article .wrp_article .layout_title.middle + * {
    margin-top: calc(30 / 1030 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-retreat__detail article .wrp_article .layout_title.middle + * {
    margin-top: calc(45 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_article .layout_title.middle + * {
    margin-top: calc(45 / 880 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .p-retreat__detail article .wrp_article .layout_title.small + * {
    margin-top: calc(30 / 1030 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-retreat__detail article .wrp_article .layout_title.small + * {
    margin-top: calc(45 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_article .layout_title.small + * {
    margin-top: calc(45 / 880 * 100%);
  }
}
.p-retreat__detail article .wrp_article .layout_slide .splide__arrows button {
  background: #fff;
}
.p-retreat__detail article .wrp_article .layout_slide .splide__arrows button svg {
  fill: var(--color-cv2);
}
.p-retreat__detail article .wrp_article .layout_slide .splide__pagination > li button {
  background: #fff;
}
.p-retreat__detail article .wrp_article .layout_slide .splide__pagination > li .is-active {
  background: var(--color-cv2);
}
.p-retreat__detail article .wrp_article .layout_movie {
  position: relative;
  overflow: hidden;
  padding-bottom: calc(580 / 1030 * 100%);
}
.p-retreat__detail article .wrp_article .layout_movie iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.p-retreat__detail article .wrp_article .layout_table .tbl_basic tr th {
  width: 35%;
}
.p-retreat__detail article .wrp_article .layout_table .tbl_basic tr td {
  width: 65%;
}
.p-retreat__detail article .wrp_article .layout_btn .c-btn {
  display: block;
  margin-inline: auto;
}
@media only screen and (min-width: 1025px) {
  .p-retreat__detail article .wrp_article .layout_btn .c-btn {
    margin-top: calc(30 / 1030 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-retreat__detail article .wrp_article .layout_btn .c-btn {
    margin-top: calc(45 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_article .layout_btn .c-btn {
    margin-top: calc(45 / 880 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-retreat__detail article .wrp_article .layout_btn .c-btn {
    max-width: 320px;
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_article .layout_btn .c-btn {
    width: 80%;
  }
}
@media only screen and (min-width: 1025px) {
  .p-retreat__detail article .wrp_article .layout_btn .c-btn + .layout_btn {
    margin-top: calc(15 / 1030 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-retreat__detail article .wrp_article .layout_btn .c-btn + .layout_btn {
    margin-top: calc(23 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail article .wrp_article .layout_btn .c-btn + .layout_btn {
    margin-top: calc(30 / 880 * 100%);
  }
}
.p-retreat__detail .box_pagination_detail dt {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.p-retreat__detail .box_pagination_detail dd {
  border-top: 1px solid var(--color-555);
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1025px) {
  .p-retreat__detail .box_pagination_detail dd {
    margin: calc(60 / 1030 * 100%) auto 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-retreat__detail .box_pagination_detail dd {
    margin: calc(90 / 1030 * 100%) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail .box_pagination_detail dd {
    margin: calc(90 / 880 * 100%) auto 0;
  }
}
@media only screen and (min-width: 1025px) {
  .p-retreat__detail .box_pagination_detail dd {
    padding-top: calc(30 / 1030 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-retreat__detail .box_pagination_detail dd {
    padding-top: calc(45 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail .box_pagination_detail dd {
    padding-top: calc(45 / 880 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-retreat__detail .box_pagination_detail dd {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail .box_pagination_detail dd {
    justify-content: space-around;
  }
}
@media only screen and (min-width: 768px) {
  .p-retreat__detail .box_pagination_detail dd .home {
    margin: 0 1.8em;
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail .box_pagination_detail dd .home {
    margin: 0 0.5em;
  }
}
.p-retreat__detail .box_pagination_detail dd .home a {
  color: #fff;
  display: block;
  padding: .5em 1.2em;
  box-sizing: border-box;
  text-decoration: none;
  background: var(--color-cv);
  transition: .3s ease-in-out;
}
.p-retreat__detail .box_pagination_detail dd .home a:hover {
  background: var(--color-575757);
}
.p-retreat__detail .box_pagination_detail dd .prev,
.p-retreat__detail .box_pagination_detail dd .next {
  transition: .3s ease-in-out;
}
.p-retreat__detail .box_pagination_detail dd .prev a,
.p-retreat__detail .box_pagination_detail dd .next a {
  display: flex;
  align-items: center;
  text-decoration: none;
  line-height: 1;
}
.p-retreat__detail .box_pagination_detail dd .prev:hover,
.p-retreat__detail .box_pagination_detail dd .next:hover {
  opacity: .7;
}
.p-retreat__detail .box_pagination_detail dd .prev .o-icon--lt {
  margin-right: 0.71em;
}
.p-retreat__detail .box_pagination_detail dd .next .o-icon--rt {
  margin-left: 0.71em;
}
.p-retreat__detail .c-title--bg {
  background-color: var(--color-text);
  color: var(--color-text-fff);
  padding: .5rem 1rem;
  display: block;
}
.p-retreat__detail .c-table table {
  width: 100%;
  position: relative;
  z-index: 1;
}
.p-retreat__detail .c-table table th,
.p-retreat__detail .c-table table td {
  font-size: 0.93rem;
  font-weight: 400;
  line-height: 1.68;
  letter-spacing: 0;
  word-break: break-all;
  border: 0;
}
.p-retreat__detail .c-table table tr th {
  border-bottom: 1px solid var(--color-line);
}
.p-retreat__detail .c-table table tr td {
  border-bottom: 1px solid var(--color-line);
}
.p-retreat__detail .c-table table tr td:first-of-type {
  text-align: center;
  width: 30%;
  padding: 1.42rem 0.71rem;
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail .c-table table tr td:first-of-type {
    width: 25%;
    padding: 1.25rem .5rem;
  }
}
.p-retreat__detail .c-table table td {
  padding: 1.42rem 0.71rem;
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail .c-table table td {
    padding: 1.25rem 0 1.25rem .75rem;
  }
}
.p-retreat__detail .c-table table td > span {
  display: block;
}
.p-retreat__detail .c-table table td > span + span {
  margin-top: 0.71rem;
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail .c-table--respon .table tr:first-child th {
    border-top: 1px solid var(--color-line);
  }
  .p-retreat__detail .c-table--respon .table th,
  .p-retreat__detail .c-table--respon .table td {
    display: block;
    width: 100%;
  }
  .p-retreat__detail .c-table--respon .table th {
    width: 100% !important;
    text-align: center;
    padding: 1rem !important;
  }
  .p-retreat__detail .c-table--respon .table td {
    padding: 1rem 1rem 2.5rem !important;
  }
}
.p-retreat__detail .youtube_movie .wp-block-embed__wrapper {
  position: relative;
  overflow: hidden;
  padding-bottom: calc(580 / 1030 * 100%);
}
.p-retreat__detail .youtube_movie .wp-block-embed__wrapper iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.p-retreat__detail .wp-block-button__link {
  min-height: 2.85rem;
  box-sizing: border-box;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  width: 100%;
  color: #fff;
  line-height: 1.2;
  padding: 0.28rem 1.42rem;
  border-radius: 2.85rem;
  border-style: solid;
  border-width: 1px;
  position: relative;
  transition: background-color .3s ease, border-color .3s ease;
  min-width: 17.85rem;
  font-size: 1rem;
  line-height: 1.2;
  box-sizing: border-box;
  display: inline-block;
  background-color: #fff;
  border-color: var(--color-text);
  color: var(--color-text);
}
.p-retreat__detail .wp-block-button__link:hover {
  background-color: var(--color-E8E8E8);
}
.p-retreat__detail .wp-block-button.pdf .wp-block-button__link::after {
  width: 0.6rem;
  height: 1rem;
  display: inline-block;
  content: "";
  background: url(../images/common/ic_pdf.svg) center bottom no-repeat;
  padding-left: 1.5rem;
}
.p-retreat__detail .wp-block-button.external .wp-block-button__link::after {
  width: 0.6rem;
  height: 1rem;
  display: inline-block;
  content: "";
  background: url(../images/common/ic_external.svg) center bottom no-repeat;
  padding-left: 1.5rem;
}
@media only screen and (min-width: 1025px) {
  .p-retreat__detail .wp-block-button.wp-block-button__width-25 {
    width: auto !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-retreat__detail .wp-block-button.wp-block-button__width-25 {
    width: 50% !important;
  }
}
@media only screen and (max-width: 767px) {
  .p-retreat__detail .wp-block-button.wp-block-button__width-25 {
    width: 80% !important;
  }
}

.swiper-container .swiper-slide {
  aspect-ratio: 1037 / 630 !important;
  width: 100% !important;
  display: block;
}
.swiper-container .swiper-slide img {
  aspect-ratio: 1037 / 630 !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center center !important;
  display: block;
}

.swiper_ctrls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  /* ドットとボタンの間隔 */
  margin-top: 1rem;
  flex-wrap: nowrap;
  /* 改行禁止 */
  margin-top: 1rem;
  width: 100%;
}

.swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  position: static !important;
  width: auto !important;
  left: 50%;
  transform: translateX(-50%);
}
.swiper-pagination.swiper-pagination-bullets {
  width: auto;
}
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  opacity: 1;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
@media only screen and (min-width: 768px) {
  .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 1.42rem;
    height: 1.42rem;
  }
}
@media only screen and (max-width: 1024px) {
  .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 2.14rem;
    height: 2.14rem;
  }
}
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet::before {
  content: "";
  display: block;
  border-radius: 1000px;
  border: 1px solid var(--color-text);
}
@media only screen and (min-width: 768px) {
  .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet::before {
    width: 0.35rem;
    height: 0.35rem;
  }
}
@media only screen and (max-width: 767px) {
  .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet::before {
    width: 0.42rem;
    height: 0.42rem;
    max-width: 10px;
    max-height: 10px;
  }
}
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: var(--color-text);
}

/* JSで追加されるボタンの基本デザイン */
.swiper-toggle-btn {
  aspect-ratio: 1;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  /* --- ⏸アイコン (2本の縦線) --- */
  /* 2本の線の位置とサイズ */
  /* ▶（再生）に切り替え時 */
}
.mouse .swiper-toggle-btn {
  -moz-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.mouse .swiper-toggle-btn:hover, .touch .swiper-toggle-btn.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch .swiper-toggle-btn {
  -webkit-tap-highlight-color: transparent;
}
.touch .swiper-toggle-btn.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
@media only screen and (min-width: 768px) {
  .swiper-toggle-btn {
    width: 1.78rem;
  }
}
@media only screen and (max-width: 767px) {
  .swiper-toggle-btn {
    width: 2.14rem;
  }
}
.swiper-toggle-btn::before, .swiper-toggle-btn::after {
  content: "";
  display: block;
  position: absolute;
  background-color: var(--color-text);
  border-radius: 0.07rem;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.swiper-toggle-btn::before {
  left: 35%;
}
@media only screen and (min-width: 768px) {
  .swiper-toggle-btn::before {
    width: 0.14rem;
    height: 0.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .swiper-toggle-btn::before {
    width: 0.14rem;
    height: 0.85rem;
  }
}
.swiper-toggle-btn::after {
  right: 35%;
}
@media only screen and (min-width: 768px) {
  .swiper-toggle-btn::after {
    width: 0.14rem;
    height: 0.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .swiper-toggle-btn::after {
    width: 0.14rem;
    height: 0.85rem;
  }
}
.swiper-toggle-btn.is-paused::before, .swiper-toggle-btn.is-paused::after {
  content: "";
  position: absolute;
  left: 40%;
  width: 0;
  height: 0;
  border-style: solid;
  background: none;
}
.swiper-toggle-btn.is-paused::before {
  background: var(--color-text);
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  transform: scale(1);
}
@media only screen and (min-width: 768px) {
  .swiper-toggle-btn.is-paused::before {
    width: 0.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .swiper-toggle-btn.is-paused::before {
    width: 0.57rem;
  }
}
@media only screen and (min-width: 768px) {
  .swiper-toggle-btn.is-paused::before {
    height: 0.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .swiper-toggle-btn.is-paused::before {
    height: 0.85rem;
  }
}
.swiper-toggle-btn.is-paused::after {
  opacity: 0;
  /* 再生時は1本の三角形だけ */
}

.c-btn-pause {
  aspect-ratio: 1;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.mouse .c-btn-pause {
  -moz-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.mouse .c-btn-pause:hover, .touch .c-btn-pause.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch .c-btn-pause {
  -webkit-tap-highlight-color: transparent;
}
.touch .c-btn-pause.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
@media only screen and (min-width: 768px) {
  .c-btn-pause {
    width: 1.78rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-btn-pause {
    width: 2.14rem;
  }
}
.c-btn-pause .o-icon {
  fill: var(--color-text);
  transform: scale(0.95);
}
@media only screen and (min-width: 768px) {
  .c-btn-pause .o-icon {
    width: 0.71rem;
    height: 0.92rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-btn-pause .o-icon {
    width: 0.85rem;
    height: 1.11rem;
  }
}

.c-list li {
  list-style-type: disc !important;
}