@charset "UTF-8";

@media screen and (max-width: 960px) {


/* =======================================
	base
========================================== */
img {
	max-width: 100%;
}

/* =======================================
	display
========================================== */
.headSpMenu {
	display: block;
}
.headMenu, #searchBox, .pan {
	display: none;
}

/* =======================================
	hako
========================================== */
.container {
	margin: 16px 16px 25px;
}
.main, .lnav, .footerAccess, .footerGnav {
	float: none;
	width: 100%;
}

/* =======================================
	h, text
========================================== */
.title01 {
	padding: 0 10px;
	text-align: center;
	font-size: 186%;
}
.title02, .title03 {
	margin-bottom: 15px;
}
/* top */
.homeTitle,
.homeMessageTitle,
.homeInsideTitle {
	margin-bottom: 6px;
	/*font-size: 186%;*/
	font-size: 143%;
}
.homeTitle {
	margin-bottom: 8px;
}

/* =======================================
	img
========================================== */
.sidePic {
	float: none;
	margin: 0;
	text-align: center;
	width: 100%;
}
.sidePic .cap {
	margin-top: 5px;
}

/* =======================================
	header
========================================== */
.header {
	margin-bottom: 8px;
}
.headSpMenu {
	margin-left: 10px;
}
.sitenameBox {
	padding: 0 10px;
	margin-bottom: 8px;
	position: relative;
}
.pageTitle {
	padding-bottom: 16px;
}
.sitename {
	max-width: 80%;
}
.footer {
	padding-bottom: 10px;
}
.footerLink {
	margin: 0;
	padding: 20px 10px;
}
.footerBox {
	padding: 10px 10px 10px;
}
.footerAccess {
	margin-bottom: 16px;
}
/*.footerAccess img {
	float: left;
	margin-right: 8px;
	max-width: 40%;
}*/
.footerAccess .mailPic {
	width: 160px;
}
.footerAccess .link {
	float: left;
}
.footerGnav {
	font-size: 79%;
}

/* =======================================
	gnav
========================================== */
.gnav {
	padding: 0;
	width: 100%;
}
.gnavMenu {
	display: none;
	border: 3px solid #767CBB;
	position: absolute;
	z-index: 100;
	width: 96%;
	right: 0;
	left: 0;
	margin: 0 auto;
}
.gnavToggle {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
}
.gnavToggle a {
	display: block;
	background: url(/faculty/engineering/eict/common/img/base/icnMenu.png) 0 0 no-repeat;
	-webkit-background-size: 50px 35px;
	background-size: 50px 35px;
	text-indent: -9999px;
	width: 50px;
	height: 35px;
}
.gnavMenu li {
	float: none;
	width: 100%;
}
.gnavMenu li a {
	background-color: #fff;
	border-bottom: 1px solid #767CBB;
}

/* =======================================
	sidenav
========================================== */
.lnav {
	margin-top: 20px;
}

/* =======================================
	base style
========================================== */
.pcBr {
	display: none;
}
.box {
	border-width: 2px;
	padding: 10px 8px;
}
.btn {
	min-width: auto;
}
.homeInsideLink .btn {
	margin: 14px 0 10px;
}
.pager li, .pager li:nth-child(2) {
	width: 30%;
	font-size: 93%;
}



/* =======================================
	¥È¥Ã¥×
========================================== */
/* ¥á¥¤¥ó¥Ó¥¸¥å¥¢¥ë */
.homeMain .seamless {
	height: 158px;
	min-height: 160px;
}
.homeMain .seamless .seamlessWord {
	-webkit-background-size: 360px auto;
	background-size: 360px auto;
}
@media screen and (max-width: 480px) {
	.homeMain .seamless .seamlessWord {
		-webkit-background-size: 80% auto;
		background-size: 80% auto;
	}
}

.homeMain .seamless video {
	display: none;
}
/*¡¡¡¡*/
.homeTeacherBox, .homeNewsBox {
	display: block;
	/*float: none;*/
	width: 100%;
}
.homeIntroduction {
	padding: 15px 10px 0;
}
.flexslider .slides img {
	max-width: 60%;
	max-height: 200px;
}
.homeTeacher {
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
}
.homeNews {
	margin: 0 auto;
	padding: 15px 10px 20px;
	max-width: 480px;
}

/* ×ä˜IÉú¤«¤é¤Î¥á¥Ã¥»©`¥¸ */
.homeMessage {
	margin: 20px auto 30px;
}
.homeMessage .messageList li {
	width: 50%;
}
.messageList li img {
	max-height: 200px;
}

/* ѧÄÚÇéˆó */
.homeInsideBox {
	margin-bottom: 0;
	background-position: center 0;
	-webkit-background-size: 600px 200px;
	background-size: 900px 300px;
}
.homeInsideLinkBox, .homeInsideImg {
	display: block;
	width: 100%;
	padding: 0;
}
.homeInsideLinkBox {
	margin-top: 15px;
}
.homeInsideLink {
	margin: 0;
}


/* =======================================
	media screen end
========================================== */
}