@media (max-width: 1199.98px) {
	.display-pc:not(.display-tb):not(.display-sp) {
		/* opacity:0.5;
		filter: grayscale(100%); */
		display: none;
		content-visibility: hidden;
	}
}

@media (orientation: portrait) {
	/* .display-sp の場合、縦で横600px以上を非表示（ただし .display-tb や .display-pc を含むものは除外） */
	@media (min-width: 600px) {
		.display-sp:not(.display-tb):not(.display-pc) {
			/* opacity:0.5;
		filter: grayscale(100%); */
			display: none;
			content-visibility: hidden;
		}
	}

	/* .display-tb の場合、縦で横1200px以上、または600px未満を非表示（ただし .display-pc.display-tb.display-sp や .display-pc.display-tb や .display-tb.display-sp は除外） */
	@media (max-width: 599.98px), (min-width: 1200px) {

		/* @media (max-width: 599.98px), (min-width: 700px) { */
		.display-tb:not(.display-pc):not(.display-sp) {
			/* opacity:0.5;
		filter: grayscale(100%); */
			display: none;
			content-visibility: hidden;
		}
	}

	/* ============================== */
	/* 各クラスの組み合わせに対する追加設定 */
	/* ============================== */

	/* .display-pc.display-tb の場合、縦で幅600px未満で非表示（ただし .display-sp を含むものは除外） */
	@media (max-width: 599.98px) {
		.display-pc.display-tb:not(.display-sp) {
			/* opacity:0.5;
		filter: grayscale(100%); */
			display: none;
			content-visibility: hidden;
		}
	}

	/* .display-pc.display-sp の場合、縦で幅600px〜1199pxを非表示（ただし .display-tb を含むものは除外） */
	@media (min-width: 600px) and (max-width: 1199.98px) {

		/* @media (min-width: 600px) and (max-width: 699.98px) { */
		.display-pc.display-sp:not(.display-tb) {
			/* opacity:0.5;
		filter: grayscale(100%); */
			display: none;
			content-visibility: hidden;
		}
	}

	/* .display-tb.display-sp の場合、縦で幅1200px以上を非表示（ただし .display-pc を含むものは除外） */
	@media (min-width: 1200px) {

		/* @media (min-width: 700px) { */
		.display-tb.display-sp:not(.display-pc) {
			/* opacity:0.5;
		filter: grayscale(100%); */
			display: none;
			content-visibility: hidden;
		}
	}
}

/* .display-pc の場合、1200px未満を非表示（ただし .display-tb や .display-sp を含むものは除外）PCは縦横考慮しない */
/* 1200px未満の場合、.display-pc は表示しない（ただし .display-tb や .display-sp を含むものは除外） */
/*@media (max-height: 1199.98px) {
	.display-pc:not(.display-tb):not(.display-sp) {
		opacity:0.5;
		filter: grayscale(100%);
		*/
/* display: none; */
/*
	}
}*/
@media (orientation: landscape) {

	/* .display-sp の場合、横で高さ600px以上で非表示（ただし .display-tb.display-pc を含むものは除外） */
	@media (min-height: 600px) {
		.display-sp:not(.display-tb):not(.display-pc) {
			/* opacity:0.5;
		filter: grayscale(100%); */
			display: none;
			content-visibility: hidden;
		}
	}

	/* .display-tb の場合、横で高さ600px未満、1200px以上で非表示（ただし .display-pc.display-sp を含むものは除外） */
	/* @media (max-height: 599.98px), (min-height: 1200px) { */
	/* .display-tb の場合、横で高さ600px未満、幅1200px以上で非表示（ただし .display-pc.display-sp を含むものは除外） */
	@media (max-height: 599.98px), (min-width: 1200px) {
		.display-tb:not(.display-pc):not(.display-sp) {
			/* opacity:0.5;
			filter: grayscale(100%); */
			display: none;
			content-visibility: hidden;
		}
	}

	/* ============================== */
	/* 各クラスの組み合わせに対する追加設定 */
	/* ============================== */

	/* .display-pc.display-tb の場合、横で高さ600px未満で非表示（ただし、.display-sp を含むものは除く） */
	@media (max-height: 599.98px) {
		.display-pc.display-tb:not(.display-sp) {
			/* opacity:0.5;
			filter: grayscale(100%); */
			display: none;
			content-visibility: hidden;
		}
	}

	/* .display-pc.display-sp の場合、横で高さ600px〜1199pxの間を非表示（ただし、.display-tb を含むものは除く） */
	/* @media (min-height: 600px) and (max-height: 1199.98px) { */
	/* .display-pc.display-sp の場合、横で高さ600px以上で、幅1200px未満の場合、非表示（ただし、.display-tb を含むものは除く） */
	@media (min-height: 600px) and (max-width: 1199.98px) {
		.display-pc.display-sp:not(.display-tb) {
			/* opacity:0.5;
			filter: grayscale(100%); */
			display: none;
			content-visibility: hidden;
		}
	}

	/* .display-tb.display-sp の場合、横で高さ1200px以上で非表示（ただし、.display-pc を含むものは除く） */
	/* @media (min-height: 1200px) { */
	/* .display-tb.display-sp の場合、横で幅1200px以上で非表示（ただし、.display-pc を含むものは除く） */
	@media (min-width: 1200px) {
		.display-tb.display-sp:not(.display-pc) {
			/* opacity:0.5;
			filter: grayscale(100%); */
			display: none;
			content-visibility: hidden;
		}
	}
}

/* ============================== */
/* ビューポートの向き（landscape & portrait） */
/* ============================== */

/* 横向き（landscape）のとき .display-portrait を非表示 */
@media (orientation: landscape) {
	.display-portrait {
		/* opacity:0.5;
		filter: grayscale(100%); */
		display: none;
		content-visibility: hidden;
		img{
			content-visibility: hidden;
		}
	}
}

/* 縦向き（portrait）のとき .display-landscape を非表示 */
@media (orientation: portrait) {
	.display-landscape {
		/* opacity:0.5;
		filter: grayscale(100%); */
		display: none;
		content-visibility: hidden;
		img{
			content-visibility: hidden;
		}
	}
}

/* .display-pc{
	display: none !important;
}
@media (min-width:1280px) {
	.display-pc{
		display: block !important;
	}
	.display-tb{
		display: none !important;
	}
} */