@charset "utf-8";


.contentArea .related-video{padding: 20px 10px 0 10px;}
.contentArea .related-video h3{font-size: 30px; text-align: center; margin-bottom: 30px;}
.contentArea .related-video img{margin-bottom: 15px;}
.contentArea .related-video .column-block{cursor: pointer; display: inline-block; margin: 10px;}
.contentArea .related-video .column-block .title{font-weight: bold; font-size: 18px; padding-bottom: 7px;}


.contentArea .lbbg{position: fixed; top: 0; left: 0; width: 100vw; height: 100vw; z-index: 999; display: none; background: rgba(0,0,0,0.8);}
.contentArea .video_block{position: fixed; z-index: 999; display: none; width: 720px; height: 480px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.contentArea .video_block .movie_inner{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.contentArea .video_block .movie_inner iframe{
	position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.closeBtn{
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute; right: 0; top: -60px;
  cursor: pointer;
}
.closeBtn span:before,
.closeBtn span:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 16%;
  margin: -8% 0 0 -42%;
  background: #ffffff;
}
.closeBtn span::before {
  transform: rotate(-45deg);
}
.closeBtn span::after {
  transform: rotate(45deg);
}