body{

    margin:0;
    background:#0d0d0d;
    color:#f5f5f5;
    font-family:"Noto Sans JP",sans-serif;
    line-height:2.4;

}

.novel-header{

    padding:30px;
    text-align:center;
    border-bottom:1px solid rgba(255,255,255,.08);

}

.novel-logo{

    color:#fff;
    text-decoration:none;
    letter-spacing:.3em;
    font-family:"Playfair Display",serif;

}

.novel-hero{

    padding:120px 20px 80px;
    text-align:center;

}

.novel-number{

    color:#d60000;
    letter-spacing:.3em;

}

.novel-hero h1{

    font-size:clamp(2.5rem,6vw,5rem);
    margin:20px 0;
    font-family:"Playfair Display",serif;

}

.novel-sub{

    color:#999;
    letter-spacing:.3em;

}

.novel-content{

    max-width:760px;
    margin:auto;
    padding:0 30px 120px;

}

.novel-content p{

    margin:0 0 2em;

}

.novel-nav{

    max-width:760px;
    margin:0 auto 100px;

    display:flex;
    justify-content:space-between;

    padding:0 30px;

}

.novel-nav a{

    color:#fff;
    text-decoration:none;

    border:1px solid #d60000;

    padding:15px 30px;

    transition:.3s;

}

.novel-nav a:hover{

    background:#d60000;

}

.novel-footer{

    text-align:center;
    padding:40px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#777;

}