@charset "UTF-8";
/* CSS Document */
.movie_box {
	width:50%;
	float:left;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}

.movie_data {
	font-size:10px;
	color:#999;
	padding:10px 0 0 0;
}

.movie_name {
	font-size:14px;
    color:#999;
	padding:0px 0 10px 0;
}

.movie_name a {
	font-size:14px;
    color:#999;
}


.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}





.youtube_box {
	padding:10px 0 10px 0;
	background-color:#eee;
	margin-bottom:10px;
}





.youtube {
  position: relative;
  width: 50%;
  padding-top: 28.12%;
  float:left;
  
}

.youtube img {
  cursor: pointer;
  cursor: hand;
  

}



.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.youtube p {
	font-size:14px;
	padding:5px 0 25px 0;
	color:#666;
}







    
    
    .player {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
	  
    }
    
    .thumb {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
    }
@media only screen and (max-width: 768px) {
	

.movie_box {
	width:100%;
	float:none;
	margin-bottom:20px;
} 
	
}