@charset "utf-8";

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */

/* for TAB and PC */
/* break point ( TB = 768-979px , PC = 980px - ) */


/* !コンテンツ別パーツ設定
---------------------------------------------------------- */
@media screen and (max-width: 979px) {

	#contensArea .boxIn01{
		padding-bottom: 55px !important;
	}
	
	#contensArea .container_01{
		padding-top: 45px;
	}
	
	.clmHalf_01 .clm_01{
		padding-top: 0;
	}
	
	#contensArea p + ul.comment_01{
		padding-top: 13px;
	}
	
	.comment_01 li{
		padding-top: 2px;
	}
	.videoBox_01 {
	position: relative;
	width: 100%;
	margin: 0 auto 20px auto;
	padding: 0px;
    }
	#contensArea .videoBox_01 p.movie_title{
		margin-bottom:16px;
	}
}
@media screen and (max-width: 767px) {

	#contensArea .boxIn01{
		padding-bottom: 20px !important;
	}
	
	#contensArea .container_01{
		padding-top: 5px;
	}
	
	#contensArea h2.tit_01{
		margin: 10px 0 11px;
	}
	
	#contensArea p,
	#contensArea ul + p{
		padding: 8px 0 12px;
	}
	
	#contensArea p + ul.comment_01{
	padding: 0 0 10px;
	}
	#contensArea p + ul.comment_01 li{
		padding-bottom: 8px;
	}
	#contensArea .videoBox_01 p.movie_title{
		margin-bottom:0;
	}

  video {
    width: 100%;
    height: auto;
  }
}