body {
    font-family: '源柔ゴシックXP Heavy', 'Times New Roman', "Baskerville", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ',
        'Meiryo', sans-serif;
    margin: 0px;
    padding: 0px;
    margin: 0 auto;
    width: 200px;
    height: 150px;
    white-space: nowrap;
    overflow: scroll;
    -ms-overflow-style: none;
    /* IE, Edge 対応 */
    scrollbar-width: none;
    /* Firefox 対応 */
}

body::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    display: none;
}

#toc_article {
    border: none;
}

#top_article {
    z-index: 15;
    width: 90%;
    position: fixed;
    top: 4%;
    left: 7%;
    float: left;
}

#top_article img {
    width: 65%;
}

#bottom_article {
    z-index: 5;
    width: 90%;
    position: fixed;
    /*bottom: 2.5%;*/
    top: 78%;
    left: 33%;
    float: right;
}

#bottom_article img {
    width: 65%;
}

#subject_article {
    z-index: 100;
    width: 80%;
    position: fixed;
    top: 0px;
    left: 0px;
    margin-left: 11.5%;
    margin-right: 11.5%;
    margin-top: 52%;
}

.cover {
    width: 100%;
    z-index: 8000;
    position: fixed;
    top: 0px;
    left: 0px;
}

.element_hide {
    display: none;
}

.title_img {
    width: 70%;
}

.sub_title {
    font-size: 1.5em;
    padding-bottom: 0px;
    margin: 2%;
}

.subtitle_img {
    width: 35%;
}

.subject_information h2 {
    font-size: 1.5em;
}

.subject_information p {
    font-size: 1.5em;
    margin-top: 0.5em;
    margin-bottom: 0em;
}

#subject_info_seat {
    font-size: 2em;
}

#subject_info_name {
    font-size: 2.5em;
}