@charset "UTF-8";
/* CSS Document */
body {
  background: #000;
}

/*------------------
header
------------------*/
header {
  color: #fff;
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1);
}

/*------------------
footer
------------------*/

/*------------------
共通パーツ
------------------*/

/*------------------
トップページ
------------------*/
/*スライダー*/
.slider_wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  min-width: 100vw;
  min-height: 100vh;
  width: auto;
  height: auto;
  z-index: -100;
}
.slider {
  padding: 0;
}

.slider li {
  height: 100vh;
  width: 100%;
  background: #fff center center no-repeat;
  background-size: cover;
}
/*画像を画面幅いっぱいに表示する bx-wrapperのスタイルを上書き*/
.bx-wrapper {
  margin: 0 !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
}

.catch_copy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  text-align: center;
  color: #fff;
  font-size: 32px;
}

/*ギャラリー*/
.gallery_wrap .bx-viewport {
  overflow: visible !important; /*追記*/
  margin: 0 auto; /*追記*/
  width: 50% !important; /*追記*/
}
.gallery_wrap .bx-pager {
  width: 20%;
  margin: 0 auto;
}
.gallery_wrap {
  position: relative;
}

.feed-prev-btn,
.feed-next-btn {
  position: absolute;
  background-color: #333;
  opacity: 0.7;
  width: 25%;
  height: 100%;
  z-index: 10;
  top: 0;
}
.gallery_wrap .feed-prev-btn {
  right: 0;
}
.gallery_wrap .feed-next-btn {
  left: 0;
}
.feed-prev-btn a,
.feed-next-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
.feed-prev-btn a:after {
  display: inline-block;
  content: ">";
}
.feed-next-btn a:after {
  display: inline-block;
  content: "<";
}

#gallery img {
  width: 100%;
  height: auto;
}
.bx-pager a img {
  opacity: 0.5;
  filter: brightness(0.3);
}
.bx-pager a.active img {
  opacity: 1;
  filter: brightness(1);
}

/*アクセスgooglemap*/
.googlemap {
  position: relative;
  padding-top: 145%;
}
.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 601px) {
  .access {
    margin: 100px 0;
  }
  .googlemap {
    position: relative;
    padding-top: 44.9%;
  }
}

.night_block {
  background: url(../images/night_block_fig.png),
    url(../images/night_block_back.jpg);
  background-size: 200px, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: 0, 0;
  min-height: 725px;
  color: #fff;
}
.morning_block {
  background: url(../images/morning_block_fig.png),
    url(../images/morning_block_back.jpg);
  background-size: 200px, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: right, 0;
  min-height: 725px;
  color: #fff;
}
.morning_block_hakata {
  background: url(../images/morning_block_fig.png),
    url(../images/morning_block_back_hakata.jpg);
  background-size: 200px, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: right, 0;
  min-height: 725px;
  color: #fff;
}
@media (max-width: 601px) {
  .night_block {
    background-size: 150px, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right 0;
    min-height: 425px;
    color: #fff;
  }
  .morning_block {
    background-size: 150px, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: right top, right 0;
    min-height: 425px;
    color: #fff;
  }
}

.arubam {
  line-height: 0;
  background: #000;
}
.enkai {
  background: #000;
}
#menu1 {
}

.bx-wrapper img {
  margin: 0 auto;
}
.fadein {
  opacity: 0;
  transform: translate(0, 10px);
  transition: all 800ms;
}
.fadein2 {
  opacity: 0;
  transform: translate(0, 10px);
  transition: all 2000ms;
}
.fadein3 {
  opacity: 0;
  transform: translate(0, 10px);
  transition: all 3000ms;
}
.fadein4 {
  opacity: 0;
  transform: translate(0, 10px);
  transition: all 4000ms;
}

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

.fadein2.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

.fadein3.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
.fadein4.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
.navbar-nav {
  font-size: 16px;
}

.navbar-nav li {
  padding: 0 15px;
}

.navbar-toggler {
}

.navbar-light .navbar-toggler-icon {
  background-image: url(../images/nav.png);
  width: 60px;
  height: 60px;
}

@media (max-width: 601px) {
  .catch_copy {
    height: 80vh;
  }

  .catch_copy img {
    width: 30%;
  }
}