@charset "UTF-8";
/*$btn-request-off-color:*/
/*#9e7013*/
/*#BD8617;*/
/*$btn-request-on-color:#db9b1a;*/
/*$btn-reserve-off-color:#9c9e73;
$btn-reserve-on-color:#b5b886;*/
header {
  position: relative; }

.contents {
  padding-top: 0 !important;
  background: linear-gradient(to bottom right, #efe8d9, #fff, #efe8d9); }

.contents-container.bg-white {
  background-color: #fff;
  position: relative;
  padding-top: 5rem;
  max-width: none; }

.section-contents {
  margin-top: 0; }
  .section-contents .slide-ttl {
    color: #aa8420;
    font-weight: 600;
    text-align: center;
    font-size: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
    @media screen and (max-width: 768px) {
      .section-contents .slide-ttl {
        margin-top: 0.5rem;
        font-size: 1.2rem; } }
  .section-contents .note-movie {
    margin-top: 0; }

.intro .main-title {
  top: 16%;
  z-index: 2; }

.midashi-en {
  text-align: center;
  display: block; }
  .midashi-en .en-body {
    border-bottom: none;
    padding: 1rem 2rem 0rem;
    font-family: "Cinzel", serif;
    font-optical-sizing: auto;
    font-style: normal; }

.section-contents-inner.page-head-inner .maincopy {
  font-size: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 4rem; }
@media screen and (max-width: 768px) {
  .section-contents-inner.page-head-inner .maincopy {
    margin-top: 0.5rem;
    font-size: 1.5rem; } }

.slide-container {
  width: 100%; }
  .slide-container.slick-dotted.slick-slider {
    margin-bottom: 0; }

.slide-wrap {
  width: 100%;
  overflow: hidden;
  padding-bottom: 2rem; }
  .slide-wrap .slide-wrap-inner {
    width: 100%;
    position: relative; }
    .slide-wrap .slide-wrap-inner.type-slide {
      width: 200%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      transition: transform 0.4s ease-in-out 0s; }
      .slide-wrap .slide-wrap-inner.type-slide.type2 {
        transform: translateX(-50%); }
      .slide-wrap .slide-wrap-inner.type-slide .slide-container {
        width: 50%; }
  .slide-wrap .slide-type-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1rem; }
    .slide-wrap .slide-type-nav .btn-cls {
      font-family: "Cinzel", serif;
      font-optical-sizing: auto;
      font-style: normal;
      width: 48%;
      text-align: center;
      font-size: 1.75rem;
      color: #ddcca1;
      cursor: pointer;
      background-color: #f0e8d6;
      transition: background 0.5s ease 0s; }
      .slide-wrap .slide-type-nav .btn-cls .size-up {
        font-size: 1.5em; }
      .slide-wrap .slide-type-nav .btn-cls:hover, .slide-wrap .slide-type-nav .btn-cls.active {
        background-color: #aa8420; }
      @media screen and (max-width: 768px) {
        .slide-wrap .slide-type-nav .btn-cls {
          font-size: 1.2rem; } }

.slick-list {
  width: 100% !important;
  max-width: 100% !important; }

.slick-slider {
  -ms-touch-action: auto;
  touch-action: auto; }

.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.3076923077%;
  opacity: 0.72;
  z-index: 5;
  cursor: pointer;
  filter: drop-shadow(0 0 5px #000); }
  @media screen and (max-width: 600px) {
    .slick-arrow {
      transform: translateY(-186%);
      width: 3.8647342995%; } }

.prev-arrow {
  left: 0.5rem; }

.next-arrow {
  right: 0.5rem; }

.slick-dots {
  position: static;
  width: 100%;
  margin: 0.75rem auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .slick-dots li {
    width: 11.5384615385%;
    height: 100%;
    font-size: 0;
    background: #fff;
    overflow-y: hidden;
    margin: 0;
    margin-bottom: 0.5rem;
    position: relative; }
    .slick-dots li img {
      width: 100%;
      height: auto; }
    .slick-dots li::after {
      content: "";
      display: block;
      background: #866813;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      mix-blend-mode: multiply;
      transition: opacity 0.3s ease 0s; }
    .slick-dots li:hover, .slick-dots li.slick-active {
      background: #fff; }
      .slick-dots li:hover img, .slick-dots li.slick-active img {
        opacity: 1; }
      .slick-dots li:hover::after, .slick-dots li.slick-active::after {
        opacity: 0; }
  @media screen and (max-width: 600px) {
    .slick-dots li {
      width: 24%; } }

.slide-img {
  /*&:nth-of-type(7){
      .img{
          .cap{
              &.in{
     //             right: calc((300/1040*100%) + 1% );
                  right: calc((312/1040*100%) + 1% );
              }
          }
      }
  }*/
  		/*&:nth-of-type(8){
  			.img{
  				.cap{
  					&.cap1{
  						&.in{
  							right: calc((548/1040*100%) + 1% );
  						}
  					}
  					&.cap2{
  						&.in{
  							right: calc((120/1040*100%) + 1% );
  						}
  					}
  				}
  			}
      }*/ }
  .slide-img .img {
    position: relative; }
    .slide-img .img .cap {
      font-family: "Noto Serif JP", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      -webkit-font-smoothing: antialiased;
      font-weight: 300;
      font-feature-settings: 'palt';
      font-size: 1rem; }
      .slide-img .img .cap.in {
        right: 1%;
        bottom: 1%; }
      .slide-img .img .cap.half {
        right: calc((300/1040*100%) + 1% ); }
    .slide-img .img .arrow {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer; }
      .slide-img .img .arrow img {
        width: 30%;
        height: auto;
        max-width: 120px; }
  @media screen and (max-width: 600px) {
    .slide-img .img .cap {
      font-size: 0.75rem; } }

.mg .slide-img:nth-of-type(5) .img .cap.in {
  right: calc((310/1040*100%) + 1% ); }
.mg .slide-img:nth-of-type(7) .img .cap.in {
  right: calc((90/1040*100%) + 1% ); }
.mg .slide-img:nth-of-type(8) .img .cap.cap1.in {
  right: calc((548/1040*100%) + 1% ); }
.mg .slide-img:nth-of-type(8) .img .cap.cap2.in {
  right: calc((120/1040*100%) + 1% ); }
@media screen and (max-width: 600px) {
  .mg .slide-img .img .cap {
    font-size: 0.75rem; } }