@charset "UTF-8";

.access .p-global_nav--header a[data-link="access"]{
  color: var(--color-gold);
  pointer-events: none;
}

.c-section{
  padding: 70px 0 100px;
}
.p-section__heading{
  margin-bottom: 60px;
  font-size: 3rem;
  font-weight: normal;
  letter-spacing: 0.1rem;
}

.p-section-access_index{
  background: url(/common/images/bg-style06.png) repeat;
}
.p-access__link{
  display: none !important;
}
#accessDetail{
  margin-bottom: 140px;
}
.p-access__list li{
  max-width: 425px;
  padding: 0 25px;
  margin-bottom: 80px;
  font-size: 1.5rem;
}
.p-section__image{
  margin-bottom: 20px;
}
.p-section__detail{
  display: flex;
  align-items: flex-start;
  text-align: left;
    line-height: 1.2;
}
.p-section__detail img{
  display: inline-block;
  margin-right: 10px;
}

.p-section-gallery{
  background: url(/common/images/bg-style07.png) repeat;
}
.p-gallery__container{
  display: flex;
  flex-wrap: wrap;
  width: calc( 100% + 20px );
  margin-left: -20px;
}
.p-gallery__container a{
  width: calc( 25% - 20px);
  margin: 0 0 40px 20px;
}
.p-gallery__container a:hover img{
  filter: brightness(1.2);
}

.fancybox-is-open .fancybox-bg{
  opacity: .7;
}
.fancybox-button{
  background: transparent;
  width: 70px;
  height: 70px;
}
.fancybox-button--zoom, .fancybox-button--play, .fancybox-button--thumbs{
  display: none !important;
}
.fancybox-button div svg{
  display: none;
}
.fancybox-navigation{
  position: absolute;
  width: 800px;
  height: 50px;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
  z-index: 99999;
}
.fancybox-button{
  opacity: .6 !important;
}
.fancybox-navigation .fancybox-button--arrow_left,
.fancybox-navigation .fancybox-button--arrow_right{
  cursor: pointer;
  width: 50%;
  margin: auto;
  padding: 0;
}
.fancybox-navigation .fancybox-button--arrow_left{
  left: 0;
}
.fancybox-navigation .fancybox-button--arrow_right{
  right: 0;
}
.fancybox-navigation .fancybox-button--arrow_right:hover,
.fancybox-navigation .fancybox-button--arrow_left:hover{
  opacity: 1 !important;
}
.fancybox-navigation .fancybox-button--arrow_left div,
.fancybox-navigation .fancybox-button--arrow_right div{
  position: absolute;
  top: 0;
  width: 50px;
}
.fancybox-navigation .fancybox-button--arrow_left div{
  left: 0;
  background: url(../images/arrow-left.png) no-repeat center left 13px / 18px auto;
}
.fancybox-navigation .fancybox-button--arrow_right div{
  right: 0;
  background: url(../images/arrow-right.png) no-repeat center / 18px auto;
}
.fancybox-button[disabled], .fancybox-button[disabled]:hover{
  opacity: .4 !important;
}

@media (min-width: 768px) and (max-width: 820px){
  .fancybox-navigation{
    width: 670px;
  }
}
@media (max-width: 820px){
  .fancybox-navigation .fancybox-button--arrow_left::before,
  .fancybox-navigation .fancybox-button--arrow_right::before{
    content: "";
    position: absolute;
    top: 0;
    width: 50px;
    height: 100%;
    background: rgba(0, 0, 0, .4);
  }
  .fancybox-navigation .fancybox-button--arrow_left::before{
    left: 0;
  }
  .fancybox-navigation .fancybox-button--arrow_right::before{
    right: 0;
  }
}


@media (max-width: 767px){
  .c-section{
    padding: 20vw 0 16vw;
  }
  .p-section__heading {
    margin-bottom: 8vw;
    padding: 0;
    font-size: 6vw;
  }
  .p-section-access__heading{
    padding: 0 4vw;
  }

  #accessDetail {
    margin-bottom: 16vw;
  }
  .p-access__list li {
    position: relative;
    max-width: 100%;
    padding: 0;
    margin-bottom: 18vw;
  }
  .p-section__image{
    display: block;
    width: calc( 500 / 690 * 100% );
    margin: 0 auto 4vw;
  }
  .p-section__detail{
    width: calc( 500 / 690 * 100% );
    margin: 0 auto 4vw;
  }
  .p-section__detail img{
    width: calc( 62 / 690 * 100% );
  }
  .p-reservation__link{
    display: block;
    width: calc( 590 / 690 * 100% );
    margin: -4vw auto 4vw;
  }

  .p-access__list li::after {
    content: "";
    position: absolute;
    bottom: -12vw;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 0;
    height: 0;
    border-top: 6vw solid var(--color-gold03);
    border-right: 6vw solid transparent;
    border-left: 6vw solid transparent;
  }
  .p-access__list li:last-of-type::after{
    display: none;
  }
  .p-section-gallery__heading{
    width: calc( 430 / 690 * 100% );
    margin: 0 auto 12vw;
  }
  .p-gallery__container a{
    width: calc( 50% - 20px );
  }

  /* .fancybox-content{
    width: 92% !important;
    right: 0;
    margin: auto;
  } */
  .fancybox-navigation {
    width: 88%;
    margin: auto;
  }
  .fancybox-button{
    opacity: 1 !important;
    width: 25vw;
    height: 25vw;
  }
  .fancybox-button[disabled], .fancybox-button[disabled]:hover{
    opacity: .4 !important;
  }
  .fancybox-navigation .fancybox-button {
    height: 15vw;
    top: 0;
  }
  .fancybox-navigation .fancybox-button--arrow_left div{
    background-position: center center;
  }
  .fancybox-navigation .fancybox-button--arrow_left div,
  .fancybox-navigation .fancybox-button--arrow_right div{
    width: 8vw;
    background-size: 5vw auto;
  }
  .fancybox-navigation .fancybox-button--arrow_left::before,
  .fancybox-navigation .fancybox-button--arrow_right::before{
    width: 8vw;
  }
}