@charset "utf-8";
@media screen and (max-width : 768px){

    .switch_pc{
        display: none;
    }

    #exhibition_lead{
        text-align: center;
        padding: 100px 20px 0;
    }

    #exhibition_list .exhibition_lead {
        max-width: 960px;
        margin: auto;
    }

    #exhibition_list .h3_header {
        font-size: 2rem;
        line-height: 1.25em;
        margin-bottom: 1em;
        text-align: center;
    }

    #exhibition_lead p{
        font-size: 1rem;
        line-height: 1.25em;
    }

    #exhibition_lead p:last-child{
        font-size: 1em;
        /*color: #e40012;*/
        margin-top: 2em;
    }

    /*
    #exhibition_list_cont
    */
    #exhibition_list_cont {
        padding: 0 20px;
    }

    .area {
        width: 100%;
        margin-top: 30px;
        overflow: auto;
    }

    #exhibition_list_cont .area h4 {
        font-weight: 600;
        margin-bottom: 1rem;
    }

    #exhibition_list_cont .scroll {
        overflow: auto;
        white-space: nowrap;
    }

    #exhibition_list_cont .scroll table {
        width: 100%;
        table-layout: auto;
        border-spacing: 0;
        border-collapse: collapse;
    }

    #exhibition_list_cont .area table thead {
        background-color: #006EBC;
        color: #fff;
    }

    #exhibition_list_cont .area table th, #exhibition_list_cont .area table td {
        padding: 0.5rem 0.5rem;
        vertical-align: middle;
        text-align: center;
        line-height: 1.5;
    }

    #exhibition_list_cont .area table th{
        text-align: left;
        box-sizing: border-box;
    }

    #exhibition_list_cont .area table th.th01{
        width: 5rem;
    }

    #exhibition_list_cont .area table th.th02{
        width: calc(100% - 5rem);
    }

    #exhibition_list_cont .area table thead tr th {
        font-weight: 600;
        color: #fff;
    }

    #exhibition_list_cont .area table tbody td {
        border-bottom: solid 1px #ccc;
        text-align: left;
    }

    #exhibition_list_cont .scroll::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    #exhibition_list_cont .scroll::-webkit-scrollbar-thumb {
        background: #bcbcbc;
    }
    #exhibition_list_cont .scroll::-webkit-scrollbar {
        height: 5px;
    }

    #exhibition_list_cont a {
        text-decoration: none;
        color: #0064a1;
    }

        /*
    note
    */
    .note{
        max-width: 980px;
        margin: 6em auto 0;
        padding: 0 20px;
    }

    .note_box {
        margin-bottom: 2em;
    }

    .note_box:last-child{
        margin-bottom: 0;
    }

    .note_box h3{
        font-size: 1rem;
        margin-bottom: 0.5em;
    }

    .note_box ul{
        list-style-type: none;
        margin: 0;
        padding: 0 ;
    }

    .note_box ul li{
        font-size: 0.875rem;
        text-indent: -1em;
        margin-bottom: 0.25em;
        padding-left: 1em;
    }

    .note_box ul li:last-child{
        margin-bottom: 0;
    }
    /*
    #btn-back
    */
    #btn-back {
        padding: 0 20px;
        margin-bottom: 50px;
    }
    #btn-back .c-button-secondary.c-button-wide{
        padding: 8px 30px;
    }

    
    /*
    .exhibition_link_list
    */

    .exhibition_link_list{
        margin-top: 3em;
        padding: 0 20px;
    }

    .link_list_wrap{
        border:1px solid #ccc;
        border-radius: 1em;
        overflow: hidden;
    }

    .link_list_btn{
        text-align: center;
        padding: 0.5em 1em ;
        position: relative;
    }

    .link_list_btn::before{
        content: "";
        height: calc(0.75em / 2 * tan(60deg));
        width: 0.75em;
        display: block;
        background-color: #006EBC;
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        position: absolute;
        top: 50%;
        right: 1em;
        transform: translateY(-50%);
        transition: 0.3s;
    }

    .link_list_btn.active::before{
        transform: translateY(-50%) rotateX(180deg);
    }

    .link_list_box{
        padding: 10px;
        border: solid #ccc;
        border-width: 1px 0 0;
        transition: 0.3s;
    }

    .link_list_box:not(.open){
        height: 0;
        border-width: 0 0 0;
        padding: 0 10px;
    }
    
    .link_list_box ul{
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 1vw;
    }

    .link_list_box ul li{
        font-size: 0.875rem;
        text-align: center;
        width: calc(100% / 3 - 0.75vw);
        display: inline-block;
        position: relative;
    }

    .link_list_box ul li a{
        color: inherit;
        text-decoration: none;
        padding-right: 1em;
        position: relative;
    }

    .link_list_box ul li a::before{
        content: "";
        height: calc(0.75em / 2 * tan(60deg));
        width: 0.75em;
        display: block;
        background-color: #006EBC;
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
}