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

/*--------------------------------------------*/
/*モバイル*/
/*--------------------------------------------*/
/*メインイメージ*/
.main_image {
	background: #fff;
}

/*博物館の役割ページ*/
.role figure img {
	border: 1px solid #ddd;
}

/*博物館部会委員ページ,
博物館兼務教職員ページ,
協力研究員ページ共通テーブル*/
.wrap {
    overflow-x: scroll;
	width: 100%;
}
.member_table {
    width: auto;
	white-space: nowrap;
}

.member_table caption {
	color: #699;
	caption-side: bottom;
	font-size: 14px;
	padding-top: 10px;
	text-align: left;
}

.member_table tbody tr:nth-of-type(even) {
	background-color: #DEF1F1;
}

.member_table th {
	background-color: #699;
	color: #fff;
	padding: 5px 20px;
	/*text-align: center;*/
}

.member_table td {
	/*border-bottom: 1px solid #ddd;*/
	padding: 5px 20px;
}


/*収蔵学術資料標本ページ*/
.specimen img {
    width: auto;
	max-width: 100%;
}

.specimen ul {
	width: 100%;
}
.specimen ul li {
	display: inline-block;
	margin-bottom: 10px;
	padding-left: 10px;
	position: relative;
	width: 100%;
}
/*標本リストの項目アイコン表示*/
.specimen ul li:before {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: 0;
}

/*博物館客員教授*/

/*tab panel*/
.tabs::after{
	content: "";
	clear: both;
	display: block;
}

.tabs > li{
	float: left;
	width: 33.33333%;
	padding: 10px 5px;
	background: #699;
	border-radius: 5px 5px 0 0;
	border-right: 1px solid #FFF;
	color: #FFF;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.tabs > li:last-child{
	border-right: none;
}
.tabs > li[aria-selected="true"]{
	background: #ddd;
	color: #333;
	outline: none;
}

.tabs > li[aria-selected="false"]:hover {
	background-color: #96C1C1;
}

.panels > div{
	padding: 5px;
	background: #ddd;
}

.panels > div[aria-hidden="true"]{
	display: none;
}



.guest_professor .contents_box {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 20px;
}
.guest_professor .contents_box h3 {
	border-left-width: 3px;
	border-bottom: none;
	font-size: 14px;
	min-height: 100px;
	margin-top: 0;
	margin-left: 90px;
	vertical-align: bottom;
	/*width: 100%;*/
}

.guest_professor .contents_box h3 span {
	font-size: 13px;
	font-weight: normal;
}

.guest_professor .contents_box p:last-child {
	margin-bottom: 0; 
}

/*スタッフ個別ページ*/
/*accordion panel*/
.accordion_detail ol {
	margin-left: 30px;
}
.accordion_detail ol li {
	list-style: decimal;
	margin-bottom: 10px;
	
}

.portrait_img img {
	width: 100%;
	height: auto;
}











/***********************************/
/*576px～*/
/***********************************/
@media (min-width: 576px ){	
	/*博物館部会委員ページ,
    博物館兼務教職員ページ,
    協力研究員ページ共通テーブル*/
    .member_table {
		width: 100%;
    }
	
	.member_table caption {
		display: none;
	}
	
	.wrap {
        overflow-x: hidden;
        width: 100%;
    }
	

}

/***********************************/
/*768px～*/
/***********************************/
@media (min-width: 768px ){
	/*メインイメージ*/
    .main_image {
        background: #eee;
        background: url("../img/about/about_main_background.jpg") no-repeat center /cover;
    }
	
	/*博物館部会委員ページ,
    博物館兼務教職員ページ,
    協力研究員ページ共通テーブル*/
    .member_table th {
        padding: 5px 30px;
    }

    .member_table td {
        padding: 5px 30px;
    }
	
	/*博物館客員教授*/
	.tabs > li{
        padding: 10px 20px;
    }

    .guest_professor .contents_box h3 {
        font-size: 18px;
    }

    .guest_professor .contents_box h3 span {
        font-size: 14px;
    }


	/*収蔵学術資料標本ページ*/
	.specimen img {
        margin-left: 10px;
        width: auto;
        max-width: 30%;
    }
	
    .specimen ul {
        margin-left: 10px;
    }
	
	.specimen ul li {
		margin-bottom: 5px;
        width: 48%;
    }
	
	/*スタッフ個別ページ*/
	.portrait_img {
		text-align: right;
	}
	.portrait_img img {
        width: auto;
        height: auto;
    }


}

/***********************************/
/*992px～*/
/***********************************/
@media (min-width: 992px ){

}

/***********************************/
/*1200px～*/
/***********************************/
@media (min-width: 1200px ){

}

/***********************************/
/*print*/
/***********************************/
@media print {
	/*博物館部会委員ページ,
    博物館兼務教職員ページ,
    協力研究員ページ共通テーブル*/
	.member_table {
		width: 100%;
    }
	
	.member_table caption {
		display: none;
	}
	
	.wrap {
        overflow-x: hidden;
        width: 100%;
    }
    .member_table th {
        padding: 5px 30px;
    }

    .member_table td {
        padding: 5px 30px;
    }
	
	/*収蔵学術資料標本ページ*/
	.specimen img {
        margin-left: 10px;
        width: auto;
        max-width: 30%;
    }
	
    .specimen ul {
        margin-left: 10px;
    }
	
	.specimen ul li {
		margin-bottom: 5px;
        width: 48%;
    }
	
	/*スタッフ個別ページ*/
	.portrait_img {
		text-align: right;
	}
	.portrait_img img {
        width: auto;
        height: auto;
    }
}