/*///////////////////////////////*/
/*////////お知らせ・ご挨拶///////*/
/*///////////////////////////////*/
#top .top_info {
    background: #f3f4f4;
    padding: 20px 0;
}

#top .top_info .flex_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#top .news li a {
    text-decoration: underline;
}

#top .news_title.news_title {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #767676;
    position: relative;
    width: 100%;
    margin-top: 0;
    text-align: left;
}

#top .news_title::before {
    content: '';
    width: 100px;
    height: 2px;
    background-color: #d4c77e;
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
}

#top .news_title h2 {
    display: inline-block;
}

#top .news_title a {
    display: inline-block;
    font-size: 13px;
}

#top .news {
    /*width: calc(100% - 432px);*/
    width: 100%;
    float: left;
}

.top_en #top .news {
    width: 100%;
    padding: 0;
    float: none;
}

#top .news ul {
    background: #fff;
    padding: 12px 20px;
    margin-top: -2px;
}

#top .news li {
    margin-bottom: 5px;
}

#top .news li:last-child {
    margin-bottom: 0;
}

#top .banner30th {
    float: right;
    width: 432px;
}

.news_date {
    width: 40px;
    display: inline-block;
    margin-right: 5px;
}

.news_text {
    display: inline-block;
    width: calc(100% - 55px);
    margin-top: 2px;
    vertical-align: top;
    line-height: 1.4;
}

#top .lecture, #top .exhibition {
    width: 49%;
    text-align: left;
}

#top .lecture p {
    font-size: 11px;
    margin-top: 5px;
}

#top .lecture_links {
    margin-top: 10px;
}

#top .lecture_links a {
    text-decoration: underline;
    color: red;
    font-weight: bold;
}

#top .lecture_links b {
    background: #ffed8d;
}

#top .liveschedule {
    margin-bottom: 10px;
}

#top .liveschedule_title {
    font-weight: bold;
    margin-bottom: 5px;
}

#top .liveschedule_table {
    width: 100%;
    margin-bottom: 15px;
}

#top .liveschedule_table th {
    background: #BAD6E8;
    padding: 3px 10px;
}

#top .liveschedule_table td {
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}

#top .liveschedule_time {
    width: 100px;
}

#top .liveschedule_cate {
    width: 70px;
    display: inline-block;
}

.top_en #top .liveschedule_table td {
    line-height: 1.3;
}

.top_en #top .liveschedule_cate {
    width: 105px;
}

.top_en #top .liveschedule_catel {
    width: 170px;
}

@media only screen and (max-width: 1200px) {
    #top .lecture, #top .exhibition {
        width: 100%;
    }

    #top .liveschedule_table {
        width: 49%;
        float: left;
    }

    #top .liveschedule_table:last-child {
        margin-left: 2%;
    }
}

@media only screen and (max-width: 960px) {
    #top .banner30th {
        width: 288px;
    }

    /*    #top .news {
        width: calc(100% - 288px);
    }*/
    .top_en #top .liveschedule_catel {
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    #top .banner30th {
        width: 100%;
        max-width: 640px;
        float: none;
        margin: 10px auto 0 auto;
    }

    #top .news {
        width: 100%;
        float: none;
        padding-right: 0;
    }

    #top .liveschedule_table {
        width: 100%;
        float: none;
    }

    #top .liveschedule_table:last-child {
        margin-left: 0;
    }
}

@media only screen and (max-width: 640px) {
    #top .news {
        width: 100%;
        padding-right: 0;
    }

    #top .banner30th {
        width: 100%;
        text-align: center;
    }

    #top .cate_box {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    #top .lecture .show_640, #top .exhibition .show_640 {
        display: inline-block;
    }
}

@media only screen and (max-width: 540px) {
    .top_en #top .liveschedule_cate {
        display: block;
    }
}

/*///////////////////////////////*/
/*////////ご挨拶詳細ページ/////////*/
/*///////////////////////////////*/
#greeting .greeting_maintitle {
    border-bottom: solid 3px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    position: relative;
    font-weight: normal;
    margin: 35px 0;
    font-size: 24px;
    line-height: 1.3;
    border-color: #767676;
}

#greeting .greeting_maintitle::before {
    content: '';
    width: 150px;
    height: 3px;
    background-color: #d4c77e;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
}

#greeting .greeting_content {
    padding: 20px;
    border: 1px solid #ccc;
    margin: 10px auto 0 auto;
    border-radius: 5px;
}

#greeting .greeting_prof {
    margin-top: 30px;
}

#greeting .greeting_prof img {
    display: block;
    width: 185px;
    float: right;
    margin-left: 30px;
}

#greeting .greeting_prof .greeting_prof_text {
    font-size: 20px;
    line-height: 1.5;
    text-align: right;
    float: left;
    width: calc(100% - 215px);
}

#greeting .greeting_prof .greeting_prof_text span {
    font-size: 24px;
}

@media only screen and (max-width: 640px) {
    #greeting .greeting_prof .greeting_prof_text span {
        font-size: 20px;
    }

    #greeting .greeting_prof .greeting_prof_text {
        font-size: 16px;
    }
}

@media only screen and (max-width: 480px) {
    #greeting .greeting_maintitle {
        margin: 20px 0 25px;
        font-size: 20px;
    }

    #greeting .greeting_prof .greeting_prof_text {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }
}

/*///////////////////////////////*/
/*////////展示と講演　共通////////////////////*/
/*///////////////////////////////*/
.exhi_bunken em, .lect_bunken em {
    font-style: italic;
}

.youtube_ctrl {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    margin: 0 auto;
    border: 1px solid #ddd;
}

.youtube_ctrl iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.youtube_back {
    background: #eee;
    margin-bottom: 50px;
}

.m_adjus {
    margin-top: 50px;
}

.related_text {
    word-break: break-all;
}

/*QAのhtml貼り付け後用css*/
table.bordertable {
    border: 2px solid #E9EBEF;
}

table.bordertable th {
    background: #E9EBEF;
    border-right: #fff 2px solid;
    text-align: center;
    padding: 8px 12px;
}

table.bordertable tr:last-child {
    margin-bottom: 0;
}

table.bordertable td {
    border-right: 2px solid #E9EBEF;
    border-right: 2px solid #E9EBEF;
    padding: 8px 12px;
    vertical-align: middle;
}

table.bordertable tr:nth-child(odd) td {
    border-right: 2px solid #fff;
    background: #f3f4f4;
}

table.bordertable td:last-child, table.bordertable th:last-child {
    border: none !important;
}

#exhibition .exhi_qa, #lecture .qa {
    border: 1px solid #ccc;
    padding: 10px;
}

#exhibition .exhi_qa.divscroll, #lecture .qa.divscroll {
    overflow-y: scroll;
    height: 500px;
    padding: 15px 10px;
}

@media only screen and (max-width: 840px) {
    table.bordertable .thead {
        display: none;
    }

    table.bordertable {
        border: none;
    }

    table.bordertable td {
        border-right: none !important;
    }

    table.bordertable tr, table.bordertable td {
        display: block;
        width: 100%;
        position: relative;
    }

    table.bordertable tr {
        border: #E9EBEF 2px solid;
        margin-bottom: 15px;
    }

    table.bordertable td:first-child {
        border-bottom: #E9EBEF 1px solid;
    }
}

/*///////////////////////////////*/
/*////////展示////////////////////*/
/*///////////////////////////////*/

#archive_exhibition .linktiles {
    width: 20%;
    position: relative;
    margin: 0 0 30px 0;
    padding-right: 20px;
}

#archive_exhibition .linktiles .image {
    display: block;
    border: 1px solid #ccc;
}

#archive_exhibition .linktiles .image span {
    position: absolute;
    top: -20px;
    left: 0;
    max-width: calc(100% - 20px);
    display: block;
    color: #fff;
    padding: 2px 5px;
    font-size: 11px;
}

#archive_exhibition .linktiles .image span.data,
#archive_exhibition .linktiles .text .exhi_title span.data {
    background: #f39800;
}

#archive_exhibition .linktiles .image span.media,
#archive_exhibition .linktiles .text .exhi_title span.media {
    background: #16902e;
}

#archive_exhibition .linktiles .image span.communication,
#archive_exhibition .linktiles .text .exhi_title span.communication {
    background: #00a0e9;
}

#archive_exhibition .linktiles .image span.human,
#archive_exhibition .linktiles .text .exhi_title span.human {
    background: #ee87b4;
}

#archive_exhibition .linktiles .text {
    font-size: 13px;
    margin-top: 10px;
}

#archive_exhibition .linktiles .text .exhi_title span {
    width: 20px;
    font-size: 11px;
    display: block;
    position: absolute;
    top: 0.2em;
    left: 0;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

#archive_exhibition .linktiles .text .exhi_title {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    display: block;
}

#archive_exhibition .linktiles .categories {
    margin-top: 5px;
}

#archive_exhibition .linktiles .categories a {
    margin: 0 5px 5px 0;
    display: inline-block;
    min-width: 40px;
    float: left;
    background: #d2d2d2;
    padding: 2px 5px;
    font-size: 11px;
    text-align: center;
    border-radius: 5px;
}

#archive_exhibition .exhibitions {
    width: calc(100% + 20px);
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*
#archive_exhibition .exhibitions_wrapper{
    padding-right: 0;
}
*/
#archive_exhibition input[type=checkbox] {
    display: none;
}

#archive_exhibition label {
    position: relative;
    display: inline-block;
    margin: 0 10px;
}

#archive_exhibition label:first-child {
    margin-left: 0;
}

#archive_exhibition .category_area {
    width: 100%;
    text-align: center;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
    display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
    outline-offset: -2px;
}

/*///////////////////////////////*/
/*////////スケジュール//////////////*/
/*///////////////////////////////*/
#schedule .schedule-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
    /* 内容の高さを揃える */
}

#schedule .schedule-left {
    width: calc(55% - 10px);
    box-sizing: border-box;
    overflow: hidden;
}

#schedule .schedule-right {
    width: calc(45% - 10px);
    display: flex;
    justify-content: center;
}

#schedule .schedule-right img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

#schedule .section-header {
    background-color: #f4f4f4;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}


#schedule .section {
    margin-bottom: 5px;
    border-bottom: #dee2e6 solid 1px;
    padding-bottom: 15px;
}

#schedule .talk_title {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
}

#schedule .talk_title.invite {
    background-color: #ec7136;
}

#schedule .talk_title.welcome {
    background-color: #b4e7a5;
}

#schedule .talk_title.research {
    background-color: #fdc02b;
}

#schedule .speaker {
    font-size: 16px;
    margin: 10px 0;
}

#schedule .lecture-list {
    list-style-type: none;
    padding-left: 0;
}

#schedule .lecture-list li {
    margin-bottom: 5px;
    border-bottom: #dee2e6 solid 1px;
    padding-bottom: 15px;
}

#schedule .lecture-list li strong {
    color: #333;
}

/* モバイル対応 */
@media screen and (max-width: 1000px) {
    #schedule .schedule-container {
        flex-direction: column;
        gap: 10px;
    }

    #schedule .schedule-left,
    #schedule .schedule-right {
        width: 100%;
    }
}


#access .access-content {
    width: 100%;
}

#access .access-container {
    display: flex;
    align-items: flex-start;
    align-items: end;
    width: 100%;
    gap: 20px;
    max-width: 1000px;
}

#access .block_title {
    display: block;
    width: 100%;
}

#access .access-left {
    width: 50%;
    box-sizing: border-box;
    overflow: hidden;
    min-width: 250px;
}

#access .quint_logo {
    max-width: 350px;
    margin-bottom: 20px;
    font-size: 1.1rem;
}

#access .map_link a {
    background: #d2c77a;
    border-radius: 3px;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 20px;
    max-width: 350px;
    padding: 5px 25px;
    color: #333;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}

#access .map_link a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}

#access .map_link a:hover:after {
    border-color: #ffffff;
}


/* モバイル対応 */
@media screen and (max-width: 800px) {
    #access .access-content {
        width: 100%;
    }

    #access .access-container {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

    #access .access-left {
        max-width: none;
        width: 80%;
        text-align: center;
    }
}

/*checkbox*/
.category_check {
    display: none;
}

.category_txt {
    padding-left: 20px;
    position: relative;
}

.category_txt::before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 4px;
    background: #c9c9c9;
}

.category_check:checked+.category_txt::before {
    background: #000;
}

.category_txt::after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    width: 5px;
    height: 9px;
    transform: rotate(40deg);
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

/*button*/
#archive_exhibition #category_submit {
    line-height: 36px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    border-radius: 5px;
    display: block;
    width: 100px;
    margin: 20px auto 40px;
    background: #7d7d7d;
    outline: none;
}

#exhibition .col2_ver1 .float_l {
    width: 40% !important;
}

#exhibition .col2_ver1 .float_r {
    width: 59% !important;
}

#exhibition .col2_half {
    margin-bottom: 50px;
}

#exhibition .col2_half .exhi_boldfont {
    margin-bottom: 10px;
    line-height: 1.3;
    margin-top: 15px;
}

#exhibition .col2_half .related_text {
    line-height: 1.3;
}

#exhibition .data .exhi_titlebar,
#exhibition .data .exhi_title .num,
#exhibition .data .exhi_table th {
    background: #f39800;
}

#exhibition .data .exhi_h2 {
    border-color: #f39800;
}

#exhibition .media .exhi_titlebar,
#exhibition .media .exhi_title .num,
#exhibition .media .exhi_table th {
    background: #16902e;
}

#exhibition .media .exhi_h2 {
    border-color: #16902e;
}

#exhibition .communication .exhi_titlebar,
#exhibition .communication .exhi_title .num,
#exhibition .communication .exhi_table th {
    background: #00a0e9;
}

#exhibition .communication .exhi_h2 {
    border-color: #00a0e9;
}

#exhibition .human .exhi_titlebar,
#exhibition .human .exhi_title .num,
#exhibition .human .exhi_table th {
    background: #ee87b4;
}

#exhibition .human .exhi_h2 {
    border-color: #ee87b4;
}

#exhibition .exhi_titlebar,
#lecture .lect_titlebar {
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 1.1em;
    font-weight: bold;
}

#exhibition .exhi_maintitle {
    border-bottom: solid 3px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    position: relative;
    font-weight: normal;
    margin: 35px 0;
    font-size: 24px;
}

#exhibition .exhi_maintitle::before {
    content: '';
    width: 150px;
    height: 3px;
    background-color: #d4c77e;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
}

#exhibition .exhi_title {
    width: 100%;
}

#exhibition .exhi_title .num {
    width: 50px;
    font-size: 1.5em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
}

#exhibition .exhi_title .exhi_title_content {
    width: calc(100% - 50px);
}

#exhibition .exhi_title .exhi_title_text {
    width: calc(100% - 160px);
    float: left;
    padding: 0 20px;
}

#exhibition .exhi_h2 {
    font-size: 1.4em;
    padding-bottom: 5px;
    margin-bottom: 10px;
    width: 100%;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: 3px solid;
}

#exhibition .exhi_h3 {
    font-size: 1.1em;
}

#exhibition .exhi_title .exhi_thumb {
    width: 160px;
    float: right;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
}

#exhibition .exhi_qa {
    border-radius: 5px;
    margin: 10px 0 50px;
}

#exhibition .exhi_boldfont {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}

#exhibition .exhi_poster {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px 0 50px;
}

#exhibition .exhi_posterlink {
    display: inline-block;
    width: 130px;
    margin-right: 20px;
}

#exhibition .exhi_imagelink {
    display: inline-block;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#exhibition .exhi_textlink {
    display: inline-block;
    vertical-align: top;
}

#exhibition .exhi_bunken, #exhibition .exhi_table_en {
    margin-top: 10px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
}

.top_en #exhibition .exhi_2col .float_r:first-child .exhi_bunken {
    margin-bottom: 20px;
}

#exhibition .exhi_bunken ul li {
    list-style-type: decimal;
    width: calc(100% - 20px);
    margin-left: 20px;
}

#exhibition .exhi_table tr {
    margin-bottom: 10px;
    display: block;
}

#exhibition .exhi_table th {
    width: 100px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    border-radius: 5px 0 0 5px;
}

#exhibition .exhi_table td div {
    padding: 15px 20px;
    border: 1px solid #ccc;
    border-left: none;
    border-radius: 0 5px 5px 0;
}

#exhibition .exhi_contact {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 10px;
}

.exhi_noborderbox {
    max-width: 1100px;
    margin: 0 auto;
}


@media only screen and (max-width: 1200px) {
    #archive_exhibition .linktiles {
        width: 25%;
    }

    #exhibition .exhi_2col .float_l, #exhibition .exhi_2col .float_r {
        width: 100% !important;
        float: none !important;
    }

    #exhibition .col2_half .float_l {
        margin-bottom: 50px;
    }

    #exhibition .exhi_bunken, #exhibition .exhi_table_en {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 840px) {
    #archive_exhibition .linktiles {
        width: 33%;
    }

    #archive_exhibition .linktiles .image span {
        font-size: 10px;
    }

    #exhibition .exhi_bunken, #exhibition .exhi_table_en {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 768px) {
    #exhibition .exhi_textlink {
        margin-top: 10px;
    }

    #exhibition .exhi_title .exhi_thumb {
        float: none;
        margin-left: 20px;
        margin-top: 15px;
    }

    #exhibition .exhi_title .exhi_title_text {
        width: 100%;
        float: none;
        padding: 0 0 0 20px;
    }

    #exhibition .exhi_table {
        margin: 10px 0;
    }

    /*#exhibition .exhi_content,*/
    #exhibition .exhi_bunken,
    #exhibition .exhi_poster,
    #exhibition .exhi_qa,
    #exhibition .exhi_contact,
    #exhibition .exhi_table_en,
    .top_en #exhibition .exhi_2col .float_r:last-child .exhi_bunken {
        margin: 10px auto 30px;
    }

    .youtube_ctrl {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 640px) {
    #archive_exhibition .linktiles {
        width: 50%;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 540px) {
    #archive_exhibition .exhibitions {
        width: calc(100% + 15px);
    }
}

@media only screen and (max-width: 480px) {
    #exhibition .exhi_table th {
        border-radius: 5px 5px 0 0;
        width: 100%;
        display: block;
    }

    #exhibition .exhi_table td {
        display: block;
        width: 100%;
    }

    #exhibition .exhi_table td div {
        padding: 15px 15px;
        border: 1px solid #ccc;
        border-top: none;
        border-radius: 0 0 5px 5px;
    }

    #exhibition .exhi_title .num {
        height: 50px;
        display: block;
        line-height: 50px;
    }

    #exhibition .exhi_title .exhi_title_content {
        width: 100%;
        display: block;
        margin-bottom: 30px;
    }

    #exhibition .exhi_title .exhi_title_text {
        width: 100%;
        float: none;
        padding: 0;
        margin-top: 10px;
    }

    #exhibition .exhi_h2 {
        font-size: 1.2em;
    }

    #exhibition .exhi_title .exhi_thumb {
        float: none;
        margin-top: 15px;
        margin-left: 0px;
    }

    #exhibition .exhi_maintitle {
        padding-bottom: 0px;
        margin: 20px 0 25px;
        font-size: 20px;
    }
}

/*///////////////////////////////*/
/*////////研究講演////////////////*/
/*///////////////////////////////*/
#archive_lecture .lecture_tile {
    width: 32%;
    margin-right: 2%;
    float: left;
    margin-bottom: 20px;
    display: block;
    border: solid 1px #d3d3d3;
}

#archive_lecture .lecture_tile:nth-child(3n) {
    margin-right: 0;
}

#lecture .lect_maintitle {
    border-bottom: solid 3px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    position: relative;
    font-weight: normal;
    margin: 35px 0;
    font-size: 24px;
}

#exhibition .exhi_2col .float_r,
#exhibition .exhi_2col .float_l {
    width: 49%;
    margin-top: 20px;
}

#exhibition .col2_2col {
    margin-bottom: 50px;
}

#lecture .lect_maintitle::before {
    content: '';
    width: 150px;
    height: 3px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
}

#lecture .lect_h2 {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 30px;
}

#lecture .lect_h2 span {
    font-size: 0.8em;
}

#lecture .lect_h2 .lect_name {
    width: 100%;
    text-align: right;
    margin-top: 15px;
    font-weight: normal;
}

#lecture .lect_graybox {
    margin-top: 10px;
    border-radius: 5px;
}

#lecture .youtube_back {
    margin-top: 10px;
}

#lecture .lect_noborderbox {
    margin: 0 auto;
    width: 100%;
    max-width: 1100px;
}

#lecture .lect_h3 {
    margin: 15px 0 10px;
    font-size: 1.1rem;
    font-weight: bold;
    border-bottom: 1px solid;
}

#lecture .lect_h4 {
    margin: 0 0 10px 0;
    font-size: 1.1rem;
    font-weight: bold;
    border-bottom: 1px solid #000;
}

#lecture .lect_h4:not(:nth-child(1)) {
    margin-top: 20px;
}

#lecture .lect_bunken {
    font-size: 0.9em;
    word-break: break-word;
}

#lecture .lect_bunken a, #lecture .lect_graybox a {
    color: #007bff;
}

#lecture .lect_prof .left {
    width: 155px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
}

#lecture .lect_prof .right {
    width: calc(100% - 185px);
    float: right;
}

#lecture .lect_prof .right span {
    font-size: 1.5em;
}

#lecture .lect_prof .right table {
    width: 100%;
}

#lecture .lect_prof .right table td:first-child {
    width: 100px;
}

#lecture .lect_graybar {
    width: 100%;
    height: 1px;
    background: #ccc;
    margin-top: 20px;
}

#lecture .lect_prof_bar {
    width: 100%;
    margin: 10px 0;
    border-bottom: 1px dotted #555;
}

#lecture .lect_h5 {
    font-weight: bold;
    border-bottom: 1px dotted #555;
    margin: 20px 0 10px;
}

.grad-wrap {
    position: relative;
}

.grad-wrap+.grad-wrap {
    margin-top: 40px;
}

.grad-trigger {
    background: #ccc;
    border-radius: 5px;
    padding: 5px 15px;
    position: absolute;
    z-index: 5;
    bottom: 0;
    width: 150px;
    right: 0;
    text-align: center;
}

.grad-trigger::after {
    content: "▼ 全文を読む"
        /*クリック前のボタンのラベル*/
}

.grad-item {
    position: relative;
    overflow: hidden;
}

.grad-item::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100px;
    /*グラデーションで隠す高さ*/
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
}

.grad-trigger.is-show::after {
    content: "▲ 閉じる"
        /*クリック後にボタンのラベルを変える*/
}

.grad-trigger.is-show+.grad-item::before {
    display: none;
}

@media only screen and (max-width: 1200px) {
    #archive_lecture .lecture_tile {
        width: 49.5%;
        margin-right: 1%;
    }

    #archive_lecture .lecture_tile:nth-child(3n) {
        margin-right: 1%;
    }

    #archive_lecture .lecture_tile:nth-child(even) {
        margin-right: 0;
    }

    .exhi_2col .float_r,
    .exhi_2col .float_l {
        width: 100%;
        float: none;
    }
}

@media only screen and (max-width: 640px) {

    #archive_lecture .lecture_tile,
    #archive_lecture .lecture_tile:nth-child(even) {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    #lecture .lect_prof .right {
        width: 100%;
        float: none;
    }

    #lecture .lect_prof .left {
        float: none;
        margin: 0 auto 15px;
    }
}

@media only screen and (max-width: 480px) {
    #lecture .lect_graybox {
        margin: 10px 0 30px;
    }

    #lecture .lect_noborderbox {
        margin: 10px 0 30px;
    }

    #lecture .lect_h4 {
        margin: 20px 0 10px;
    }

    #lecture .lect_prof .right table td {
        width: 100% !important;
        display: block;
    }

    #lecture .lect_prof .right table td:last-child {
        padding-bottom: 8px;
        line-height: 1.3;
    }
}

/*///////////////////////////////*/
/*////////過去のイベント///////////*/
/*///////////////////////////////*/
#history ul li {
    list-style: disc;
    line-height: 2;
    font-size: 15px;
    margin-left: 1.5em;
}

#history ul li a {
    text-decoration: underline;
}

/*///////////////////////////////*/
/*////////////news///////////////*/
/*///////////////////////////////*/
#news ul li {
    list-style: none;
    font-size: 15px;
    margin-bottom: 10px;
}

#news .news_date {
    margin-right: 10px;
}

#news li a {
    text-decoration: underline;
}

/*///////////////////////////////*/
/*////////////ページ内のwebexへのバナー///////////////*/
/*///////////////////////////////*/
.to_webex {
    padding: 20px;
    background: #eee;
}

.to_webex .float_l {
    width: 600px;
}

.to_webex .float_r {
    width: calc(100% - 620px);
    margin-left: 20px;
    font-size: 11px;
}

@media only screen and (max-width: 1080px) {
    .to_webex .float_l {
        width: 100%;
    }

    .to_webex .float_r {
        width: 100%;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 640px) {
    .to_webex {
        padding: 15px;
    }

    .to_webex .float_l {
        width: 55%;
    }

    .to_webex .float_r {
        width: 42%;
        margin-left: 0;
        margin-top: 0;
    }
}

@media only screen and (max-width: 540px) {
    .to_webex .float_l {
        width: 100%;
    }

    .to_webex .float_r {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
}

a.gtag {
    display: inline-block;
}