@charset "UTF-8";

.player-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
	margin-bottom:3em;
}

.player-wrap iframe,
#player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.video-list {
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
	.video-list dl {
		width:48%;
		margin-bottom:1.5em;
	}
	.video-list dt {
		font-size:20px;
		font-weight:bold;
		margin-bottom:10px;
	}
	.video-list dd {
	}
		.video-list dd a {
			display:block;
			margin-bottom:0.5em;
		}
		.video-list dd img {
			width:100%;
		}

@media print, screen and (max-width: 768px) {

	.video-list {
		display:block;
	}
	.video-list dl {
		width:100%;
	}
	.video-list dt {
		font-size:16px;
		margin-bottom:7px;
	}
	.video-list dd {
		display:flex;
		justify-content:space-between;
	}
		.video-list dd > a {
			width:48%;
		}
		.video-list dd ul {
			width:48%;
		}

}