#fanart {
    padding-top: 100px;
    margin-top: -100px;
}

/* add 2024/11/20 */
.abt-Content_Inner .about-box.comic .box-info {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
}

@media print, screen and (min-width: 1025px) {
    .abt-Content_Inner .about-box.comic .box-info {
        display: grid;
        display: -ms-grid;
        grid-template-columns: repeat(4, 1fr);
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto auto auto;
        -ms-grid-rows: 1fr 1fr 1fr;
        gap: 40px 20px;
    }
}

.abt-Content_Inner .about-box.comic .box-info .info-item:nth-of-type(1) {
    grid-row: 1;
    grid-column: 1 / span 4;
}

.abt-Content_Inner .about-box.comic .box-info .info-item:nth-of-type(2) {
    grid-row: 2;
    grid-column: 1;
}

@media screen and (max-width: 1024px) {
    .abt-Content_Inner .about-box.comic .box-info .info-item:nth-of-type(2) {
        grid-row: 2;
        grid-column: 1 / span 2;
    }
}

.abt-Content_Inner .about-box.comic .box-info .info-item:nth-of-type(3) {
    grid-row: 2;
    grid-column: 2 / span 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
}

@media screen and (max-width: 1024px) {
    .abt-Content_Inner .about-box.comic .box-info .info-item:nth-of-type(3) {
        grid-row: 2;
        grid-column: 3 / span 2;
    }

    .abt-Content_Inner .about-box.comic .box-info .info-item:nth-of-type(3) .body.column {
        flex-direction: column;
    }

}

.abt-Content_Inner .about-box.comic .box-info .info-item:nth-of-type(4) {
    grid-row: 3;
    grid-column: 1;
}

@media screen and (max-width: 1024px) {
    .abt-Content_Inner .about-box.comic .box-info .info-item:nth-of-type(4) {
        grid-row: 3;
        grid-column: 1 / span 2;
    }
}

.abt-Content_Inner .about-box.comic .box-info .info-item:nth-of-type(5) {
    grid-row: 3;
    grid-column: 2;
}

@media screen and (max-width: 1024px) {
    .abt-Content_Inner .about-box.comic .box-info .info-item:nth-of-type(5) {
        grid-row: 3;
        grid-column: 3 / span 2;
    }
}

.abt-Content_Inner .about-box.comic .box-info .info-item:nth-of-type(6) {
    grid-row: 3;
    grid-column: 3;
}

@media screen and (max-width: 1024px) {
    .abt-Content_Inner .about-box.comic .box-info .info-item:nth-of-type(6) {
        grid-row: 4;
        grid-column: 1 / span 2;
    }
}

.abt-Content_Inner .about-box.comic .box-info .info-item:nth-of-type(7) {
    grid-row: 3;
    grid-column: 4;
}

@media screen and (max-width: 1024px) {
    .abt-Content_Inner .about-box.comic .box-info .info-item:nth-of-type(7) {
        grid-row: 4;
        grid-column: 3 / span 2;
    }
}