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

/* ====================================================
  ムービークリップ
==================================================== */
.pageMovieclip{}
.pageMovieclip .movieclip{}

/* ====================================================
  youtube
==================================================== */
.pageMovieclip .movieclip .youtube-box{
  background: #fff;
}
.pageMovieclip .movieclip .youtube {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  clear: both;
  margin-bottom: 60px;
}
.pageMovieclip .movieclip .youtube iframe {
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
}

@media print, screen and (min-width: 768px) {
  .pageMovieclip .movieclip .youtube-box{
    padding: 0 4.167% 3em;
  }
}
@media screen and (max-width: 767px) {
  .pageMovieclip .movieclip .youtube-box{
    padding: 0 3% 5%;
  }
}

/*end*/