@charset "utf-8";

/*先輩たちの声*/
	#w_voice ul {
		}
		#w_voice .w_voice_left {
			width: 277px;
			font-size: 12px;
			margin: 0 0 5px 0;
			line-height: 1.3em;
			float: left;
			}
			#w_voice .w_voice_left h4,
			#w_voice .w_voice_right h4 {
				font-weight: normal;
				background: url(../../w_teachers/images/w_voice_dt.gif) left 50% no-repeat;
				height: 21px;
				font-size: 12px;
				margin: 0;
				padding: 5px 0 0 30px;}
					#w_voice .w_voice_left p,
					#w_voice .w_voice_right p {
						border-right: solid 2px #999;
						border-bottom: solid 2px #999;
						background: #f6f6f6;
						padding: 10px;
						}
						#w_voice .w_voice_left p img,
						 #w_voice .w_voice_right p img {
							margin: 0 10px 0 0;
							float: left;
							}
		#w_voice .w_voice_right {
					width: 277px;
					font-size: 12px;
					margin: 0 0 5px 0;
					line-height: 1.3em;
					float: right;
					}

.w_voice {}
	.w_voice li { width:49%; margin-bottom:15px; }
		.w_voice li:nth-child(2n+1) { float:left; }
		.w_voice li:nth-child(2n)   { float:right; }
	.w_voice li h3 {
		position:relative; height: 24px; margin: 0; padding: 0 0 0 30px; font-size: 12px; font-weight: normal; line-height:24px;
		border-bottom:2px solid #999;
		background: url("../images/w_voice_bg.png") top right no-repeat #ffcc33; }
	.w_voice li h3:before {
		content:""; display:block; width:15px; height:15px; position:absolute; top:4px; left:7px;
		background:url("../images/w_voice_icon.png") 0 0 no-repeat; }
	.w_voice li p {
		margin:0!important; padding: 15px; font-size:13px; border-right: solid 2px #999; border-bottom: solid 2px #999; background: #f6f6f6; }
	.w_voice li p img { float:left; margin: 0 10px 0 0; display: block;}

@media (max-width: 640px) {
	.w_voice li { width:100%; float:none; }
	
	
	.v_yellow {
		background-color:#FFF104;
		padding-bottom:6%;
		padding-top:6%;
	}
	.v_yellow .sw_ttl{
		display: block;
		font-size: 200%;
		font-weight: bold;
		text-align:center;
		color: #0e357f;
		margin-bottom:0.8em;
	}
	
	.v_yellow .w_voice {
		width: 94%;
		margin: 0 auto;
		padding: 0;
		box-sizing: border-box;
	}

	.v_yellow .w_voice li h3 {
		background-image: none;
		border-radius: 5px 5px 0 0;
		border-bottom: 0;
	}

	#wrapper .v_yellow .w_voice li h3 img.name_img {
		width: auto;
		height: 14px;
		vertical-align: middle;
	}
	.v_yellow .w_voice li p {
		background-color: #fff;
		border: 0;
		border-radius: 0 0 5px 5px;
	}
	#wrapper .v_yellow .w_voice li p img {
		width: auto;
	}
}
@media screen and (max-width:480px){
	.v_yellow .sw_ttl{
		font-size: 2.4rem;
	}
	.w_voice li h3 {
		padding-right: 10px;
		height: auto;
		font-size: 1.4rem;
	}
	.w_voice li p {
		font-size: 1.5rem;
		line-height: 1.7;
	}

}


/**------------------------------------
 * プレイリスト
 *------------------------------------*/
.playlist_area .playlist_icon {
	margin: 0 2px;
	display:inline-block;
	width: 24px;
	height: 24px;
	background-color: #333;
	text-align: center;
	text-indent: 0;
	vertical-align: text-bottom;
}
.playlist_area .notes {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.playlist_area .video_image {
	flex-shrink: 0;
	margin-left: 15px;
	width: 120px;
}
@media screen and (max-width:480px){
	.playlist_area .playlist_icon {
		width: 18px;
		height: 18px;
	}
	.playlist_area .notes {
		margin-bottom: 25px;
	}
	.playlist_area .video_image {
		margin-left: 10px;
		width: 90px;
	}
}