body {
  color: #010101;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  background-color: #080300;
}

section {
  margin: 8rem auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #463E28;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", serif;
}

p {
  color: #010101;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

.title span {
  border-bottom: 2px solid #D1AE15;
}

/* btn */
.btn {
  color: #f6f6f6;
  background-color: #6D5923;
  border-color: #6D5923;
  font-family: "Times New Roman", Times, serif;
}

.btn--default,
.btn--primary,
.btn--back {
  border-radius: 0;
}

.btn--primary {
  background-color: #9d7a1b;
  border: none;
  width: 24.8rem;
  margin: 4rem auto;
  font-size: 1.5rem;
}

.btn--back {
  color: #010101;
  background-color: #aaa;
  border: none;
}

/* side */
.sp-container {
  background-color: #F1ECE7;
  box-shadow: 0px 0px 40px #FAC180;
}

.left-container *,
.right-container * {
  color: #f1ece7;
}

.left-content * {
  text-align: left;
  word-break: break-all;
  overflow-wrap: break-word;
}

.left-content .inner {
  max-height: calc(100vh - 14rem);
}

.left-content .left-logo img {
  width: 80%;
  max-width: 30rem;
  min-width: 20rem;
  margin: 0 0 3rem -1rem;
}

.left-content .left-info p {
  margin-bottom: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", serif;
}

.left-content .left-info .access {
  font-size: 1.3rem;
}

.left-content .left-info .open {
  font-size: 1.4rem;
}

.left-content .left-info .tel {
  font-size: 1.8rem;
}

.left-content .sns__items {
  margin-top: 3rem;
  justify-content: flex-start;
  gap: 2rem;
}

.left-content .sns__items img {
  filter: brightness(0) invert(96%) sepia(5%) saturate(301%) hue-rotate(322deg) brightness(101%) contrast(93%);
  width: 3rem;
}

.left-bottom-fixed .reservation {
  background-color: #9d7a1b;
  border-radius: 0.8rem;
}

.left-bottom-fixed .reservation a {
  color: #f6f6f6;
  padding: 0.5rem 1.5rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", serif;
  font-size: 1.6rem;
}

.right-nav {
  margin: 3rem 0;
}

.right-nav__items {
  align-items: center;
  gap: 1.5rem;
}

.right-nav__item a {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", serif;
  font-size: 1.6rem;
  transition: opacity 0.3s;
}

.right-nav__item a:hover {
  opacity: 0.7;
}

/* header */
.header {
  background-color: rgba(0, 0, 0, 0.8);
  color: #f6f6f6;
}

.header__logo img {
  height: 5rem;
}

.header__nav {
  background-color: rgb(8, 3, 0, 0.93);
  color: #f6f6f6;
}

.header__nav__item a {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", serif;
  display: block;
}

header .menu span {
  background-color: #f6f6f6;
}

.header .reservation a {
  border: 1px solid #f6f6f6;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", serif;
}

/* breadcrumb */
.breadcrumb * {
  color: #010101;
}

/* contact */
input,
button,
textarea,
select {
  border: 1px solid #999;
}

/* top eyetach */
.mv {
  background-color: #000;
}

.mv__logo {
  width: 100%;
}

.mv__video {
  max-height: none;
  aspect-ratio: 4 / 5;
}

@media screen and (max-width: 768px) {
  .mv__logo {
    padding-top: 3rem;
  }
}

/* page eyetach */
.page .mv__img img ,
.archive .mv__img img {
  height: 20rem;
}

.page .mv__img .filter,
.archive .mv__img .filter {
  filter: brightness(0.3);
}

.mv__ttl {
  font-family: Times, serif;
  color: #f6f6f6;
}

/* translation */
.gt_switcher_wrapper {
  top: 2rem !important;
  left: 2rem !important;
}

/* list */
.list-type-horizontal__item .item-text {
  min-height: auto !important;
}

.list-type-text__item:not(:last-child) a {
  border-bottom: 1px solid #6D5923;
}

.readmore-text {
  color: #6D5923 !important;
  padding-right: 1.4rem;
}

.readmore-text::before {
  background: #6D5923 !important;
}

.readmore-text::after {
  border-top: 1px solid #6D5923 !important;
}

/* SNS Thumbnail List */
.sns-gallery__type {
  background-color: #f6f6f6;
}

.sns-gallery__type svg path,
.sns-gallery__type svg polygon {
  fill: #D1AE15;
}

/* SNS Modal */
.sns__modal {
  background-color: rgba(0, 0, 0, 0.75);
}

.sns__modal__inner {
  background-color: #f6f6f6;
}

.sns__modal__body {
  background-color: #F9F9F9;
}

.sns__modal__close {
  background: #010101;
  color: #f6f6f6;
  border-top: 1px solid #999;
}

.sns__modal__item {
  background-color: #f6f6f6;
}

.sns__modal__item img,
.sns__modal__item video,
.sns__modal__item iframe {
  background-color: #010101;
}

.sns__modal__item .sns_content {
  color: #010101;
}

.sns__modal__item .swiper-button-prev,
.sns__modal__item .swiper-button-next {
  color: #f6f6f6;
}

/* footer */
.footer__ctt {
  background-color: #010101;
  color: #f6f6f6;
}

.footer__logo a img {
  max-width: 70%;
  margin: 0 auto;
}

.footer__info p {
  color: #f6f6f6;
}

.footer__nav__item {
  border-right: 1px solid #f6f6f6;
}

.footer__fixed {
  background-color: rgba(0, 0, 0, 0.75);
}

.footer__fixed .inner {
  background-color: #9d7a1b;
}

.footer__fixed .inner a {
  color: #f6f6f6;
}

.footer__cpr small {
  color: #f6f6f6;
  font-size: inherit;
  display: block;
}

@media screen and (min-width: 1073px) {
  .footer>.footer__fixed {
    display: none;
  }

  .scrolled .footer__gotop {
    bottom: 3rem;
  }
}

/* page */
.menu p {
  font-size: 1.4rem;
}

.menu .wp-block-columns {
  margin-bottom: 1.5rem;
}

.menu .wp-block-column {
  flex-grow: initial;
}

.menu .wp-block-columns .wp-block-column:first-child {
  flex-grow: 1 !important;
  flex-basis: 0 !important;
  width: auto !important;
}

.menu .wp-block-columns .wp-block-column:last-child {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  flex-basis: auto !important;
  width: fit-content !important;
}

.menu .wp-block-columns .wp-block-column:last-child p {
  white-space: nowrap;
}

.equipment .inner {
  position: relative;
  overflow-x: scroll;
  cursor: grab;
}

.equipment .inner::after {
  content: '';
  position: sticky;
  right: 0;
  bottom: 0;
  display: block;
  width: 80px;
  height: 100%;
  margin-top: -100%;
  background: linear-gradient(to right, transparent, #F1ECE7);
  pointer-events: none;
  float: right;
  transition: opacity 0.3s;
}

.equipment .inner.is-scroll-end::after {
  opacity: 0;
}

.equipment table * {
  font-size: 1.4rem;
}

.equipment .wp-block-table tr:nth-child(2n) {
  background-color: #f6f6f6;
}

.equipment .wp-block-table th,
.equipment .wp-block-table td {
  white-space: nowrap;
}

.equipment .wp-block-table th {
  background-color: #010101;
  border: 1px solid #010101;
  color: #f6f6f6;
}

.equipment .wp-block-table th {
  border-right: 1px solid #F1ECE7;
}

.equipment .wp-block-table th:last-of-type {
  border-right: 1px solid #010101;
}
