/* 作品リストの全体レイアウト */
.dmm-api-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* PCでもスマホでも常に3列 */
    gap: 10px;
    justify-items: center;
    text-align: center;
}

/* 各アイテム */
.dmm-api-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* PC表示サイズ */
@media (min-width: 768px) {
    .dmm-image-wrap {
        width: 170px;
        height: 242px;
    }
    .dmm-img-dynamic {
        width: 170px;
        height: 242px;
        object-fit: cover;
        display: block;
    }
}

/* スマホサイズ */
@media (max-width: 767px) {
    .fanza-items {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 3カラム */
        gap: 8px;
        justify-items: center;
    }
    .fanza-items li {
        width: 100%;
        height: auto;
    }
    .fanza-items img {
        width: 100%;
        height: auto;
        aspect-ratio: 2 / 3; /* 縦横比キープ */
        object-fit: cover;
        display: block;
    }
}

/* タイトル（折り返し＆省略） */
.dmm-title {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.4;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 最大2行で省略 */
    -webkit-box-orient: vertical;
}