@charset "utf-8";
body{ -webkit-text-size-adjust: 100%; width:100%; overflow-x:hidden; }
* { box-sizing:border-box; }
img { width:auto; max-width:100%; height:auto; }


#hContainer {
	position:relative;
	transition: transform .2s ease-in-out;
	-webkit-transition: .2s -webkit-transform ease-in-out;
	transform: translate3d(0px, 0px, 1px);
	-webkit-transform: translate3d(0px, 0px, 1px);
}
#hContainer.on {
	transform: translate3d(220px, 0px, 1px); /* xを、左は「サイドバー横幅」、右は「-サイドバー横幅」 */
	-webkit-transform: translate3d(220px, 0px, 1px);
}
#header2 { width:100%; margin-top:3px; }
#header2 h1{ background:#fff url(../images/header_logo_smt.jpg) no-repeat left top; display:table; }
#header2 h1 a{
  padding-left:150px;
  text-indent:0;
  font-size:12px;
  color:#000;
  line-height:14px;
  text-decoration:none;
  display:table-cell;
  vertical-align:middle;
}
#btn_gmenu { display:block; float:left; margin-left:5px; background:#505050; border:1px solid #fff; border-radius:10px; }
#btn_gmenu a { text-decoration:none; color:#fff; font-weight:bold; font-size:20px; line-height:20px; padding:5px 10px; }
#global_menu { height:auto; position:absolute; top:0px; left:-220px; width:220px; background:#fff; }
#global_menu ul { width:100%; text-align:center; letter-spacing:0; }
#global_menu li { float:none; float:none; background:#505050; padding:10px; margin:3px 0; }
#gmenuh { display:block; }
#global_menu li a{ height:auto; text-indent:0; text-align:center; color:#fff; text-decoration:none; }
#global_menu li#gmenua a,#global_menu li#gmenub a, #global_menu li#gmenuc a, #global_menu li#gmenud a, #global_menu li#gmenue a, #global_menu li#gmenuf a {
  width:auto; background:none;
}

#topphoto_area { width:auto; overflow:hidden; }
#topphoto_area img { max-width:190%; }
#wrapper { width:auto; padding:0 3px; }
#footer_area, #footer_area ul { width:auto; }
#footer_area ul { margin:10px 0; }
#footer_area li { margin:5px 10px; float:none; display:inline-block; }

/* トップページ -------*/
#index_left { float:none; width:auto; }
h2 { overflow:hidden; }
h2 img { width:775px; max-width:none; }
#index_right { width:auto; }

/* 新着情報 --------*/
#news h2 { line-height:1.3; margin-bottom:20px; }
.news_detail img{margin:20px auto;display:block;}
.news_detail img.i_l{ float:none; margin:0; }
.news_detail img.i_r{ float:none; margin:0; }
.news_detail img.i_c{ float:none; margin:0; }

/*授業内容*/
.class_keyword{margin:0 auto 15px auto;float:none;width:auto;max-width:380px;}

@media (max-width: 520px) {
	.noTab, .noTab caption, .noTab thead, .noTab tfoot, .noTab tbody, .noTab tr, .noTab th, .noTab td { display:block; width:100%; }
	#access .img_left { float:none; text-align:center; }
	#access .box_r { float:none; }
	#sform table { background:#fff;}
	#sform tr { margin-top:10px; }
	.movie_bnr { margin:20px auto;}
	.bnr_area.col2 li{width:95%;max-width:300px;display:block;margin:0 auto 20px;}
	.bnr_area{margin-top:20px;}
}

@media (max-width: 520px) {
	.book_set{width: calc(100% / 5 - 5px);}

}
@media (max-width: 399px) {
	.book_set{width: calc(100% / 3 - 5px);}

}