@charset "utf-8";

#video .main-inner{
	padding:0 10px;
	margin-bottom:50px;
}

#video .video-list .description,
#video .video-detail .description{
	margin-bottom:10px;
}

#video .video-list li h2,
#video .video-detail h1{
	font-size:1.8rem;
	margin-bottom:10px;
}

#video .video-list .description a,
#video .video-detail a{
	color: #0066CC;
	text-decoration: none;
}

#video .video-list .description a:hover,
#video .video-detail a:hover{
	text-decoration: underline;
}

#video .video-list .description .note,
#video .video-detail .description .note{
	font-size:1.3rem;
}

#video .video-list li,
#video .video-detail {
	padding-bottom:20px;
}

/*667px*/
@media screen and (min-width : 667px){

}

/*768px*/
@media screen and (min-width : 769px){
	
}

/*1024px*/
@media screen and (min-width : 1024px) {

	#video-wrp .ttl-wrp {
		margin-bottom: 50px;
	}
	
	#video .video-list li{
		padding-bottom:40px;
		margin-bottom:40px;
		border-bottom: dotted 1px #999;
	}

	#video .video-detail{
		padding-bottom:40px;
		margin-bottom:40px;
	}
		
	#video .video-list li .description,
	#video .video-detail .description{
		float:left;
		width:500px;
		padding-right:0px;

	}
	
	#video .video-list li,
	#video .video-detail{
		padding-bottom:20px;
	}
			
	#video .video-list li .mov,
	#video .video-detail .mov{
		float:right;
		width:560px;
	}
	
	#video .video-list li .date,
	#video .video-detail .date{
		font-size:1.3rem;
		color:#999;
		}

	#video .video-list li h2,
	#video .video-detail h1{
		font-size:2.0rem;
		margin-bottom:10px;
	}

	#video .video-list li .note,
	#video .video-detail .note{
		font-size:1.6rem;
	}
	

}   


/*667px*/
@media screen and (max-width : 667px){
	
	#video .video-list .mov,
	#video .video-detail .mov{
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}

	#video .video-list .mov iframe,
	#video .video-detail .mov iframe{
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}

}