.belowHeading
{
    display : flex;
    flex-direction : row;
    flex-wrap : nowrap;
    justify-content : flex-start;
    align-items : flex-start;
}

    .belowHeading .left
    {
        flex-basis : 20%;
        max-width : 200px;
        flex-grow : 1;
        flex-shrink : 1;
    }

    .belowHeading .right {
        padding-top : 10px;
        flex-basis: 80%;
        flex-grow: 4;
        flex-shrink: 4;
    }

.nodeStyle01 {
    white-space:break-spaces;
}

/* 分頁 */
.Paging {
    text-align: right;
    font-size: medium;
    width: 100%;
    letter-spacing: 0.7em;
}


.allBooks
{
    margin-bottom : 2rem;
}

    .allBooks .eachBook {
        border-bottom : solid 1px;
        margin-bottom : 2rem;
        padding-bottom : 2rem;
        overflow : hidden;
        position : relative;
    }

    .allBooks .oneRow {
        display : flex;
        flex-direction : row;
        flex-wrap : nowrap;
        justify-content : flex-start;
        align-items : flex-start;
    }

    .allBooks .label {
        flex-basis : 100px;
        flex-grow : 0;
        flex-shrink : 0;
    }

    .allBooks .content {
        flex-basis: 87%;
        flex-grow: 1;
        flex-shrink: 1;
    }

    .allBooks .bookCover {
        max-width: min(30%, 300px);
        height: auto;
        float: right;
        margin-left: 1rem;
        margin-bottom: 1rem;
    }

@media screen and (max-width: 768px) {

    .belowHeading {
        display: block;
    }
    .allBooks .bookCover {
        max-width: 250px;
    }

    .allBooks .oneRow {
        display: block;
    }

    .allBooks .label {
        
    }

    .allBooks .content {
        padding : 5px 0 5px 10px;
    }

    .allBooks .bookCover {
        
    }
}