// mixin / extend / variable
@import "_setting";

/*--------------------------------------------------------------- */
/* 全体で使用する module style を記述
/*--------------------------------------------------------------- */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}


/*-------------------------------------------> flexbox */
.flex {
	display: flex;
	&.sp_column {
		@media screen and ($less-tab) {
			flex-direction: column;
		}
	}
	&.sp_column_reverse {
		@media screen and ($less-tab) {
			flex-direction: column-reverse;
		}
	}
}

.mod_table {
	display: table;
	> dl {
		display: table-row-group;
		> dt, > dd {
			display: table-cell;
			text-align: left;
			vertical-align: top;
			font-weight: inherit;
		}
	}
}