.box {
  width: 70%;
  margin: 0 auto;
}
.youtube_box {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube_box iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .box {
    width: auto;
    height: auto;
    margin: 0 auto;
  }
}

.module_list-2column.movie_list > li {
  margin: 30px 0 0 0;
}
.module_list-2column.movie_list > li:nth-child(1),
.module_list-2column.movie_list > li:nth-child(2) {
  margin: 0 0 0 0;
}
@media screen and (max-width: 767px) {
  .module_list-2column.movie_list > li {
    margin-top: 20px;
  }
  .module_list-2column.movie_list > li:nth-child(1) {
    margin: 0 0 0 0;
  }
  .module_list-2column.movie_list > li:nth-child(2) {
    margin-top: 20px;
  }
}



/* ------------------------------------------
	modal_youtube
--------------------------------------------- */
.modal_youtube {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index:100;
}
.modal_youtube .modal_bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
  cursor: pointer;
  background-image: url(/common/images/module_lightbox-movie_background.png);
}
.modal_youtube .modal_window {
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.modal_youtube .modal_close {
  cursor: pointer;
  position: absolute;
  top: 30px;
  right: 30px;
  display: block;
  width: 36px;
  height: 37px;
  text-indent: -9999px;
  background-image: url("/common/images/module_lightbox-movie_icon-close.png");
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
	.modal_youtube {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
    z-index:100;
	}
	.modal_youtube .modal_bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-image: url(/common/images/module_lightbox-movie_background.png);
	}
	.modal_youtube .modal_window {
		position: fixed;
		left: 50%;
		top: 50%;
		width: 90vw;
		height: 60vw;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
  }
	.modal_youtube .modal_window iframe {
		height: 100%;
		width: 100%;
	}
	.modal_youtube .modal_close {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    background-image: url("/common/images/module_lightbox-movie_icon-close.png");
    background-repeat: no-repeat;
    background-size: 18px 18px;
	}
}