@charset "utf-8";
/*------------------------------------------------

(C) International Budo University

campuslife.css

------------------------------------------------*/

#campuslife #mainImg {
	background: url(/campuslife/img/mainimg.jpg) center bottom no-repeat;
	background-size: cover;
}

/* remodal */
.remodal-overlay {
	background: rgba(0,0,0,0.9);
}
.remodal {
	margin-bottom: 0;
	padding: 40px 15px;
	max-width: 800px;
	color: #333;
}
.remodal img {
	width: 100%;
	height: auto;
}


/*------------------------------------------------
¥­¥ã¥ó¥Ñ¥¹¥Þ¥Ã¥×
------------------------------------------------*/
.map #main .box.anchor {
	width: 100%;
	height: 780px;
	background: url(/campuslife/map/img/map.png) right 130px no-repeat;
}
.map #main .box.anchor ul {
	padding: 0 10px 0 0;
	width: 300px;
	background: none;
	float: left;
}
.map #main .box.anchor p {
	width: 430px;
	height: 780px;
	float: right;
}
.map #main .box.anchor p img {
	width: 430px;
	height: 780px;
}
.map #main .box ul.thumb {
	margin: 0 0 30px 0;
	width: 100%;
}
.map #main .box ul.thumb li {
	margin: 0 2% 0 0;
	width: 32%;
	float: left;
}
.map #main .box ul.thumb li:last-child {
	margin: 0;
}
.map #main .box ul.thumb li img {
	width: 100%;
	height: auto;
}
.map #main .box p.lnk a {
	background-image: url(/common/img/icon_blank.png);
}
.map #main .box p.lnk a.def {
	background-image: url(/common/img/arrow_s.png);
}


/*------------------------------------------------
¸¶Êô‡í•øð^
------------------------------------------------*/
.library #main .box .img {
	margin: 0 0 20px 30px;
	width: 45%;
	float: right;
}
.library #main .half {
	width: 50%;
	float:left;
}
.library #main .half .img {
	width: 100%;
	margin:0;
	float: none;
}
.library #main .clear {
	clear: both;
}

.library #main .timeline-Tweet-text {
	font-size: 100%;
}

/*------------------------------------------------
¥­¥ã¥ó¥Ñ¥¹¥«¥ì¥ó¥À©`
------------------------------------------------*/
.cal #main .box table {
	border: none;
}
.cal #main .box table th,
.cal #main .box table td {
	border: none;
	border-bottom: 1px solid #e0e0e0;
}
.cal #main .box table td.img {
	vertical-align: top;
	text-align: center;
}


/*------------------------------------------------
¸÷·NÊÖ¾A¤­
------------------------------------------------*/
.certificate #main .box table th {
	width: 50%;
}





@media screen and (max-width: 640px) {
/*------------------------------------------------
¥­¥ã¥ó¥Ñ¥¹¥Þ¥Ã¥×
------------------------------------------------*/
	.map #main .box.anchor {
		padding: 182% 0 0 0;
		height: auto;
		background-position: center top;
		background-size: 100% auto;
	}
	.map #main .box.anchor ul {
		padding: 0 4%;
		width: 92%;
	}
	.map #main .box.anchor p {
		display: none;
	}
	.map #main .box ul.thumb {
		margin: 0 0 20px 0;
	}
	.map #main .box ul.thumb li {
		margin: 0 0 2% 0;
		padding: 0 1%;
		width: 48%;
	}


/*------------------------------------------------
¸¶Êô‡í•øð^
------------------------------------------------*/
	.library #main .box .img {
		margin: 0 0 10px 0;
		width: 100%;
		float: none;
	}

	.library #main .half {
		width: 100%;
		float:none;
	}
	.library #main .twitter {
		margin-right: 0;
		margin-bottom: 20px;
		text-align: center;
	}


/*------------------------------------------------
¸÷·NÊÖ¾A¤­ / ááÔ®»á
------------------------------------------------*/
	.certificate #main .box table,
	.booster #main .box table {
		width: 100% !important;
	}
	.certificate #main .box table th,
	.certificate #main .box table td,
	.booster #main .box table th,
	.booster #main .box table td {
		padding: 10px 4% !important;
		width: auto;
		display: block;
		border: none !important;
	}
}