/***
 *	Display
 *	2018-05-08
 */

.show { display: inherit }
.hide { display: none }

.inline { display: inline }

.inline-block,
.ib { display: inline-block }

.ib-child > *,
.inline-block-child > * { display: inline-block }

.show-ss,
.show-mb,
.show-tb,
.show-dt,
.show-xx { display: none }


/* >= 1440 : xx */
@media only screen and ( min-width: 1440px ){
	.show-xx { display: inherit }
	.hide-xx { display: none }
	
	.inline-block-xx,
	.ib-xx { display: inline-block }

	.ib-child-xx > *,
	.inline-block-child-xx > * { display: inline-block }
}


/* < 1200 : dt */
@media only screen and ( max-width: 1199px ){
	.show-dt { display: inherit }
	.hide-dt { display: none }
	
	.inline-block-dt,
	.ib-dt { display: inline-block }

	.ib-child-dt > *,
	.inline-block-child-dt > * { display: inline-block }
}


/* < 899 : tb */
@media only screen and ( max-width: 899px ){
	.show-tb { display: inherit }
	.hide-tb { display: none }
	
	.inline-block-tb,
	.ib-tb { display: inline-block }

	.ib-child-tb > *,
	.inline-block-child-tb > * { display: inline-block }
}


/* < 599 : mb */
@media only screen and ( max-width: 599px ){
	.show-mb { display: inherit }
	.hide-mb { display: none }
	
	.inline-block-mb,
	.ib-mb { display: inline-block }

	.ib-child-mb > *,
	.inline-block-child-mb > * { display: inline-block }
}


/* < 360 : ss */
@media only screen and ( max-width: 359px ){
	.show-ss { display: inherit }
	.hide-ss { display: none }
	
	.inline-block-ss,
	.ib-ss { display: inline-block }

	.ib-child-ss > *,
	.inline-block-child-ss > * { display: inline-block }
}