/* --- レスポンシブカラムレイアウト --- */
.typemill-columns {
    display: grid;
    gap: 20px;
    margin: 20px 0;
}

/* カラム数の設定 */
.typemill-columns-1 {
    grid-template-columns: 1fr;
}

.typemill-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.typemill-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.typemill-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.typemill-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.typemill-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

/* カラム内のコンテンツ */
.typemill-column {
    min-width: 0; /* グリッドアイテムのオーバーフロー対策 */
}

.typemill-column img {
    max-width: 100%;
    height: auto;
}

/* スマートフォン: 1列表示 */
@media (max-width: 768px) {
    .typemill-columns-2,
    .typemill-columns-3,
    .typemill-columns-4,
    .typemill-columns-5,
    .typemill-columns-6 {
        grid-template-columns: 1fr;
    }
}