@charset "UTF-8";

/************************************************************/
/******************* 先生ページlesson用CSS ******************/
/************************************************************/


#contentInfo img{
	border: none;
}

#contentInfo {
/*	width:750px;*/
	max-width:750px;
	margin:0px auto;
}

#contentInfo h3{
	background:url(../images/lesson_title.gif) left no-repeat;
	width:750px;
	height:26px;
	text-indent:-99999px;
	margin-bottom:20px;
}

#contentInfo .lessonInfo{
/*	width:750px;*/
	max-width:750px;
	width:100%;
	margin:0 0 15px 0;
	padding:0;
}

#contentInfo .lessonImagesBox{
	width:160px;
	/*margin-top:5px;*/
	margin-top:40px;
	padding:0;
	float:left;
}

#contentInfo .lessonImagesBox li.cmslessonImage1st {
	margin:0;
	padding:0;
	list-style:none;
}

#contentInfo .lessonImagesBox li.cmslessonImage {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
}

#contentInfo .lessonTextBox{
/*	width:560px;*/
	max-width:560px;
	margin:0 0 0 0;
/*	padding:0;*/
	padding:0 10px;
	float:right;
}

#contentInfo .cmsLessonTittle{
	padding:0 3px 10px 3px;
	font-weight: bold;
	color:#D31E49;
	font-size:medium;
	margin-left:190px;
}

#contentInfo .lessonTextBox .cmsLessonText{
	padding:0 3px 10px 3px;
	color:#05190C;
}

#contentInfo .pdf{
	float:right;
	padding: 0 5px 10px 0;
}




@media(max-width:767px){

	#contentInfo h3{
		margin-left:10px;

		background-image:none;
		/*width:675px;*/
		width:95%;
		/*height:25px;*/
		height: auto;
		margin-bottom:20px;
		/*background-size: contain;*/
		text-indent:10px;
		background-color: #ef3653;
		color: #fff;

	}

	#contentInfo .cmsLessonTittle{
		margin-left:0;
		/*text-align: center;*/
		text-align: left;
		/* clear: both; */
	}


	#contentInfo .lessonTextBox{
		float:none;
	}


	#contentInfo .lessonImagesBox{
/*		width:160px;*/
		width:110px;
		margin:5px 10px;
		padding:0;
		float:left;
	}


	#contentInfo .lessonImagesBox{
		margin-top:40px;
	}

	#contentInfo img{
		width: 100px;
		height: auto;
	}



}

@media(max-width:500px){


}