@charset 'utf8';

/* base-utf1811_m.css 共用style css 差分(481-960px) -----------------*/
/* used pc-kyositsu.html(PC教室) */

body {
}



/* コンテナ */
#container {
	width: calc(100% - 16px);
	margin: 0 auto 10px auto;
	padding: 0px 8px;
}


/* main contents (left side contents) */
#main {
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 0;
	clear: left;
}



/* right side contents----------------------------*/
#sub {
	margin: 0 0 0 0;
	padding: 10px 0;
	width: 100%;
	clear: right;
}

/* menu 3カラム */
#sub .sdmnu1 ul li {
	display: block;
	width: calc(100% / 3 - 15px);
	margin: 0 0 0 14px;		/*メニューの余白*/
/*	padding: 5px 0 3px 0;*/
	border: none;
	text-align: left;
	line-height: 2.0em;
	font-size: 1.0em;
	font-weight: 100;
	text-decoration: none;
	float: left;
}

@media screen and (max-width: 640px) {
/* menu 3カラム */
	#sub .sdmnu1 ul li {
		display: block;
		width: calc(100% / 2 - 15px);
		margin: 0 0 0 14px;		/*メニューの余白*/
		line-height: 2.0em;
		font-size: 1.0em;
		font-weight: 100;
		text-decoration: none;
		float: left;
	}
}


/* side cm(rh side cm) 2カラム ----------------------*/
@media screen and (max-width: 640px) {
	#sub .sdcm1 ul li {
		display: block;
		margin: 0 0 0 0;
		padding: 0 0;
		width: 50%;
		border: none;
		text-align: center;
		float: left;
	}
}

/* side cm(rh side cm) 3カラム ----------------------*/
@media screen and (min-width: 641px) and (max-width: 1024px) {
	#sub .sdcm1 ul li {
		display: block;
		margin: 0 0 0 0;
		padding: 0 0;
		width: 33%;
		border: none;
		text-align: center;
		float: left;
	}
}