/* ============================================ */
/* =          Responsive Grid System          = */
/* =          By Yuhei NAKATA                 = */
/* ============================================ */

/* ========== Commons ========== */
.g-cell-container {
	height:auto;
	margin: auto;
}
.g-cell {
	float:left;
	display:block
;	position:relative
}
.g-cell img, .g-cell object{
	width:100%;
	display:block;
	border:none;
	margin:0;
	padding:0;
 }

/* ========== mobile =========== */
.g-0-col{
	width:0%;
}
.g-1-col{
	width:7.8947368421053%;
}
.g-2-col{
	width:16.228070175439%;
}
.g-3-col{
	width:24.561403508772%;
}
.g-4-col{
	width:32.894736842105%;
}
.g-5-col{
	width:41.228070175439%;
}
.g-6-col{
	width:49.561403508772%;
}
.g-7-col{
	width:57.894736842105%;
}
.g-8-col{
	width:66.228070175439%;
}
.g-9-col{
	width:74.561403508772%;
}
.g-10-col{
	width:82.894736842105%;
}
.g-11-col{
	width:91.228070175439%;
}
.g-12-col{
	width:99.561403508772%;
}
.g-cell{
	margin:0.21929824561404%;
}	
.g-cell-container{
	width:98%;
}

/* ========== tablet =========== */
@media all and (min-width: 480px) {
	.g-t-0-col{
		width:0%;
	}
	.g-t-1-col{
		width:7.8947368421053%;
	}
	.g-t-2-col{
		width:16.228070175439%;
	}
	.g-t-3-col{
		width:24.561403508772%;
	}
	.g-t-4-col{
		width:32.894736842105%;
	}
	.g-t-5-col{
		width:41.228070175439%;
	}
	.g-t-6-col{
		width:49.561403508772%;
	}
	.g-t-7-col{
		width:57.894736842105%;
	}
	.g-t-8-col{
		width:66.228070175439%;
	}
	.g-t-9-col{
		width:74.561403508772%;
	}
	.g-t-10-col{
		width:82.894736842105%;
	}
	.g-t-11-col{
		width:91.228070175439%;
	}
	.g-t-12-col{
		width:99.561403508772%;
	}
	.g-t-cell{
		margin:0.21929824561404%;
	}		
	.g-cell-container{
		width:92%;
	}
}

/* ========== desktop =========== */
@media all and (min-width: 768px) {
	.g-d-0-col{
		width:0%;
	}
	.g-d-1-col{
		width:7.8947368421053%;
	}
	.g-d-2-col{
		width:16.228070175439%;
	}
	.g-d-3-col{
		width:24.561403508772%;
	}
	.g-d-4-col{
		width:32.894736842105%;
	}
	.g-d-5-col{
		width:41.228070175439%;
	}
	.g-d-6-col{
		width:49.561403508772%;
	}
	.g-d-7-col{
		width:57.894736842105%;
	}
	.g-d-8-col{
		width:66.228070175439%;
	}
	.g-d-9-col{
		width:74.561403508772%;
	}
	.g-d-10-col{
		width:82.894736842105%;
	}
	.g-d-11-col{
		width:91.228070175439%;
	}
	.g-d-12-col{
		width:99.561403508772%;
	}
	.g-d-cell{
		margin:0.21929824561404%;
	}		
	.g-cell-container{
		width:80%;
	}
}

/* ========== large =========== */
@media all and (min-width: 1280px) {
	.g-l-0-col{
		width:0%;
	}
	.g-l-1-col{
		width:7.8947368421053%;
	}
	.g-l-2-col{
		width:16.228070175439%;
	}
	.g-l-3-col{
		width:24.561403508772%;
	}
	.g-l-4-col{
		width:32.894736842105%;
	}
	.g-l-5-col{
		width:41.228070175439%;
	}
	.g-l-6-col{
		width:49.561403508772%;
	}
	.g-l-7-col{
		width:57.894736842105%;
	}
	.g-l-8-col{
		width:66.228070175439%;
	}
	.g-l-9-col{
		width:74.561403508772%;
	}
	.g-l-10-col{
		width:82.894736842105%;
	}
	.g-l-11-col{
		width:91.228070175439%;
	}
	.g-l-12-col{
		width:99.561403508772%;
	}
	.g-l-cell{
		margin:0.21929824561404%;
	}		
	.g-cell-container{
		width:1140px;
	}
}
