@charset "UTF-8";
body {
  line-height: 1;
  margin: 0;
}

div, iframe, h1, h2, h3, h4, h5, h6, p, img, small, strong, b, dl, dt, dd, ol, ul, li,
form, label, legend, table, tbody, tfoot, thead, tr, th, td, footer, header, menu, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: bottom;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

ul li {
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  color: #43413a;
  text-decoration: none;
  vertical-align: baseline;
}

a:hover {
  opacity: 0.8;
}

table {
  border-spacing: 0;
}

img {
  border: none;
  vertical-align: bottom;
  max-width: 100%;
}

/* ===================================================================================
  resetここまで
=================================================================================== */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/*メディアクエリ*/
/**--------------
  contents
----------------**/
/* Swiper 全体のサイズ指定 */
.swiper {
  width: 100%;
  height: 100%;
}

/* 縦スライドのスタイル */
.vertical-slide {
  position: relative;
}

/* 横スライドのスタイル */
.horizontal-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 750px) {
  .horizontal-slide {
    background-color: #000000;
  }
}

/* 画像のサイズや表示調整 */
.horizontal-slide img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.slide_04_04-1,
.slide_09_09-1 {
  position: relative;
}
.slide_04_04-1 .next_btn,
.slide_09_09-1 .next_btn {
  position: absolute;
  width: 8.6vh;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(28vh, -50%);
          transform: translate(28vh, -50%);
  -webkit-animation: flash 2s linear infinite;
          animation: flash 2s linear infinite;
}
@media screen and (max-width: 750px) {
  .slide_04_04-1 .next_btn,
  .slide_09_09-1 .next_btn {
    top: 50%;
    right: 2%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 14.6666666667vw;
  }
}

@-webkit-keyframes flash {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}/*# sourceMappingURL=style.css.map */