/* CSS Document */

.column100 {
	float: left;
	width: 100%;
}
.column75 {
	float: left;
	width: 710px;
	margin-left:40px;
}
.column75:first-child{
	margin-left:0px;
}

.column66 {
	float: left;
	width: 620px;
	margin-left:60px;
}
.column66:first-child{
	margin-left:0px;
}
.column50 {
	float: left;
	width: 450px;
}
.column50:first-child{
	margin-right:60px;
}

.column50 .column25 {
	float: left;
	margin-left:0px;
}
.column50 .column25:first-child{
	margin-right:30px;
}

.column33 {
	float: left;
	width: 280px;
	margin-left:60px;
}
.column33:first-child{
	margin-left:0px;
}
.column25 {
	float: left;
	width: 210px;
	margin-left:40px;
}
.column25:first-child{
	margin-left:0px;
}

@charset "utf-8";

/* TB
--------------------------------------------------*/
@media only screen and (max-width:1023px) {

	.column100,
	.column75,
	.column66,
	.column50,
	.column33,
	.column25{
		margin-left:0px !important;
		margin-right:0px !important;
	}

	.column100 {
		float: left;
		width: 100%;
	}

	.column75 {
		float: left;
		width: 72%;
		margin-left:3% !important;
	}
	.column75:first-child {
		margin-left:0% !important;
	}

	.column66 {
		float: left;
		width: 60%;
		margin-left:4% !important;
	}
	.column66:first-child {
		margin-left:0% !important;
	}
	.column50 {
		float: left;
		width: 48%;
	}
	.column50:first-child {
		margin-right:4% !important;
	}
	.column33 {
		float: left;
		width: 30%;
		margin-left:3% !important;
	}
	.column33:first-child {
		margin-left:0% !important;
	}
	.column25 {
		float: left;
		width: 48%;
	}
	.column25:first-child {
		margin-right:4% !important;
	}

}


/* SP
--------------------------------------------------*/
@media only screen and (max-width:767px) {
	.column100,
	.column75,
	.column66,
	.column50,
	.column33,
	.column25{
		margin-left:0px;
		margin-right:0px;
	}

	.column100,
	.column75,
	.column66,
	.column50,
	.column33{
		width: 100%;
	}
	.column25{
		width: 48%;
	}


}