@charset "utf-8";
/* GATE HOTEL */
/*Setting for the PC*/
body {}
#headerSection.gallery {
  height: 695px !important;
  background-image: url(/kyoto/images/bg-gallery.jpg) !important;
  background-position: center bottom;
}
#globalMenuBar {
  /*margin-top: 458px;*/
}
.titleArea {
  display: inline-block;
  font-family: 'Raleway', sans-serif;
  position: absolute;
  top: 544px;
  left: 10px;
  /*color:#fff;
    font-size:36px;
    letter-spacing: 0.1em;
    padding-bottom:5px;
    border-bottom:solid 1px #fff;*/
}
/* entry area */
.pages {
  margin: 0 auto;
  padding: 60px;
}
/**/
ul.flex-images li.item {
  position: relative;
  background-color: #999;
  cursor: pointer;
}
ul.flex-images li.video::after {
  position: absolute;
  content: url(/kyoto/images/btn-play.png);
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  opacity: .75;
  opacity: 0.75;
}
.slick-prev:before {
  content: url(/kyoto/images/btn-prev-.png);
}
.slick-next:before {
  content: url(/kyoto/images/btn-ford-.png);
}
.slick-prev, .slick-next {
  display: block;
  width: 35px;
  height: 120px;
}
#slickCage {
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(255, 255, 255, 1);
  z-index: 10000;
  min-width: 1200px;
}
.slickCloseArea {
  color: #000;
  position: absolute;
  top: 100px;
  right: 3%;
  cursor: pointer;
  z-index: 100;
  width: 48px;
}
.slickCloseArea img {
  width: 100%;
  height: auto;
}
#display2 {
  position: relative;
  width: 100%;
  height: 100vh;
  text-align: center;
}
.item.slick-slide {
  text-align: center;
  overflow: hidden;
}
.item.slick-slide img {
  display: inline-block;
  width: auto;
  height: 70vh;
  margin-top: 10.75%;
}
.item.slick-slide iframe {
  width: 718px;
  height: 408px;
  margin: 23.5% auto;
}
.fixed {
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
}
.slick-dots {
  display: none !important;
}
.slideIconArea {
  position: absolute;
  top: 3%;
  left: 47%;
  width: 3%;
}
.slideIconArea img {
  width: 100%;
  height: auto;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: .1;
}
.slick-prev {
  left: 20px;
  z-index: 1000;
}
.slick-next {
  right: 25px;
  z-index: 1000;
}
.photoCopyright {
  width: 100%;
  display: block;
  font-size: 12px;
  text-align: right;
  margin-top: -20px;
  padding-right: 20px;
  color: #fff;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
.flex-images .item {
  margin: 1px;
}

/****************************************************************************************************************/
@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body {}
  #headerSection.gallery {
    background-image: url(/kyoto/images/_bg-gallery.jpg) !important;
  }
  #globalMenuBar {
    margin-top: 0px;
  }
  .titleArea {
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    position: absolute;
    top: 550px;
    left: 20px;
    /*color:#fff;
    font-size:36px;
    letter-spacing: 0.1em;
    padding-bottom:5px;
    border-bottom:solid 1px #fff;*/
  }
  .pages {
    margin: 0 auto;
    padding: 0px;
  }
  .flex-images .item img {
    display: block;
    width: 100%;
    height: auto;
  }
  ul.flex-images li.video::after {
    content: '';
  }
  ul.flex-images li.video a {
    width: 100%;
    height: 100%;
  }
  ul.flex-images li.video a::after {
    position: absolute;
    content: url(/kyoto/images/btn-play.png);
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    opacity: .75;
  }
}