@charset "utf-8";

/**********************************************/
/**/
/**********************************************/

/*リード文*/
.read {
    margin: 30px 0;
}


/*戻るボタン*/
.pageback {
    margin-top: 40px;
    text-align: center;
}

/*ページ内TOP戻る*/
.intop {
    text-align: right;
    margin-top:20px;
    font-size: 1.4rem;

}
.intop a {
    background:url("../img/icon_arrow_top.png") no-repeat left center;
    background-size: 20px;
    padding: 1px 0 1px 24px;
}

/*年度別メニュー*/
#past {
    margin-top: 50px;
    padding-top: 20px;
    border-top: 2px #eee solid;
}

/*--------------------------*/
/*研究発表会一覧*/
/*--------------------------*/
.tbl-list {
    width: 100%;
    margin: 30px auto;
    border: 1px #c4c4c4 solid;
}
.tbl-list th {
    padding: 5px 10px;
    border-right: 1px #fff dotted;
    line-height: 140%;
    background-color: #4a68ca;
    color:#fff;
}
.tbl-list td {
    padding: 10px 10px;
    border-right: 1px #c4c4c4 dotted;
    border-bottom: 1px #c4c4c4 solid;
    line-height: 140%;
}

/*--------------------------*/
/*受賞者一覧*/
/*--------------------------*/
.section-headline {
    margin-bottom: 10px;
}
.section-headline h3 {
    border-radius: 4px;
    background-color: #f1f4f8;
    padding: 5px 15px;
}

.list-award ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.list-award li {
    width: calc((100% / 8) - 20px);
    margin: 5px 10px;
    border: 1px #ddd solid;
    text-align: center;
    color: #bbb;
}
.list-award li a {
    display: block;
}

/*受賞者表*/
.tbl-award {
    width: 100%;
    margin: 0 auto;
}
.tbl-award th {
    padding: 5px 10px;
    border-right: 1px #fff dotted;
    line-height: 120%;
    background-color: #4a68ca;
    color:#fff;
}
.tbl-award td {
    padding: 5px 10px;
    border: 1px #c4c4c4 solid;
    line-height: 140%;
    vertical-align: top;
}
.tbl-award caption {
    text-align: right;
    margin-bottom: 5px;
    font-size: 1.4rem;
}
.tbl-award .no {
    width: 100px;
}
.tbl-award .type {
    width: 80px;
}
.tbl-award .author {
    width: 160px;
}
.tbl-award .affiliation {
    width: 140px;
}




/****************************/
/*レスポンシブ*/
/****************************/
@media screen and (max-width: 1480px) {
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 980px) {
    .list-award li {
        width: calc((100% / 6) - 20px);
    }
}

@media screen and (max-width: 780px) {
}

@media screen and (max-width: 580px) {
    .list-award li {
        width: calc((100% / 4) - 10px);

    }
}

@media screen and (max-width: 380px) {
}