.mz-grid-block{--mz-gap-x:2.5rem;--mz-gap-y:2.5rem;--mz-cols:3;position:relative;}
/* Masonryコンテナ左詰め（中央寄せ防止） */
.mz-grid-block, .mz-grid-block ul{ margin-right: 0; margin-left: 0; }
.mz-grid-block .mz-sizer, .mz-grid-block .mz-item{ float:left; }
/* listコンテナの余白・マーカーの影響を無効化 */
.mz-grid-block ul{padding:0;margin:0;list-style:none;}
/* gap を含めて幅を計算（幅合計=100% になるように調整） */
.mz-grid-block .mz-item{float:none !important;width:calc((100% - (var(--mz-gap-x) * (var(--mz-cols) - 1))) / var(--mz-cols)) !important;box-sizing:border-box;margin:0 0 var(--mz-gap-y) 0;border-radius:var(--mz-radius,0px);overflow:hidden;}
.mz-grid-block .mz-sizer{visibility:hidden;width:calc((100% - (var(--mz-gap-x) * (var(--mz-cols) - 1))) / var(--mz-cols)) !important;}
/* listモードでULがMasonryコンテナになる場合にも対応 */
.mz-grid-block ul .mz-item{float:none !important;width:calc((100% - (var(--mz-gap-x) * (var(--mz-cols) - 1))) / var(--mz-cols)) !important;box-sizing:border-box;margin:0 0 var(--mz-gap-y) 0;}
.mz-grid-block ul .mz-sizer{visibility:hidden;width:calc((100% - (var(--mz-gap-x) * (var(--mz-cols) - 1))) / var(--mz-cols)) !important;}
@media (max-width: 767.98px){
  .mz-grid-block{ /* --mz-cols は JS で切替 */ }
}


