@charset "UTF-8";
/* CSS Document */

.sec01{ margin:0; padding: 40px 0; background: #000000; color: #FFFFFF;}
.sec01 .box_info{ background: url(../img/41.png) no-repeat center top; padding-top: 20px}
.sec01 .info{ font-size: 93%; margin-top: 60px;}
.sec01 .info dt{ margin:0; padding: 0; width: 130px; float: left;}
.sec01 .info dd{ margin:0; padding: 0; margin-left: 130px;}
.sec01 .box_movie{ background: url(../img/42.png) no-repeat center top; padding-top: 20px;}
.sec01 .youtube{ margin-top:60px;}

.sec02{ margin:0; padding: 40px 0;}
.sec02 .mb{ background:url(img/21.png) no-repeat center top; padding: 50px 0 40px 0;}
.sec02 .items{ margin-top:40px;}
.sec02 .item .title{ font-size:129%; font-weight: bold; float: left;}
.sec02 .item .title a{ color:#202020; text-decoration: none;}
.sec02 .item .title a span{ border-bottom:solid 2px #00A0E9;}
.sec02 .item .navi{ float:right;}
.sec02 form{ margin: 60px auto 20px auto; width: 400px;}
.sec02 .search_keyword{ background: #FFFFFF url(../img/53.png) no-repeat right 10px center; padding-right: 60px;}

.sec03{ margin:0; padding: 0 0; background: #DCDDDD url(../img/62.png) no-repeat right bottom;}
.sec03 .mb{ padding: 40px 0 60px 0;}
.sec03 .movieList{}
.sec03 .movieList .category{ margin-top: 0.5em; color: #8D8D8E; font-size: 72%;}
.sec03 .movieList .title{ margin-top:0; font-size:108%; font-weight: bold; line-height: 1.5;}

.block-flow{ background:#000000; padding: 2.0em 0; border-radius: 5px;}



@media only screen and (max-width:480px){ /* sm pnly */
	
		.sec01 .box_info{ background-size:70%;}
	.sec01 .info{ font-size: 100%; margin-top: 2.0em;}
	.sec01 .info dt{ margin: 1.0em 0 0 0; width: auto; float: none;}
	.sec01 .info dd{ margin: 0;}
	.sec01 .box_movie{ background-size:70%;}
	.sec01 .youtube{ margin: 2.0em 0 0 0;}
	
	.sec02 form{ margin: 60px auto 20px auto; width: auto;}
	
	
}