@charset "UTF-8";
.container {
min-height: 500px;
font-family: Philosopher, 游明朝体, "Yu Mincho", YuMincho, sans-serif;
}
.container h1 {
text-align: center;
}
/*////////////
Pucblication
//////////////////////////////*/
.title {
margin-top: 0;
width: 100%;
}
.title h1:after {
content: "";
display: block;
border-bottom:1px solid rgba(0,0,0,.3);
margin: 15px auto 0;
width: 5%;
}
.resultArea {
width: 100%;
margin-top: 3rem;
}
.resultArea h2 {
font-size: 1.2rem;
font-family: 'Droid Serif', serif;
}
.resultArea .publication .title h1 {
color: #333;
}
.resultArea .publication .title h1 {
font-family: 'Libre Baskerville', serif;
}
.table.result.publications {
border-top: 1px solid rgba(0, 0, 0, 1);
}
table.result.table-striped > tbody > tr:nth-of-type(2n+1) {
/*background: rgba(0, 0, 0, .1);*/
background:none;
}
.table_out {
font-size: 1rem;
font-family: Philosopher, 游明朝体, "Yu Mincho", YuMincho, sans-serif;
}
.table_out .table > tbody > tr > td {
padding: 10px 0;
}
/*////////////
Research
//////////////////////////////*/
.container {
min-height: 500px;
font-family: Philosopher, 游明朝体, "Yu Mincho", YuMincho, sans-serif;
}
.research {
	    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    transition: all .1s ease;
}
.research h2 {
text-align: center;
background: #ececec;
padding: 10px;
margin-bottom: 1rem;
}
.theme_box {
margin-bottom: 3rem;
}
.theme_box div {
font-family: Philosopher, 游明朝体, "Yu Mincho", YuMincho, sans-serif;
}
.theme_box img {
width: 100%;
margin-bottom: 1rem;
}
/*////////////
Peaople
//////////////////////////////*/
.people {
	    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    transition: all .1s ease;
font-family: 'Libre Baskerville', serif;
}
.people h2 {
text-align: center;
margin-bottom: 1rem;
font-size: 1.4rem;
margin-bottom: 1rem;
font-family: 'Philosopher', sans-serif;
}
.member_box {
margin-bottom: 3rem;
}
.member_box div {
font-family: 'Philosopher', sans-serif;
font-size: 1rem;
line-height: 2;
}
.desc {
padding: 1.4rem 0;
/*background: #ececec;*/
margin-bottom: 1.4rem;
}
.member_box ul {
font-size: 1rem;
}
.member_box ul li {
margin-bottom: 1.4rem;
line-height: 1.1;
}
.member_box .link a{
font-size: 1rem;
font-family: 'Droid Serif', serif;
}
.overview h2 {
font-size: 1.6rem;
font-family: 'Philosopher', sans-serif;
text-align: left;
padding-bottom: 3px;
}
/*////////////
Access
//////////////////////////////*/
.access_text {
text-align: left;
font-size: 1rem;
font-family: 'Philosopher', sans-serif;
margin-bottom: 2rem;
}
.access h2 {
font-size: 1.6rem;
font-family: 'Philosopher', sans-serif;
text-align: left;
padding-bottom: 3px;
}


body {
    padding: 0;
}

#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}
#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: fixed;
    top: -15px;
    right: 5px;
    z-index:1032;
}
.modal.in .modal-dialog  {
text-align: center;
 margin-top: 10%;
}

@media screen and (min-width: 768px) {
.resultArea {
padding-top: 0;
padding-bottom: 0;
}
.resultArea:last-child {
padding-bottom: 100px;
}
.title {
margin-top: 0;
}
.title h1 {
text-align: left;
letter-spacing: 0.01rem;
margin-top: 0;
margin-bottom: 2rem;
color: #333;
font-size: 2rem;
font-family: 'Philosopher', sans-serif;
}
.title h1:after {
content: "";
display: block;
border-bottom:1px solid rgba(0,0,0,.3);
margin: 15px 0 0;
width: 5%;
}
.resultArea .title h2 {
font-size: 1.6rem;
font-family: 'Philosopher', sans-serif;
text-align: left;
padding-bottom: 3px;
}
.resultArea .title h2:after {

}
.resultArea {
width: 100%;
}
.table_out {
width: 100%;
max-width: 500px;
margin: 0 0 5rem;
font-size: 1rem;
font-family: 'Philosopher',"游明朝体", "Yu Mincho", YuMincho, sans-serif;
}
.table.result.publications {
border-top: none;
border-bottom: 1px solid #a1a1a1;
font-size: 1.0rem;
}
.table.result.publications tr:first-child td {
border-top: 1px solid #a1a1a1;
}
table.result.table-striped > tbody > tr:nth-of-type(2n+1) {
background: none;
}
.table > tbody > tr > td  {
border-top: 1px solid #a1a1a1;
padding: 10px 0;
}
/*////////////
Research
//////////////////////////////*/
#research .container {
padding: 97px 0 0 0;
}
.theme_box {
/*-webkit-display: flex;
display: flex;
-webkit-flex-direction: row;
flex-flow: row;*/
border-bottom: 1px solid #ececec;
}
.theme_inn {
/*padding-right: 3rem;*/
}
.research h2 {
text-align: left;
margin-top: 0;
background: none;
padding: 0;
font-family: 'Philosopher', sans-serif;
font-size: 1.4rem;
}
.theme_box .ph_box{
max-width: 70%;
}
.theme_box img {
max-width: 100%;
height: 100%;
}
.desc{
padding: 0 0 1.4rem 0;
font-size: 1rem;
}
.theme_box .theme_inn {
width: 100%;
display: flex;
-webkit-display: flex;
flex-flow: row;
-webkit-flex-direction: row;
}
.theme_box .theme_inn .desc{
width: 30%;
padding-right: 2rem;
}
.modal-dialog {
max-width: 100% !important;
}
.modal-body img {
width:800px;
max-width: 100% !important;
}
#lightbox .close {
    top: -15px;
    left: -15px;
}
/*////////////
Peaople
//////////////////////////////*/
.member_box {
border-bottom: 1px solid #ececec;
padding-bottom: 3rem;
}
.member_inn {

}
.people h2 {
text-align: left;
margin-top: 0;
}
.member_box ul li {
font-weight: 300;
}
.member_box dl dt{


}
p.link {
width: 100%;
}
/*////////////
Lecture
//////////////////////////////*/
.overview {
font-size: 1rem;
font-family: 'Philosopher',"游明朝体", "Yu Mincho", YuMincho, sans-serif;
margin-bottom: 5rem;
}
.overview h2{
font-family: 'Philosopher',"游明朝体", "Yu Mincho", YuMincho, sans-serif;
}
.lecture .table {
border-bottom: 1px solid #ddd;
}
.lecture .table tr > th {
vertical-align: middle;
font-weight: normal;
}
.lecture .table tr > td {
border-top: 1px solid #ddd;
text-align: right;
}
.lecture .btn-info{
background-color: #ccc;
border-color: #ccc;
}

}