@charset "utf-8";
/* CSS Document */

/*　colを５分割　*/

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}   
.col-xs-1-5 {
    width: 20%;
    float: left;
}
.col-xs-2-5 {
    width: 40%;
    float: left;
}

.col-xs-3-5 {
    width: 60%;
    float: left;
}

.col-xs-4-5 {
    width: 80%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
    col-sm-2-5 {
        width: 40%;
        float: left;
    }
    col-sm-3-5 {
        width: 60%;
        float: left;
    }
    col-sm-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
    .col-md-2-5 {
        width: 40%;
        float: left;
    }
    .col-md-3-5 {
        width: 60%;
        float: left;
    }
    .col-md-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1320px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
    .col-lg-2-5 {
        width: 40%;
        float: left;
    }
    .col-lg-3-5 {
        width: 60%;
        float: left;
    }
    .col-lg-4-5 {
        width: 80%;
        float: left;
    }
}


/*　colを７分割　*/

.col-xs-1-7, .col-sm-1-7, .col-md-1-7, .col-lg-1-7,
.col-xs-2-7, .col-sm-2-7, .col-md-2-7, .col-lg-2-7,
.col-xs-3-7, .col-sm-3-7, .col-md-3-7, .col-lg-3-7,
.col-xs-4-7, .col-sm-4-7, .col-md-4-7, .col-lg-4-7,
.col-xs-5-7, .col-sm-5-7, .col-md-5-7, .col-lg-5-7,
.col-xs-6-7, .col-sm-6-7, .col-md-6-7, .col-lg-6-7 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}   
.col-xs-1-7 {
    width: 14.285%;
    float: left;
}
.col-xs-2-7 {
    width: 28.57%;
    float: left;
}

.col-xs-3-7 {
    width: 42.855%;
    float: left;
}
.col-xs-4-7 {
    width: 57.14%;
    float: left;
}
.col-xs-5-7 {
    width: 71.425%;
    float: left;
}
.col-xs-6-7 {
    width: 85.71%;
    float: left;
}
@media (min-width: 768px) {
		.col-sm-1-7 {
				width: 14.285%;
				float: left;
		}
		.col-sm-2-7 {
				width: 28.57%;
				float: left;
		}
		
		.col-sm-3-7 {
				width: 42.855%;
				float: left;
		}
		.col-sm-4-7 {
				width: 57.14%;
				float: left;
		}
		.col-sm-5-7 {
				width: 71.425%;
				float: left;
		}
		.col-sm-6-7 {
				width: 85.71%;
				float: left;
		}
}
@media (min-width: 992px) {
		.col-md-1-7 {
				width: 14.285%;
				float: left;
		}
		.col-md-2-7 {
				width: 28.57%;
				float: left;
		}
		
		.col-md-3-7 {
				width: 42.855%;
				float: left;
		}
		.col-md-4-7 {
				width: 57.14%;
				float: left;
		}
		.col-md-5-7 {
				width: 71.425%;
				float: left;
		}
		.col-md-6-7 {
				width: 85.71%;
				float: left;
		}
}
@media (min-width: 1320px) {
		.col-lg-1-7 {
				width: 14.285%;
				float: left;
		}
		.col-lg-2-7 {
				width: 28.57%;
				float: left;
		}
		
		.col-lg-3-7 {
				width: 42.855%;
				float: left;
		}
		.col-lg-4-7 {
				width: 57.14%;
				float: left;
		}
		.col-lg-5-7 {
				width: 71.425%;
				float: left;
		}
		.col-lg-6-7 {
				width: 85.71%;
				float: left;
		}
}


/*　colを９分割　*/

.col-xs-1-9, .col-sm-1-9, .col-md-1-9, .col-lg-1-9,
.col-xs-2-9, .col-sm-2-9, .col-md-2-9, .col-lg-2-9,
.col-xs-3-9, .col-sm-3-9, .col-md-3-9, .col-lg-3-9,
.col-xs-4-9, .col-sm-4-9, .col-md-4-9, .col-lg-4-9,
.col-xs-5-9, .col-sm-5-9, .col-md-5-9, .col-lg-5-9,
.col-xs-6-9, .col-sm-6-9, .col-md-6-9, .col-lg-6-9,
.col-xs-7-9, .col-sm-7-9, .col-md-7-9, .col-lg-7-9,
.col-xs-8-9, .col-sm-8-9, .col-md-8-9, .col-lg-8-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}   
.col-xs-1-9 {
    width: 11.111%;
    float: left;
}
.col-xs-2-9 {
    width: 22.222%;
    float: left;
}

.col-xs-3-9 {
    width: 33.333%;
    float: left;
}
.col-xs-4-9 {
    width: 44.444%;
    float: left;
}
.col-xs-5-9 {
    width: 55.555%;
    float: left;
}
.col-xs-6-9 {
    width: 66.666%;
    float: left;
}
.col-xs-7-9 {
    width: 77.777%;
    float: left;
}
.col-xs-8-9 {
    width: 88.888%;
    float: left;
}
@media (min-width: 768px) {
	.col-sm-1-9 {
			width: 11.111%;
			float: left;
	}
	.col-sm-2-9 {
			width: 22.222%;
			float: left;
	}
	
	.col-sm-3-9 {
			width: 33.333%;
			float: left;
	}
	.col-sm-4-9 {
			width: 44.444%;
			float: left;
	}
	.col-sm-5-9 {
			width: 55.555%;
			float: left;
	}
	.col-sm-6-9 {
			width: 66.666%;
			float: left;
	}
	.col-sm-7-9 {
			width: 77.777%;
			float: left;
	}
	.col-sm-8-9 {
			width: 88.888%;
			float: left;
	}
}
@media (min-width: 992px) {
	.col-md-1-9 {
			width: 11.111%;
			float: left;
	}
	.col-md-2-9 {
			width: 22.222%;
			float: left;
	}
	
	.col-md-3-9 {
			width: 33.333%;
			float: left;
	}
	.col-md-4-9 {
			width: 44.444%;
			float: left;
	}
	.col-md-5-9 {
			width: 55.555%;
			float: left;
	}
	.col-md-6-9 {
			width: 66.666%;
			float: left;
	}
	.col-md-7-9 {
			width: 77.777%;
			float: left;
	}
	.col-md-8-9 {
			width: 88.888%;
			float: left;
	}
}
@media (min-width: 1320px) {
	.col-lg-1-9 {
			width: 11.111%;
			float: left;
	}
	.col-lg-2-9 {
			width: 22.222%;
			float: left;
	}
	
	.col-lg-3-9 {
			width: 33.333%;
			float: left;
	}
	.col-lg-4-9 {
			width: 44.444%;
			float: left;
	}
	.col-lg-5-9 {
			width: 55.555%;
			float: left;
	}
	.col-lg-6-9 {
			width: 66.666%;
			float: left;
	}
	.col-lg-7-9 {
			width: 77.777%;
			float: left;
	}
	.col-lg-8-9 {
			width: 88.888%;
			float: left;
	}
}