body.novel,
body.novel a{
    color: #292929;
}

body.novel .header-button span{
    background-color: #fff;
}

body.open .header-button span{
    width:  30px;
    box-shadow: none;
    background-color: transparent;
}

body.novel .header-logo svg{
    width: 250px;
    stroke: #fff;
    filter: drop-shadow(0 0  6px #000);
}

body.novel .header-nav a{
    color: #fff;
    text-shadow: 0 0 6px #000;
}


.novel main{
    padding: 100px 0px;
}

.novel_title{
    display: block;
    width: 80%;
    margin: 0 auto ;
    padding-bottom: 1rem;
    font-size: 15px;
}

.novel_title h2{
    text-align: center;
}

.novel_title img{
    display: block;
    width: 300px;
    margin: 0 auto;
    padding-bottom: 1rem;
}

@media screen and (min-width:1024px){
    .novel_title img{
        width: 400px;
    }
}



.novel_detail{
    display: block;
    width: 320px;
    margin: 0 auto;
    padding-bottom: 1rem;
}

.novel_detail h3{
    text-align: center;
}
.novel_detail p{
    width: 100%;
    padding-bottom: 1rem;
}

@media screen and (min-width: 1024px){
    .novel_detail{
        width: 700px;
    }
}

.novel_index{
    display: block;
    width: 320px;
    margin: 0 auto;
}

@media screen and (min-width: 1024px){
    .novel_index{
        width: 700px;
    }
}

.text_area{
    display: block;
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    color: #292929;
    text-shadow:2px 2px 6px #fff,2px -2px 6px #fff,
    -2px 2px 6px #fff,-2px -2px 6px #fff ;
}

.text_area img{
    margin: 0 auto;
}
.text_area p{
    width: 95%;
    margin: 20px auto;
    font-weight: bold;
}

.img_contain{
    display: block;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}

@media screen and (min-width: 1024px){
    .text_area p{
        width: 80%;
    }

    .img_contain{
        height: 100%;
        max-width: 100%;
        max-height: 500px;
    }
}



section{
    display: block;
    width: 100%; 
    margin: 0 auto;
}

@media screen and (min-width: 1024px){
    section{
        width: 80%;
    }
}

.text_back0, .text_back1, .text_back1_0, .text_back1_1,
.text_back2_0, .text_back2_1, .text_back2_2,
.text_back3_0, .text_back3_1, .text_back3_2,
.text_back4_0, .text_back4_1{
    display: block;
    width: 100%;
    margin: 10px auto;
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1024px){
        .text_back0, .text_back1, .text_back1_0, .text_back1_1,
    .text_back2_0, .text_back2_1, .text_back2_2,
    .text_back3_0, .text_back3_1, .text_back3_2,
    .text_back4_0, .text_back4_1{
        width: 80%;
    }
}

.return_page{
    display: block;
    padding-top: 1rem; 
    text-align: center;
}

.text_back4_1{
    height: 90vw;
    background-position: center;
}
.text_back4_1 p{
    padding-left: 10vw;
}

@media screen and (min-width: 1024px){
    .text_back4_1{
        height: 1000px;
    }
}