/* CSS Document */

section:nth-child(2){
	margin-top: 40px;
}

.w25p{
	width: 25%;
	vertical-align: top;
}
/* ÏûÞz */

#pankuzu{
	display: none;
}

/* Styles */

p.indent{
	text-indent: 1em;
}

#professors a{
	display: block;
	color: black;
	
	border-bottom: 1px dotted #5e362b;
	margin-bottom: 25px;
}
#professors a strong{
	text-decoration: underline;
}

#professors a p{
	color: black;
}

#professors .d-flex{
	margin-bottom: 20px;
}
#professors .d-flex>div{
	margin-right: 20px;
	
}
#professors .d-flex>div p{
	color: black;
}
#professors div img{
	outline: 8px solid #efefef;
}
#professors div img:hover{
	outline: 8px solid #ddd;
}


.seminarListBox{
	border: 1px solid #ccc;
	border-top: 4px solid #5e362b;
	padding: 25px;
}
#seminar .d-flex{
	margin-bottom: 20px;
}
#seminar a{
	display: block;
	color: black;
}
#seminar a strong{
	display: inline-block;
	text-decoration: underline;
	padding-top: 15px;
}
#seminar .d-flex>div{
	margin-right: 10px;
	
}

#seminar .d-flex>div:nth-child(1){
	width: 25%;
}
#seminar .d-flex>div:nth-child(2){
	width: 75%;
}

@media screen and (max-width: 575px){
	#seminar .d-flex{
		display: block!important;
	}
	
	#seminar .d-flex>div:nth-child(1){
		width: 100%;
		text-align: center;
	}
	#seminar .d-flex>div:nth-child(2){
		
		padding: 20px;
		width: 100%;
	}
	
	.seminarListBox div{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}


#keireki,
#gyouseki{
	margin-bottom: 28px;
}
#keireki th,
#gyouseki th{
	white-space: nowrap;
	padding-right:20px;

}
#gyouseki th{
	background-color: #efefef;
	text-align: center;
}
#gyouseki td{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom:1px solid #efefef;	
}
.message1,
.message2{
	border:1px solid #ccc;
	padding: 20px;
	margin-bottom: 20px;
}

.message1 h5,
.message2 h5{
	border-bottom:1px solid #ccc;
	padding-bottom: 8px;
}

.message1 p,
.message2 p{
	margin-bottom: 0!important;
}

.table01{
	margin-bottom: 40px;
}

@media screen and (min-width: 576px){

	#teacherbox{
		display: flex;
		background-color: #E0E5F0;
		padding: 20px;
		margin-bottom: 40px;
	}
	#teacherbox img{
		outline: 5px solid #fff;
	}
	#teacherbox .fltleft{
		padding-right: 40px;
	}
	

	
	.fltleft{
		width: 200px;
	}

	.fltright table th{
		white-space: nowrap;
		padding-right:20px;
	}
	
	.fltleft.message1{
		width: 100%;
	}
	#gyouseki th{
		border-left: 3px solid #5e362b;
	}
	.table01 th{
		padding-right: 15px;
		padding-left: 15px;
		border-bottom: 2px solid #fff;
	}
	
	.table02 th{
		vertical-align: top;
	}
}


@media screen and (max-width: 575px){
	
	#teacherbox .fltleft{
		text-align: center;
	}
	
	.fltleft{
		width: 100%;
		margin-bottom: 25px;
	}
	
	
	
	.fltright{
		margin-bottom: 40px;
	}
	.fltright table th{
		white-space: nowrap;
		padding-right:20px;
	}
	.fltright table th,
	.fltright table td{
		padding-top: 10px;
	}
	
	#gyouseki th{
		border-top: 3px solid #5e362b;
		padding-top: 7px;
		margin-bottom: 15px;
	}
	#gyouseki td{
		margin-bottom: 10px;
	}
	
	.table01 th,
	.table01 td{
		display: block;
		padding-bottom: 10px;
	}
	
}


.clear{display: none;}

.seminarbtn{
	padding-left: 0;
}
.seminarbtn li{
	list-style: none;
	text-align: center;
	width: 25%;
	padding:1px;
}
.seminarbtn li a{
	display: block;
	border: 1px solid #ccc;
	border-top: 3px solid #5e362b;
	background-color: #eeebe5;
	padding: 5px;
}
.seminarbtn li a:hover{
	background: #ccc;
}

.panel{
	border:1px solid #ccc;
	border-top: 3px solid #5e362b;
	padding: 25px;
	margin-bottom: 25px;
}
.panel .h5a{
	font-weight: bold;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	padding:8px;
	margin-bottom: 15px;
	border:none;
}

.panel .h4a{
	padding-bottom: 20px;
}
.panel img{
	margin-bottom: 10px;
}
@media screen and (min-width: 992px){
	.seminarbox{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 20px;
		margin-bottom: 40px;
	}	
	.seminarbox .fltleft{
		width: 30%;
	}
	.seminarbox .fltright{
		width: 70%;
	}
	.seminarbox .seminarbtn{
		width: 100%;
		
	}
	.panel .float-right{
		margin-left: 15px;
		font-size:12px;
		max-width: 33%;
	}
	.panel .float-right img{
		width:100%;
	}
	
}
.seninarList a{
	margin-bottom: 15px;
}
.seminarbtn{
	width: 100%;
	display: flex;
}
@media screen and (max-width: 575px){
	.seminarbox .fltleft{
		text-align: center;
	}
	.seminarbtn{
		display: block;
	}
	.seminarbtn li{
		width: 100%;
		padding-bottom: 5px;
	}
	
}

.professorList li a{
	color:black;
}


#keireki{
    margin-bottom: 25px;
}
#gakureki{
    margin-bottom: 25px;
}
#keireki dl dt,
#gakureki dl dt{
    font-weight: 400;
}

@media screen and (min-width: 576px){
    
    #keireki dl,
    #gakureki dl{
        padding-left:0;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    #keireki dl dt,
    #gakureki dl dt{
        display: block;
        width: 220px;
        font-weight: 400;
        padding-right: 10px;
    }
    #keireki dl dd,
    #gakureki dl dd{
        flex:1;
    }
}
@media screen and (max-width: 576px){
    #keireki dl dt,
    #gakureki dl dt{
        font-weight: 700;
    }
}


#gyouseki tr th{
    padding-top:5px;
    padding-bottom:15px;
    vertical-align: top;
    border-left: 3px solid black;
}
#gyouseki span{
    position: -webkit-sticky;
    position:sticky;
    display: inline-block;
    top:0;
    left:0;
    padding-top:15px;
}
.bb{
    border-bottom: 2px solid #ddd!important;
}
@media screen and (max-width: 576px){
    #gyouseki tr th{
        border-left: none;
    }
}