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

// Mobileサイズ
@mixin mobile {

	@media screen and (max-width: 599px) {
		@content;
	}
}

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

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

// PC以上
@mixin pc {

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

// PC未満
@mixin sp {

	@media screen and (max-width: 959px) {
		@content;
	}
}