/* =========================================
   Bootstrap 5 gap utilities for Bootstrap 4
   ========================================= */

/*  基本 gap（XとY両方に適用） */
.gap-0 { gap: 0 !important; }
.gap-1 { gap: 0.25rem !important; }  /* 約4px */
.gap-2 { gap: 0.5rem !important; }   /* 約8px */
.gap-3 { gap: 1rem !important; }     /* 約16px */
.gap-4 { gap: 1.5rem !important; }   /* 約24px */
.gap-5 { gap: 3rem !important; }     /* 約48px */

/*  gap-x（左右方向のみ） */
.gap-x-0 { column-gap: 0 !important; }
.gap-x-1 { column-gap: 0.25rem !important; }
.gap-x-2 { column-gap: 0.5rem !important; }
.gap-x-3 { column-gap: 1rem !important; }
.gap-x-4 { column-gap: 1.5rem !important; }
.gap-x-5 { column-gap: 3rem !important; }

/*  gap-y（上下方向のみ） */
.gap-y-0 { row-gap: 0 !important; }
.gap-y-1 { row-gap: 0.25rem !important; }
.gap-y-2 { row-gap: 0.5rem !important; }
.gap-y-3 { row-gap: 1rem !important; }
.gap-y-4 { row-gap: 1.5rem !important; }
.gap-y-5 { row-gap: 3rem !important; }