/** Shopify CDN: Minification failed

Line 8:10 Unexpected "{"
Line 8:19 Expected ":"

**/

.section-{{ section.id }} .video-autoplay-container {
  margin: 0 auto;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.video-autoplay-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 80vh;
  background: url(img/video.jpg) no-repeat center center/cover;
}

.video-autoplay-wrap video {
  min-width: 100%;
  min-height: 100vh;
  position: absolute;
}

.video-autoplay-wrap h2{
  position:absolute;
  left:10%;
  top:20%;
  color:#fff;
  z-index:1;
  font-weight:400;
  white-space:pre-wrap;
}

/*画面サイズが変わっても常に動画の中央が表示されるようにする*/
/*動画よりも画面が横に長くなるとき用*/
@media (aspect-ratio: 16/9), (min-aspect-ratio: 16/9) {
  .video-autoplay-wrap video {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
  }
}

/*動画よりも画面が縦に長くなるとき用*/
@media (max-aspect-ratio: 16/9) {
  .video-autoplay-wrap video {
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}