#friday img { max-width: 100%; height: auto; }

#movie-area { background-image: url('images/icrt_itembg.jpg'); background-size: cover; }
#movie-area::after { content: ""; display: block; clear: both; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 1023px) {
	#friday { width: 100%; margin: 0 auto; }

	#youtube-td {
		background-image: url('images/0610_ch_5.jpg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	#item { display: none; }
	#item-number { margin: 8px 0px; }
	#item-number a {
		color: #FFFFFF;
		text-decoration: none;
		border: 1px solid #FFFFFF;
		padding: 2px;
		margin: 10px 8px;
	}

	.for-pc { display: none; }
	.for-m { display: block; }

	.post { float: left; width: 145px; padding: 10px 15px; }
	.post img { border: 10px solid #FFFFFF; margin-bottom: 8px; }
	.post p { padding: 5px; color: #FFFFFF; font-size: 90%; }

	#img-dj { padding: 25px 0px; }
	.img-title { text-align: center; padding: 35px 0px; }

	#btn-note { font-size: 1.5em; border-left-color: #000000; border-left-style: solid; border-left-width: 6px; padding-left: 10px; }

	.note { width: 80%; margin: 0 auto; }
	.note-box img { float: left; padding-right: 30px; }
	.note-box h6 { font-size: 22px; color: #983c4c; font-weight: bold; padding-bottom: 8px; }
	.note-box ul li { padding-bottom: 12px; color: #983c4c; }
	.note-text li { padding-bottom: 12px; }
}

@media screen and (min-width: 1024px) {
	#friday { width: 990px; margin: 0 auto; }

	#youtube-td {
		width: 990px;
		height: 471px;
		background-image: url('images/0610_ch_5.jpg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	#item { float: left; position: relative; left: 70px; top: 20px; }
	#item a { display: block; margin-bottom: 8px; }
	#item-number { display: none; }
	#youtube { width: 680px; position: relative; left: 85px;  top: 40px; }	

	.for-pc { display: block; }
	.for-m { display: none; }

	.post { width: 205px; padding: 0px 20px; float: left; }
	.post img { border: 10px solid #FFFFFF; margin-bottom: 8px; }
	.post p { padding: 5px; color: #FFFFFF; }
	.post-down { position: relative; top: 25px; }

	#img-dj { padding: 25px 0px; }
	.img-title { text-align: center; padding: 35px 0px; }

	#btn-note { font-size: 1.5em; border-left-color: #000000; border-left-style: solid; border-left-width: 6px; padding-left: 10px; }

	.note { width: 96%; margin: 0 auto; }
	.note-box img { float: left; padding-right: 30px; }
	.note-box h6 { font-size: 22px; color: #983c4c; font-weight: bold; padding-bottom: 8px; }
	.note-box ul li { padding-bottom: 12px; color: #983c4c; }
	.note-text li { padding-bottom: 12px; }
}