@charset "utf-8";
@import"base.css";
@import"contents.css";

/*---- CM・広告のご紹介/入学までのながれ/---------
------ 携帯サイトのご案内　---------------------*/

/*CM・広告のご紹介*/
/*
#cm h3 { margin-bottom:15px; }
#cm #headerFlash { float: left; width: 380px; }
#cm  #video_right { width: 350px; float: right; }
#cm  #video_right  dl { margin-bottom: 15px; }
#cm  #video_right  #cm_order {
	height: 101px; padding: 20px 0 0 40px; font-size: 13px;
	background: url("../../cm/images/cm_main_bg01.gif") left 50% no-repeat; }

#cm  #video_right  dt { margin-bottom: 5px; }
*/

#cm #poster ul { margin:20px 0 0; padding:0 40px; text-align:center; }
#cm #poster li { float:left; box-sizing:border-box; width:33%; padding:0 10px; margin-bottom:20px; }
#cm #poster li img { width:100%; height:auto; }
#cm #poster p { margin:20px 0; }

@media (max-width: 840px) {
	#cm #poster ul { padding:0; }
	#cm #poster li { padding:0 5px; margin-bottom:10px; }
}
@media (max-width: 480px) {
	#cm #poster li { width:48%; padding:0; }
	#cm #poster li:nth-child(2n+1) { float:left; }
	#cm #poster li:nth-child(2n)   { float:right; }
}