@charset "UTF-8";
/* Utillity Style */

/* width */
	.u-wi-100 { width: 100% !important; }
	.u-wi-a { width: auto !important; }
	/* max-width */
		.u-mxwi-100 { max-width: 100% !important; }

/* height */
	.u-he-100 { height: 100% !important; }
	.u-he-0 { height: 0 !important; }
	.u-he-a { height: auto !important; }
	/* max-height */
		.u-mxhe-100 { max-height: 100% !important; }

/* display */
	.u-di-n { display: none !important; }
	.u-di-i { display: inline !important; }
	.u-di-b { display: block !important; }
	.u-di-ib { display: inline-block !important; }
	.u-di-f { display: flex !important; }
	.u-di-if { display: inline-flex !important; }

/* flex */
	/* flex-direction */
		.u-fld-c { flex-direction: column !important; }
		.u-fld-cr { flex-direction: column-reverse !important; }
		.u-fld-r { flex-direction: row !important; }
		.u-fld-rr { flex-direction: row-reverse !important; }
	/* flex-wrap */
		.u-flw-w { flex-wrap: wrap !important; -webkit-flex-wrap: wrap !important; }
		.u-flw-wr { flex-wrap: wrap-reverse!important; -webkit-flex-wrap: -reverse !important; }
		.u-flw-nw { flex-wrap: nowrap !important; -webkit-flex-wrap: nowrap !important; }
	/* justify-content */
		.u-flj-fs { justify-content: flex-start !important; -webkit-justify-content: flex-start !important; }
		.u-flj-fe { justify-content: flex-end!important; -webkit-justify-content: flex-end !important; }
		.u-flj-c { justify-content: center !important; -webkit-justify-content: center !important; }
		.u-flj-sb { justify-content: space-between !important; -webkit-justify-content: space-between !important; }
		.u-flj-sa { justify-content: space-around !important; -webkit-justify-content: space-around !important; }
	/* align-items */
		.u-fli-fs { align-items: flex-start !important; -webkit-align-items: flex-start !important; }
		.u-fli-fe { align-items: flex-end !important; -webkit-align-items: flex-end !important; }
		.u-fli-c { align-items: center !important; -webkit-align-items: center !important; }
		.u-fli-s { align-items: stretch !important; -webkit-align-items: stretch !important; }
		.u-fli-b { align-items: baseline !important; -webkit-align-items: baseline !important; }
	/* align-content */
		.u-flc-fs { align-content: flex-start !important; -webkit-align-content: flex-start !important; }
		.u-flc-fe { align-content: flex-end !important; -webkit-align-content: flex-end !important; }
		.u-flc-c { align-content: center !important; -webkit-align-content: center !important; }
		.u-flc-s { align-content: stretch !important; -webkit-align-content: stretch !important; }
		.u-flc-sa { align-content: space-around !important; -webkit-align-content: space-around !important; }
		.u-flc-sb { align-content: space-between !important; -webkit-align-content: space-between !important; }

/* position */
	.u-po-r { position: relative !important; }
	.u-po-a { position: absolute !important; }
	.u-po-f { position: fixed !important; }
	.u-t-0 { top: 0 !important; }
	.u-b-0 { bottom: 0 !important; }
	.u-l-0 { left: 0 !important; }
	.u-r-0 { right: 0 !important; }

/* margin */
	.u-ma-a { margin: auto !important; }
	.u-ma-i { margin: inherit !important; }
	.u-ma-0a { margin: 0 auto !important; }
	.u-ma-1a { margin: 1rem auto !important; }
	.u-ma-2a { margin: 2rem auto !important; }
	.u-ma-3a { margin: 3rem auto !important; }
	.u-ma-4a { margin: 4rem auto !important; }
	.u-ma-5a { margin: 5rem auto !important; }
	.u-ma-0 { margin: 0 !important; }
	.u-ma-t0 { margin-top: 0 !important; }
	.u-ma-b0 { margin-bottom: 0 !important; }
	.u-ma-l0 { margin-left: 0 !important; }
	.u-ma-r0 { margin-right: 0 !important; }

/* padding */
	.u-pa-0 { padding: 0 !important; }
	.u-pa-t0 { padding-top: 0 !important; }
	.u-pa-b0 { padding-bottom: 0 !important; }
	.u-pa-l0 { padding-left: 0 !important; }
	.u-pa-r0 { padding-right: 0 !important; }

/* text */
	/* text-align */
		.u-ta-r { text-align: right !important; }
		.u-ta-l { text-align: left !important; }
		.u-ta-c { text-align: center !important; }
	/* vertical-align */
		.u-va-t { vertical-align: top !important; }
		.u-va-m { vertical-align: middle !important; }
		.u-va-b { vertical-align: bottom !important; }
		.u-va-tt { vertical-align: text-top !important; }
		.u-va-tb { vertical-align: text-bottom !important; }
	/* font-weight */
		.u-fw-n { font-weight: normal !important; }
		.u-fw-b { font-weight: bold !important; }