body {
    overflow-x: hidden;
}

.contentBody {
    border-top: 1px solid #f5f1e6;
}

.mainContent {
    margin-top: 1em;
}

.blod {
    font-weight: 600;
}

.CoverImg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}



#tags .tags {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#tags a, .tags a, .hotTopic a {
    background-color: #f5f1e6;
    color: #000000;
    transition: all 0.3s;
}

    #tags a:hover, .tags a:hover, .hotTopic a:hover {
        color: #fe7600;
        text-decoration: none;
        transition: all 0.3s;
    }


.hotContent .tags a {
    color: #fe7600;
    background-color: transparent;
    transition: all 0.3s;
}

    .hotContent .tags a:hover {
        color: #000000;
        text-decoration: none;
        transition: all 0.3s;
    }

    .hotContent .tags a:not(:last-child):after {
        content: ' ‧ ';
    }

.hotTopic {
    margin-bottom: 1em;
    transition: all 0.3s;
}

    .hotTopic ul {
        text-decoration: none;
        padding: 0px;
        display: table-cell;
        width: 100%;
    }

    .hotTopic li {
        display: inline-block;
        float: left;
        margin-right: 1em;
        margin-left: 0px;
    }

    .hotTopic a {
        color: #000000;
        transition: all 0.3s;
    }

        .hotTopic a:hover {
            color: #fe7600;
            text-decoration: none;
            transition: all 0.3s;
        }


.hotContent {
    transition: all 0.3s;
}

#main {
    padding-bottom: 30px;
    padding-top: 0px;
    line-height: 25px;
    letter-spacing: 2px;
}

    #main h1 {
        line-height: 1.3em;
        margin-bottom: 1em;
    }

h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
}

#mainContent {
    padding-top: 0px;
    text-align: justify;
}

.twoColumn {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.horizontal_dotted_line {
    border-bottom: 1px dotted #bababa;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
}

.exhib_info {
    color: #7a7a7a;
}

    .exhib_info figure {
        background-color: transparent;
        margin-bottom: 5px;
        padding: 0px;
    }

    .exhib_info figcaption {
        background-color: transparent;
    }

    .exhib_info audio {
        width: 100%;
        border-radius: 0px;
        height: 2em;
    }

    .exhib_info h6 {
        color: #000000;
        margin-bottom: 0.2em;
    }

    .exhib_info a {
        color: #000000;
    }

.exhib_title {
    background-color: #fafafa;
    margin-bottom: 1em;
    padding-top: 2em;
    padding-bottom: 2em;
}

    .exhib_title h1 {
        color: #000000;
        margin-bottom: 0.2em;
    }

.loc {
    font-weight: 600;
    font-size: 1.2em;
}

.sticky-subMenu ul {
    list-style: none;
    margin-top: 0.8em;
}

.sticky-subMenu > ul > li > a {
    color: #0397a3;
    font-weight: 900;
    font-size: 1.2em;
    margin-bottom: 0.8em;
}

.sticky-subMenu ul > li > a {
    color: #0397a3;
    font-weight: 900;
    font-size: 1.2em;
    margin-bottom: 0.8em;
    text-decoration: none;
}

.subClass li > a {
    font-size: 1em !important;
}


.sticky-subMenu > ul > li > ul {
    padding-left: 0em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

    .sticky-subMenu > ul > li > ul > li {
        margin-left: 0em;
    }

        .sticky-subMenu > ul > li > ul > li a {
            color: #010101;
            font-weight: 600;
            font-size: 1em;
            margin-bottom: 0.8em;
        }

        .sticky-subMenu > ul > li > ul > li > ul {
            padding-left: 0em;
            margin-top: 0.5em;
            margin-bottom: 0.5em;
        }

            .sticky-subMenu > ul > li > ul > li > ul > li {
                margin-left: 0em;
            }

                .sticky-subMenu > ul > li > ul > li > ul > li a {
                    color: #010101;
                    font-weight: 300;
                    font-size: 0.8em;
                    margin-bottom: 0.8em;
                }

.keyword {
    background-color: yellow;
    display: inline-block;
    width: auto;
    
}

figure {
    margin-bottom: 0em;
    text-align: center;
    /*background-color: #f5f1e6;*/

}

figcaption {
    background-color: #EFEFEF;
    padding-left: 0.5em;
    text-align: left;
   
}

.hotContentCount {
    color: #000000;
}

a.hotContent {
    color: #000000;
    font-weight: 600;
}

    a.hotContent:hover {
        text-decoration: none;
        color: #fe7600;
    }

.shownONmobile {
    display: none;
}


figure.audio {
    background-color: transparent;
    padding: 0em;
}

    figure.audio figcaption {
        background-color: transparent;
    }



.owl-carousel .nav-btn{
    top: 50% !important;
}

@media only screen and (max-width: 1200px) {
    #mainContent {
        padding-top: 0;
    }

    .twoColumn {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    img[src*=".svg"] {
        width: 100%;
    }
}

.btnRow {
    display: none;
}

@media only screen and (max-width: 600px) {
    .btnRow {
        display: block;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    #main h1, .mainTitle {
        color: black;
        font-size: 1.5rem;
        line-height: 1.3em;
    }

    h2 {
        font-size: 1.2rem;
        line-height: 1.5em;
    }

    .shownONmobile {
        display: inline-block;
        border: 1px solid #0098a5;
        color: #0098a5;
    }

    .close-panel-bt {
        border: 0px solid #0098a5;
    }

    #left-panel-link {
        width: 44vw;
    }

    #right-panel-link {
        width: 44vw;
    }

    #exhib_info, #contentSubMenu {
        display: none;
    }
}