@charset "UTF-8";

/**======================================
	video
======================================**/

/*--------------------------------------
	common
---------------------------------------*/

.list_cont a {
	transition: 0.3s
}

.list_cont a .pic,
.list_cont .icon-play-circle-o::before {
	transition: 0.3s
}

.list_cont a:hover .icon-play-circle-o::before {
/*	color: var(--sub_color);	*/
	color: #eb5555;
}

.list_cont a:hover .pic {
	opacity: 0.8;
	transition: 0.3s
}

/*--------------------------------------
	index
---------------------------------------*/

#video_box li.list_cont {
	margin-bottom: 1.4em;
}

#video_box .list_cont .pic {
	position: relative;
}

#video_box .list_cont .pic img {
	border: 1px solid #999;
}

#video_box .list_cont .icon-play-circle-o {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 3.2rem;
	color: #f4f4f4;
}

#video_box .list_cont a:hover .icon-play-circle-o {
	transition: .3s;
}

#video_box .video_title {
	font-weight: initial;
	line-height: 1.2em;
}

@media screen and (max-width:599px) {
	#video_box .list_cont {
		margin-bottom: 1.5rem;
	}

	#video_box .video_title {
		font-size: 1.2rem;
	}
}

@media screen and (min-width:600px) {
	#video_box .video_title {
		font-size: 1.2rem;
	}
}