@charset "UTF-8";

/* #youtubeContents
================================================ */
#youtubeContents .inner {
	padding-bottom: 10px;
}

#youtubeContents .youtubeList {
	display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	gap: 20px;
}

#youtubeContents .youtubeList .item {
	position: relative;
	width: calc(100%);
}

#youtubeContents .youtubeList .name {
	margin-top: 10px;
	line-height: 1.5;
}

#youtubeContents .youtubeList .item .iframe {
	aspect-ratio: 16 / 13;
}

#youtubeContents .youtubeList .item iframe {
	width: 100%;
	height: 100%;
}

@media screen and (min-width:600px){
	
	#youtubeContents .youtubeList {
		gap: 30px 21px;
	}
	
	#youtubeContents .youtubeList .item {
		width: calc(33.33% - 21px * 2 / 3);
	} 
	#youtubeContents .youtubeList .item .iframe {
		aspect-ratio: 3 / 2;
	}
	#youtubeContents .youtubeList .name {
		font-size: 14px;
	}
}