@charset "utf-8";

.flex{
	@include display-flex;
	@include flex-direction(row);
	@include justify-content(space-between);
	@include align-items(stretch);
	@include flex-wrap(wrap);
	width:100%;
	/*
	@media #{$spn}{
		@include flex-direction(column);
		li{
			margin-bottom:$space-small;
		}
	}
	*/
	/* 列の数 */
	&.flex_row4{
		> .flex_child{
			width:24%;
			margin-bottom:$space-small;
			/*
			@media #{$spn}{
				width:100%;
			}
			*/
		}
	}
	&.flex_row3{
		> .flex_child{
			width:31%;
			margin-bottom:$space-small;
			/*
			@media #{$spn}{
				width:100%;
			}
			*/
		}
	}
	&.flex_row2{
		> .flex_child{
			width:49%;
			margin-bottom:$space-small;
			/*
			@media #{$spn}{
				width:100%;
			}
			*/
		}
	}
}