.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:1.5em;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

article.movie img.youtube_thumb:hover{
	opacity:0.7;
}
article.movie {
	float:left;
	border-radius:5px;
	box-shadow:#AAA 1px 1px 7px;
	/*border:#AAA solid 1px;*/
	overflow:hidden;
	width:100%;
	margin:12px 0;
	/*background-color:#337AB7;*/
	background-color:#FFF;
}
article.movie img.youtube_thumb {
	display:block;
	width:100%;
}

article.movie div.movie-body {
	padding:9px 10px;
}
article.movie h1 {
	/*font-size:17px;*/
	font-weight:bold;
	font-size:16px;
	padding:0px;
	margin:0;
	text-align:center;
	line-height:1.4;
}
article.movie h1 a {
	/*color:#FFF;*/
}
article.movie span.instructor {
	display:block;
	font-size:0.8em;
	/*color:#FFF;*/
	text-align:center;
	margin:5px 0 0 0;
	padding:7px 0 0 0;
	/*border-top:#85bdea dotted 1px;*/
	border-top:#666 dotted 1px;
}
article.movie + .pagination {
	clear:both;
	display:block;
}
a.terakoya_touroku {
	display:block;
	color:#FFF;
	border-radius:7px;
	margin:1em 10px 2em 10px;
	background-color:#FF7F00;
	padding:10px;
	letter-spacing:0.6em;
	text-align:center;
	font-weight:bold;
	font-size:20px;
}
a.terakoya_touroku:hover {
	opacity:0.7;
	text-decoration:none;
}
ul.terakoya_sub {
	margin:0;
	padding:0;
}
ul.terakoya_sub li {
	float:left;
	width:100%;
	display:block;
}
ul.terakoya_sub li a {
	color:#337AB7;
	display:block;
	padding:10px 5px;
	margin:0 5px;
	border:#337AB7 solid 2px;
	border-radius:7px;
	text-align:center;
}
ul.terakoya_sub li a:hover,
ul.terakoya_sub li a.active {
	text-decoration:none;
	background-color:#337AB7;
	color:#FFF;
}
h1.terakoya_title {
	text-align:center;
}
div.terakoya_curcat {
	text-align:center;
}
a.terakoya_curcat {
	border:#337AB7 solid 1px;
	padding:4px 8px;
	font-size:12px;
	display:inline-block;
	margin:5px 3px 5px 0;
}
a.terakoya_curcat:hover {
	opacity:0.7;
	text-decoration:none;
}

@media screen and  (min-width:1200px){

}
@media screen and  (min-width:992px){

}
@media screen and  (min-width:768px){
	ul.terakoya_sub li {
		width:33%;
	}
}
@media screen and  (min-width:576px){
	article.movie {
		width:30%;
		margin:12px 1.5%;
	}
	article.movie h1 {
		text-align:left;
	}
	article.movie span.instructor {
		text-align:left;
	}
	div.terakoya_curcat {
		text-align:left;
	}
}

/* Clear Fix */
/*clear fix*/

.clearfix {
min-height:1px; /* for IE7 */
}

.clearfix:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.clearfix { display:inline-table; }

* html .clearfix { height:1px; }
.clearfix { display:block; }


#clearfix {
min-height:1px; /* for IE7 */
}

#clearfix:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#clearfix { display:inline-table; }

* html #clearfix { height:1px; }
#clearfix { display:block; }

/*/clear fix*/