.masonry {
list-style: none;
margin: 0;
padding: 0;
column-count: 3;
column-gap: 12px;
}

.mcard {
display: inline-block;   /* カラム内で正しく積まれるために必要 */
width: 100%;             /* カラム幅いっぱいに広げる */
box-sizing: border-box;
margin: 0 0 12px;        /* カード間の縦の余白 */
break-inside: avoid;     /* カードが列の途中で割れるのを防ぐ */

/* 見た目は自由に調整してください */
background: #fff;
border: 1px solid #ddd;
border-radius: 12px;
padding: 1rem 1.25rem;
}

.mcard h3 {
margin: 0 0 8px;
}

.mcard p {
margin: 0;
line-height: 1.6;
}

.mcard.large {
height: 360px;
overflow: hidden;
}

.mcard.medium {
height: 240px;
overflow: hidden;
}

.mcard.small {
height: 140px;
overflow: hidden;
}