/*---------------------------全体---------------------------*/



/*---------------------------ヘッダー---------------------------*/

header {

	width: 1000px;
	margin: 0 auto;
	padding: 0;
	color: #50463d;
	font-size: 28px;

}

#copy {

	min-height: 80px;

}

picture img {

	width: 100%;/*vw*/
	vertical-align: bottom;

}

/*---------------------------メイン---------------------------*/

main {

	width: 1000px;
	margin: 0 auto;
	padding: 0;

}

#lesson {

	width: 90%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;

}

div.les {

	max-width: 30%;
	margin: 10px auto;
	padding: 0 3px;

}

#sub {

	max-width: 100%;
	padding: 0 10px;

}

#lect {

	margin: auto;
	max-width: 100%;
	display: flex;

}

#lect img {

	max-width: 32%;
	margin: 50px 20px 50px 0;

}

#lect-item {

	margin: auto;
	width: 90%;
	display: flex;
}

#com {

}

.comment {

	margin: 10px auto;
	width: 90%;
	padding: 10px;
	display: flex;

}

.experiencer {

	margin: 10px;
	width: 50%;
	font-size: 20px;

}

/*---------------------------フッター---------------------------*/

footer {

	margin-top: 50px;
	padding: 20px;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	background: #677953;

}

.ad {

	margin-left: 80px;
	padding: 1px;
	color: #fff;

}