/*------------------------------------------

	下層共通

------------------------------------------*/
main .mv {
  width: 100%;
  height: auto;
  overflow: hidden;
  max-height: 400px;
  position: relative;
}
main .mv:after {
  content: '';
  background-color: rgba(50, 50, 50, 0.2);
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
main .mv img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  max-height: 400px;
}
@media screen and (max-width: 767px) {
  main .mv {
    max-height: 250px;
  }
}
/*------------------------------------------

ページトップ

------------------------------------------*/
.page-title {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  z-index: 20;
  padding: 0 20px;
}
.page-title h1 {
  font-size: clamp(32px, 4vw, 50px);
  letter-spacing: 0.3em;
  margin-bottom: 20px;
  text-shadow: 0 4px 12px rgba(0, 0, 0, .6);
}
.page-title h2 {
  font-size: clamp(16px, 2vw, 22px);
  text-shadow: 0 2px 8px rgba(0, 0, 0, .6);
}
@media screen and (max-width: 767px) {
  .page-title h1 {
    font-size: 3.2rem;
    margin-bottom: 0px;
  }
  .page-title h2 {
    font-size: 2.0rem;
  }
}
.first-box {
  padding-top: 50px;
  padding-bottom: 50px;
}
.archive main {
  background-color: #fff;
}
.table-bdr {
  font-size: 1.5rem;
  border: #939393 1px solid;
  padding: 25px 20px;
}
.table-bdr.gld {
  border: #8e7132 1px solid;
}
.table-bdr dt {
  width: 70px;
}
.table-bdr dd {
  width: calc(100% - 70px);
}
.table-dot {
  font-size: 1.5rem;
  border-bottom: #999 1px dotted;
  padding: 1em;
}
.table-dot:first-of-type {
  border-top: #999 1px solid;
}
.table-dot:last-child {
  border-bottom: #999 1px solid;
}
.table-dot dt {
  width: 190px;
}
.table-dot dd {
  width: calc(100% - 190px);
}
/*PC*/
@media screen and (min-width: 768px) {} /*END*/
/*Smartphone*/
@media screen and (max-width: 767px) {
  .first-box {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .table-bdr, .table-dot {
    font-size: 1.3rem;
    padding: 20px 4%;
  }
  .table-bdr dt, .table-dot dt {
    width: 100%;
  }
  .table-bdr dd, .table-dot dd {
    width: 100%;
  }
} /*END*/
/*------------------------------------------

	ROOM子ページ

------------------------------------------*/
.page-template-temp-parent main {
  padding-top: 0;
}
.page-template-temp-parent .txt {
  line-height: 1.7;
}
.page-template-temp-parent .room-child-hed {
  background-color: #fff;
  padding: 50px 0;
}
.page-template-temp-parent .room-child-hed .tit-box {
  width: 340px;
}
.page-template-temp-parent .room-child-hed .txt-box {
  width: calc(100% - 340px);
}
.page-template-temp-parent .room-child-hed .sub-tit {
  font-size: 1.5rem;
  color: #8e7132;
}
.page-template-temp-parent .room-slider-box {
  background-color: #fff;
  padding-bottom: 50px;
}
.page-template-temp-parent .room-slider-box .inr {
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
}
.page-template-temp-parent .slick-list {
  position: relative;
}
.page-template-temp-parent .room-slider-box .slick-arrow {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: "";
  height: 30px;
  right: -50px;
  position: absolute;
  transform: rotate(45deg) translateY(-50%);
  top: calc(50% - 20px);
  width: 30px;
  background: none;
  opacity: 1;
  z-index: 10;
}
.page-template-temp-parent .room-slider-box .slick-prev {
  transform: rotate(-135deg) translateY(50%);
  left: -70px;
}
.page-template-temp-parent .slick-initialized .slick-slide {
  margin-right: 25px;
  margin-left: 25px;
}
.page-template-temp-parent .content-area {
  padding-top: 80px;
}
.page-template-temp-parent .content-area .hx-type2 {
  font-size: 2.0rem;
}
.page-template-temp-parent .content-area:nth-of-type(3) {
  padding-bottom: 80px;
}
.page-template-temp-parent .content-area:last-of-type {
  background-color: #e7e9ed;
}
.page-template-temp-parent .content-area .txt-box {
  width: 45%;
}
.page-template-temp-parent .content-area .table-box {
  width: 55%;
  padding-left: 50px;
}
/*.page-template-temp-parent .content-area:last-of-type .table-box {
	width: 100%;
	padding-bottom: 140px;
	padding-left: 0;
}*/
/*PC*/
@media screen and (min-width: 768px) {} /*END*/
/*Smartphone*/
@media screen and (max-width: 767px) {
  .page-template-temp-parent .room-child-hed {
    background-color: #fff;
    padding: 30px 0;
  }
  .page-template-temp-parent .room-child-hed .tit-box {
    width: 100%;
  }
  .page-template-temp-parent .room-child-hed .txt-box {
    width: 100%;
  }
  .page-template-temp-parent .room-slider-box {
    padding-bottom: 30px;
  }
  .page-template-temp-parent .room-slider-box .inr {
    max-width: 90%;
  }
  .page-template-temp-parent .slick-initialized .slick-slide {
    margin-right: 5px;
    margin-left: 5px;
  }
  .page-template-temp-parent .room-slider-box .slick-arrow {
    right: 30px;
  }
  .page-template-temp-parent .room-slider-box .slick-prev {
    left: 10px;
  }
  .page-template-temp-parent .content-area {
    padding-top: 50px;
  }
  .page-template-temp-parent .content-area .hx-type2 {
    font-size: 1.8rem;
  }
  .page-template-temp-parent .content-area:nth-of-type(3) {
    padding-bottom: 50px;
  }
  .page-template-temp-parent .content-area .txt-box {
    width: 100%;
  }
  .page-template-temp-parent .content-area .table-box {
    width: 100%;
    padding-left: 0;
  }
} /*END*/
/*------------------------------------------

	食の体験

------------------------------------------*/
.post-type-archive-experience .arc-post-box {
  position: relative;
}
.post-type-archive-experience .arc-post-box::before {
  content: "";
  display: block;
  width: 23%;
  order: 1;
}
.post-type-archive-experience .arc-post-box::after {
  content: "";
  display: block;
  width: 23%;
}
.post-type-archive-experience .arc-post-box li {
  width: 31.25%;
  max-width: 400px;
}
.post-type-archive-experience .arc-post-box li .tit {
  font-size: 1.7rem;
  font-weight: normal;
}
/*PC*/
@media screen and (min-width: 768px) {} /*END*/
/*Smartphone*/
@media screen and (max-width: 767px) {
  .post-type-archive-experience .arc-post-box {}
  .post-type-archive-experience .arc-post-box li {
    width: 49%;
    max-width: none;
  }
  .post-type-archive-experience .arc-post-box li .tit {
    font-size: 1.3rem;
  }
} /*END*/
/*------------------------------------------

PLAN

------------------------------------------*/
.tourism-box {
  background-color: #f4f4f4;
  padding-bottom: 100px;
}
.tourism-box .inr {
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}
.tourism-box article::before, .tourism-box article::after {
  content: "";
  width: 31.25%;
  max-width: 400px;
  display: block;
}
.tourism-box article::before {
  order: 1;
}
.tourism-box .post-box {
  width: 33%;
  max-width: 400px;
}
.tourism-box .post-wrap {
  background-color: #fff;
  padding: 1em;
}
.tourism-box .post-box .tit {
  font-size: 1.7rem;
}
.tourism-box .post-box .txt {
  line-height: 1.8;
}
.tourism-box .post-box .cat {
  font-size: 1.3rem;
  display: inline-block;
  border: #999 1px solid;
  border-radius: 100px;
  padding: .3em 1em;
  margin-right: 10px;
}
.tourism-box .post-box img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.tourism-box .post-box .post-wrap p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
/*PC*/
@media screen and (min-width: 768px) {} /*END*/
/*Smartphone*/
@media screen and (max-width: 767px) {
  .tourism-box {
    background-color: #f4f4f4;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .tourism-box .post-box {
    width: 98%;
    max-width: none;
  }
  .tourism-box .post-box .tit {
    font-size: 1.4rem;
  }
  .tourism-box .post-box .txt {
    font-size: 1.3rem;
  }
  .tourism-box .post-box .cat {
    font-size: 1.2rem;
    margin-right: 5px;
  }
} /*END*/
/*------------------------------------------

	journal

------------------------------------------*/
.journal-wrap {
  background-color: #f4f4f4;
}
.journal-box .inr {
  background-color: #fff;
  padding: 35px;
  padding-bottom: 0;
}
/*PC*/
@media screen and (min-width: 768px) {} /*END*/
/*Smartphone*/
@media screen and (max-width: 767px) {
  .journal-box .inr {
    padding: 15px;
  }
} /*END*/
/*------------------------------------------

	NEWS

------------------------------------------*/
/*PC*/
@media screen and (min-width: 768px) {} /*END*/
/*Smartphone*/
@media screen and (max-width: 767px) {
  .news-box {
    font-size: 14px;
  }
} /*END*/
/*------------------------------------------

	tourism single , experience single , journal single

------------------------------------------*/
.single-plan main, .single-journal main, .single-experience main, .single-tourism main, .single-news main {
  background-color: #f4f4f4;
}
.single-plan .arc-box, .single-journal .arc-box, .single-experience .arc-box, .single-tourism .arc-box, .single-news .arc-box {
  width: 96%;
  max-width: 1280px;
  background-color: #fff;
  padding: 40px 140px;
  margin-top: 180px;
  margin-right: auto;
  margin-left: auto;
}
.single-journal .arc-box {
  padding: 40px;
}
.single-journal .content-box {
  width: calc(100% - 370px);
}
.single-journal .journal-box {
  width: 330px;
  background-color: #fff;
}
.single-journal .journal-box .post-box {
  width: 100%;
}
.single-journal .journal-box .thum {
  width: 120px;
  height: 120px;
}
.single-journal .journal-box .post-wrap {
  width: calc(100% - 130px);
  padding-right: 0;
  padding-left: 0;
}
.plan-single-box {
  width: 96%;
  max-width: 1280px;
  margin-top: 180px;
  margin-right: auto;
  margin-left: auto;
}
.single-plan .arc-box {
  width: 50%;
  padding: 40px;
  padding-bottom: 80px;
  margin-top: 0;
}
.single-plan .content-box {
  width: 100%;
}
.single-plan .arc-box .cat {
  min-width: 75px;
  font-size: 1.3rem;
  text-align: center;
  display: inline-block;
  border: #999 1px solid;
  border-radius: 100px;
  padding: .3em 1em;
  margin-right: 10px;
}
.single-plan .arc-box .cat.gry {
  background-color: #e7e9ed;
  border: #e7e9ed 1px solid;
}
.single-plan .arc-box .hx-type1 {
  font-size: 2.0rem;
}
.single-plan .img-box {
  width: 50%;
}
.single-plan .arc-box .content p, .single-journal .arc-box .content p, .single-experience .arc-box .content p, .single-tourism .arc-box .content p, .single-news .arc-box .content p {
  font-size: 1.5rem;
  margin-bottom: 30px;
}
.single-plan .arc-box .content img, .single-journal .arc-box .content img, .single-experience .arc-box .content img, .single-tourism .arc-box .content img, .single-news .arc-box .content img {
  width: 100%;
  height: auto;
}
.single-experience .arc-box iframe, .single-tourism .arc-box iframe, .single-news .arc-box iframe {
  width: 100%;
  height: 580px;
  margin-top: 50px;
}
.single-news .prev-box {
  background: #f4f4f4;
}
/*PC*/
@media screen and (min-width: 768px) {} /*END*/
/*Smartphone*/
@media screen and (max-width: 767px) {
  .single-plan .arc-box, .single-journal .arc-box, .single-experience .arc-box, .single-tourism .arc-box, .single-news .arc-box {
    width: 96%;
    max-width: none;
    padding: 20px 2%;
    margin-top: 70px;
  }
  .single-journal .arc-box {
    padding: 20px;
  }
  .single-journal .content-box {
    width: 100%;
  }
  .single-journal .journal-box {
    width: 100%;
    padding-bottom: 0;
  }
  .single-journal .journal-box .post-box {
    width: 100%;
  }
  .single-journal .journal-box .thum {
    width: 120px;
    height: 120px;
  }
  .single-journal .journal-box .post-wrap {
    width: calc(100% - 130px);
    padding-right: 0;
    padding-left: 0;
  }
  .plan-single-box {
    margin-top: 70px;
  }
  .single-plan .arc-box {
    width: 100%;
    padding: 20px;
    padding-bottom: 40px;
    margin-top: 0;
  }
  .single-plan .arc-box .cat.gry {
    background-color: #e7e9ed;
    border: #e7e9ed 1px solid;
  }
  .single-plan .arc-box .hx-type1 {
    font-size: 1.6rem;
  }
  .single-plan .img-box {
    width: 100%;
  }
  .single-experience .arc-box iframe, .single-tourism .arc-box iframe, .single-news .arc-box iframe {
    height: 300px;
    margin-top: 30px;
  }
} /*END*/
/*------------------------------------------

	wp-pagenavi

------------------------------------------*/
.wp-pagenavi {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}
.wp-pagenavi a, .wp-pagenavi span {
  width: 40px;
  font-size: 2.0rem;
  line-height: .5;
  text-align: center;
  display: block;
  padding: 15px 0;
  margin-right: 2.5px;
  margin-left: 2.5px;
}
.wp-pagenavi a {
  color: #000;
  background-color: #fff;
}
.wp-pagenavi span {
  color: #fff;
  background-color: #000;
}
/*PC*/
@media screen and (min-width: 768px) {} /*END*/
/*Smartphone*/
@media screen and (max-width: 767px) {
  .wp-pagenavi {
    padding-bottom: 60px;
  }
} /*END*/