@charset "utf-8";

#cardFrame h2 > span{
	display:initial;
	overflow:hidden;
	vertical-align:middle;
	margin-left:10px;
}

#cardFrame h2 > span img{
	height:45px;
	width:auto;
}

#videoList{
	display:block;
	overflow:hidden;
	padding:25px 0;
}

#videoList > ul{
	display: flex;
	flex-wrap: wrap;
}

#videoList > ul > li{
	display:block;
	overflow:hidden;
	width:50%;
	/*float:left;*/
	padding:15px;
	text-align:center;
}

.videoFrame{
	display:block;
	overflow:hidden;
	width:300px;
	margin:0 auto;
}

.videoFrame > p{
	display:block;
	overflow:hidden;
	line-height:155%;
	text-align:left;
	margin-top:0.5em;
}


@media screen and ( max-width:750px) {

	#articleBox {
	    padding: 0 15px;
	}

	#cardFrame h2 > .ytlogo{
		padding-right:4.7em;
	}


	#videoList{
		padding:0 0;
	}

	#videoList > ul{
		display:block;
		flex-wrap:unset;
	}

	#videoList > ul > li{
		width:100%;
		float:none;
		padding:15px 0;
	}

	.videoFrame{
		width:100%;
	}

	.videoFrame > p{
		display:block;
		overflow:hidden;
		line-height:155%;
	}

}