/***
 *	Flex
 *	2020-06-14
 */

	.flex, .m-flex,
	.m-start, .m-xl,
	.m-end, .m-xr,
	.m-center, .m-xc,
	.m-top, .m-yt,
	.m-bottom, .m-yb,
	.m-middle, .m-yc,
	.m-around, .m-between, .m-evenly { display: flex; }

	/* horizontal align */
	.m-start, .m-xl { justify-content: flex-start; }
	.m-end, .m-xr { justify-content: flex-end; }
	.m-center, .m-xc { justify-content: center; }


	/* vertical align */
	.m-top, .m-yt { align-items: flex-start; }
	.m-bottom, .m-yb { align-items: flex-end; }
	.m-middle, .m-yc { align-items: center; }


	/* Distribute Space */
	.m-around { justify-content: space-around; }
	.m-between { justify-content: space-between; }
	.m-evenly { justify-content: space-evenly; }


	/* -mb */
@media only screen and ( min-width: 360px ){
	.flex-mb, .m-flex-mb,
	.m-start-mb, .m-xl-mb,
	.m-end-mb, .m-xr-mb,
	.m-center-mb, .m-xc-mb,
	.m-top-mb, .m-yt-mb,
	.m-bottom-mb, .m-yb-mb,
	.m-middle-mb, .m-yc-mb,
	.m-around-mb, .m-between-mb, .m-evenly-mb { display: flex; }

	/* horizontal align */
	.m-start-mb, .m-xl-mb { justify-content: flex-start; }
	.m-end-mb, .m-xr-mb { justify-content: flex-end; }
	.m-center-mb, .m-xc-mb { justify-content: center; }


	/* vertical align */
	.m-top-mb, .m-yt-mb { align-items: flex-start; }
	.m-bottom-mb, .m-yb-mb { align-items: flex-end; }
	.m-middle-mb, .m-yc-mb { align-items: center; }


	/* Distribute Space */
	.m-around-mb { justify-content: space-around; }
	.m-between-mb { justify-content: space-between; }
	.m-evenly-mb { justify-content: space-evenly; }
}

/* -tb */
@media only screen and ( min-width: 600px ){
	.flex-tb, .m-flex-tb,
	.m-start-tb, .m-xl-tb,
	.m-end-tb, .m-xr-tb,
	.m-center-tb, .m-xc-tb,
	.m-top-tb, .m-yt-tb,
	.m-bottom-tb, .m-yb-tb,
	.m-middle-tb, .m-yc-tb,
	.m-around-tb, .m-between-tb, .m-evenly-tb { display: flex; }

	/* horizontal align */
	.m-start-tb, .m-xl-tb { justify-content: flex-start; }
	.m-end-tb, .m-xr-tb { justify-content: flex-end; }
	.m-center-tb, .m-xc-tb { justify-content: center; }


	/* vertical align */
	.m-top-tb, .m-yt-tb { align-items: flex-start; }
	.m-bottom-tb, .m-yb-tb { align-items: flex-end; }
	.m-middle-tb, .m-yc-tb { align-items: center; }


	/* Distribute Space */
	.m-around-tb { justify-content: space-around; }
	.m-between-tb { justify-content: space-between; }
	.m-evenly-tb { justify-content: space-evenly; }
}

/* -dt */
@media only screen and ( min-width: 900px ){
	.flex-dt, .m-flex-dt,
	.m-start-dt, .m-xl-dt,
	.m-end-dt, .m-xr-dt,
	.m-center-dt, .m-xc-dt,
	.m-top-dt, .m-yt-dt,
	.m-bottom-dt, .m-yb-dt,
	.m-middle-dt, .m-yc-dt,
	.m-around-dt, .m-between-dt, .m-evenly-dt { display: flex; }

	/* horizontal align */
	.m-start-dt, .m-xl-dt { justify-content: flex-start; }
	.m-end-dt, .m-xr-dt { justify-content: flex-end; }
	.m-center-dt, .m-xc-dt { justify-content: center; }


	/* vertical align */
	.m-top-dt, .m-yt-dt { align-items: flex-start; }
	.m-bottom-dt, .m-yb-dt { align-items: flex-end; }
	.m-middle-dt, .m-yc-dt { align-items: center; }


	/* Distribute Space */
	.m-around-dt { justify-content: space-around; }
	.m-between-dt { justify-content: space-between; }
	.m-evenly-dt { justify-content: space-evenly; }
}

/* -xx */
@media only screen and ( min-width: 1440px ){
	.flex-xx, .m-flex-xx,
	.m-start-xx, .m-xl-xx,
	.m-end-xx, .m-xr-xx,
	.m-center-xx, .m-xc-xx,
	.m-top-xx, .m-yt-xx,
	.m-bottom-xx, .m-yb-xx,
	.m-middle-xx, .m-yc-xx,
	.m-around-xx, .m-between-xx, .m-evenly-xx { display: flex; }

	/* horizontal align */
	.m-start-xx, .m-xl-xx { justify-content: flex-start; }
	.m-end-xx, .m-xr-xx { justify-content: flex-end; }
	.m-center-xx, .m-xc-xx { justify-content: center; }


	/* vertical align */
	.m-top-xx, .m-yt-xx { align-items: flex-start; }
	.m-bottom-xx, .m-yb-xx { align-items: flex-end; }
	.m-middle-xx, .m-yc-xx { align-items: center; }


	/* Distribute Space */
	.m-around-xx { justify-content: space-around; }
	.m-between-xx { justify-content: space-between; }
	.m-evenly-xx { justify-content: space-evenly; }
}