@charset "utf-8";
/* CSS Document */

.mwrapper {
	margin-top: 111px;
  width: 100%; // 横幅もいっぱいに。
}

@media only screen and (max-width: 767px){
.mwrapper {
	margin-top: 39px;
  width: 100%; // 横幅もいっぱいに。
}
}

#video {
  background: url('/video_bg.jpg') no-repeat; // 動画が再生を始めるまで、cssのほうでも背景を設定します。
  background-attachment: fixed; // 中央揃えになるように、fixed。
  background-position: center center; // positionも中央に。
  background-size: cover; // 画面サイズに応じてサイズを可変するように設定。
  left: 0;
  // 以下、画面いっぱいにするためのCSS設定
  min-height: 100%;
  min-height: 100vh;
  min-width: 100%;
  min-width: 100vw;
  // wrapperのサイズに応じて、leftの位置をjQueryで指定するため、positionはabsoluteにします。
  position: absolute;
//  top: 0;
  // z-indexは調整してください。
  z-index: 10;
}