@charset "UTF-8";



.float_l{
	float: left;
}

.float_r{
	float: right;
}

.clearfix:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 0.1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}

.sidefit{
	text-align: justify;
}

.sidefit:after{
	content: ".";
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: 1px;
}

.ta_center{text-align:center;} .ta_right{text-align:right;} .ta_left{text-align:left;} .ta_justify{text-align:justify;}

.display_none{
	display: none;
}

.disable_select {
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

/* PC用 ******************************************************************************************* */

@media (max-width: 880px) {
	.pc{
		display: none !important;
	}
}

@media (min-width: 421px) {
	
	.float_l_pc{
		float: left;
	}

	.float_r_pc{
		float: right;
	}

}



/* スマホ用 **************************************************************************************** */

@media (min-width: 881px) {
	.sp{
		display: none !important;
	}
}

@media (max-width: 520px) {

	.float_l_sp{
		float: left;
	}

	.float_r_sp{
		float: right;
	}

}

@media (orientation: portrait){
	.sp_l{
		display: none !important;
	}
}

@media (orientation: landscape) and (min-width: 741px) {
	.sp_l{
		display: none !important;
	}
}

@media (orientation: landscape){
	.sp_p{
		display: none !important;
	}
}

@media (orientation: portrait) and (min-width: 421px) {
	.sp_p{
		display: none !important;
	}
}

/*  **************************************************************************************** */


/* PC と スマホの横向きに表示する */
@media (max-width: 420px) and (orientation: portrait){
	.pc_spl{
		display: none !important;
	}
}