@charset "utf-8";


.profBtn{padding: 5px; border: 1px solid #82AE46; color:#82AE46; width: 240px; text-align: center;  }


@media (min-width: 768px) {
/* PC用 */

#faculty {}
	#faculty table{}
	#faculty table tr td { padding: 10px 10px 10px 20px; margin: 5px; border: 5px solid #fff; }
	#faculty table tr td.room { background-color: #eee; position: relative;}
	#faculty table tr td.room.mat::before {content: ""; position: absolute;top: 0; left: 0; width: 5px; height: 100%; background-color: #4c70c3;}
	#faculty table tr td.room.mat a {color: #4c70c3; font-weight: bold;}
	#faculty table tr td.room.env::before {content: ""; position: absolute;top: 0; left: 0; width: 5px; height: 100%; background-color: #26918D;}
	#faculty table tr td.room.env a {color: #26918D; font-weight: bold;}
	#faculty table tr td.room.org::before {content: ""; position: absolute;top: 0; left: 0; width: 5px; height: 100%; background-color: #DD9737;}
	#faculty table tr td.room.org a {color: #DD9737; font-weight: bold;}
	#faculty table tr td.room.bio::before {content: ""; position: absolute;top: 0; left: 0; width: 5px; height: 100%; background-color: #D85454;}
	#faculty table tr td.room.bio a {color: #D85454; font-weight: bold;}

	#faculty table tr td.subject{ font-size: 20px; color: #5a5a5a; }

	#faculty table.label {margin-top: 20px;}
	#faculty table tr td.label_mat {background-color: #4c70c3; color: #fff; font-size: 15px; font-weight: bold; width: 180px; text-align: center;}
	#faculty table tr td.label_env {background-color: #26918D; color: #fff; font-size: 15px; font-weight: bold; width: 180px; text-align: center;}
	#faculty table tr td.label_org {background-color: #DD9737; color: #fff; font-size: 15px; font-weight: bold; width: 180px; text-align: center;}
	#faculty table tr td.label_bio {background-color: #D85454; color: #fff; font-size: 15px; font-weight: bold; width: 180px; text-align: center;}
	
	
	#faculty .staffBox{width: 45%; display: inline-block; margin: 2%; clear: both; overflow: hidden; vertical-align: top;}
	#faculty .staffBox .staffImg{width:45%; float: left;}
	#faculty .staffBox .staffInfo{width:50%; float: right; }
	#faculty .staffBox .staffInfo .inner{  border-bottom: 1px solid #ccc; margin-bottom: 20px;}
	#faculty .staffBox .staffInfo .name{ font-size: 20px; line-height: 100%; margin-bottom: 10px!important;}
	#faculty .staffBox .staffInfo  table{ width:100%;}
	#faculty .staffInfo th{ width:30%!important; font-weight: normal; font-size: 14px;}
	#faculty .staffInfo td{ width:70%!important;}
	#faculty .staffBox .staffInfo .access{ font-size: 12px; line-height: 100%; margin-bottom: 10px!important;}
	#faculty .staffBox .staffInfo td{ font-size: 14px; padding: 2%;}
	#faculty .accordion{display: none;}
	#faculty .staff h4 { background-image:url( ../img/common/h4_close.jpg)!important; cursor: pointer; background-size: contain; background-repeat: no-repeat; margin-bottom: 0px!important; border-bottom: none;}
	#faculty .staff h4.open { background-image:url(../img/common/h4_open.jpg)!important; cursor: pointer;  background-size: contain; background-repeat: no-repeat; border-bottom: none;}
	#faculty .ep{ border-collapse: collapse; width: 100%; margin-bottom: 50px;}
	#faculty .ep td{ border-width: 1px 0px;
		border-color: #ccc;
   border-style: solid;
   padding:10px;}
	#faculty .button{background-color: #82AE46; color: #fff; padding: 10px;}
}

@media (max-width: 767px) {
/* tablet用 */
#faculty {}
	#faculty table{}
	#faculty table tr td { padding: 10px; margin: 5px; border: 5px solid #fff; font-size: 12px;width:33%;}
	#faculty table tr td.room { background-color: #eee; position: relative;}
	#faculty table tr td.room.mat a {color: #4c70c3; font-weight: bold;}
	#faculty table tr td.room.mat::before {content: ""; position: absolute;top: 0; left: 0; width: 5px; height: 100%; background-color: #4c70c3;}
	#faculty table tr td.room.env a {color: #26918D; font-weight: bold;}
	#faculty table tr td.room.env::before {content: ""; position: absolute;top: 0; left: 0; width: 5px; height: 100%; background-color: #26918D;}
	#faculty table tr td.room.org a {color: #DD9737; font-weight: bold;}
	#faculty table tr td.room.org::before {content: ""; position: absolute;top: 0; left: 0; width: 5px; height: 100%; background-color: #DD9737;}
	#faculty table tr td.room.bio a {color: #D85454; font-weight: bold;}
	#faculty table tr td.room.bio::before {content: ""; position: absolute;top: 0; left: 0; width: 5px; height: 100%; background-color: #D85454;}

	#faculty table tr td.subject{ font-size: 14px; color: #5a5a5a;}

	#faculty table.label {margin-top: 20px;}
	#faculty table tr td.label_mat {background-color: #4c70c3; color: #fff; font-size: 12px; font-weight: bold; width: 180px; text-align: center;}
	#faculty table tr td.label_env {background-color: #26918D; color: #fff; font-size: 12px; font-weight: bold; width: 180px; text-align: center;}
	#faculty table tr td.label_org {background-color: #DD9737; color: #fff; font-size: 12px; font-weight: bold; width: 180px; text-align: center;}
	#faculty table tr td.label_bio {background-color: #D85454; color: #fff; font-size: 12px; font-weight: bold; width: 180px; text-align: center;}

	
	
	#faculty .staffBox{width: 45%; display: inline-block; margin: 2%; clear: both; overflow: hidden; vertical-align: top;}
	#faculty .staffBox .staffImg{width:100%; margin-bottom: 5%;}
	#faculty .staffBox .staffInfo{width:100%;}
	#faculty .staffBox .staffInfo .inner{  border-bottom: 1px solid #ccc; margin-bottom: 5%;}
	#faculty .staffBox .staffInfo .name{ font-size: 20px; line-height: 100%; margin-bottom: 5%!important;}
	#faculty .staffBox .staffInfo  table{ width:100%;}
	#faculty .staffInfo th{ width:30%!important; font-weight: normal; font-size: 14px; text-align: left; padding: 1%; font-size: 12px;}
	#faculty .staffInfo td{ width:70%!important; padding: 1%; font-size: 12px;}
	#faculty .staffBox .staffInfo .access{ font-size: 12px; line-height: 100%; margin-bottom: 10px!important;}
	#faculty .accordion{display: none;}
	
	#faculty .staff h4 { background-image:url( ../img/common/h4_close_sp.jpg)!important; cursor: pointer; background-position: right; background-repeat: no-repeat; background-size: 71px 25px;
	border-bottom: 2px solid #82AE46;}
	#faculty .staff h4.open { background-image:url(../img/common/h4_open_sp.jpg)!important; cursor: pointer;  background-position: right; background-repeat: no-repeat; background-size: 71px 25px;}
	
	
	#faculty .ep{ border-collapse: collapse; width: 100%; margin-bottom: 50px;}
	#faculty .ep td{ border-width: 1px 0px;
		border-color: #ccc;
   border-style: solid;
   padding:10px;}
   	#faculty .button{background-color: #82AE46; color: #fff; padding: 10px;}
}