//------------------------------------------
// Media Query用
//------------------------------------------

// Mobileサイズ
@mixin mobile {

	// 600px未満
	@media not all and (min-width: 600px) {
		@content;
	}
}

// Tabの縦向き以上
@mixin tab {

	@media screen and (min-width: 600px) {
		@content;
	}
}

@mixin sp {

	// 1000px未満
	@media not all and (min-width: 1000px) {
		@content;
	}
}


@mixin pc {

	@media (min-width: 1000px) {
		@content;
	}
}

