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

/* flexboxでブロック要素を縦センタリング（上下中央寄せ）する */
.youtube-block {
	position: relative;
}
.youtube-block-child {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Youtubeをレスポンシブで埋め込む */
.youtube {
	width: 40%; /* 横幅変更 */
	padding: 0;
	box-sizing: border-box;
}

.youtube .inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}

.youtube .inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* iphone se 第3世代 縦 */
@media screen and (max-width: 768px) {

.youtube {
	width: 60%; /* 横幅変更 */
	padding: 0;
	box-sizing: border-box;
}

}