.grid .col_1 {
  width: 8.3333%;
}

.grid .col_10 {
  width: 83.3333%;
}

.grid .col_11 {
  width: 91.6666%;
}

.grid .col_12 {
  width: 100%;
}

.grid .col_2 {
  width: 16.6666%;
}

.grid .col_3 {
  width: 25%;
}

.grid .col_4 {
  width: 33.3333%;
}

.grid .col_5 {
  width: 41.6666%;
}

.grid .col_6 {
  width: 50%;
}

.grid .col_7 {
  width: 58.3333%;
}

.grid .col_8 {
  width: 66.6666%;
}

.grid .col_9 {
  width: 75%;
}

.grid [class^="col_"] {
  box-sizing: border-box;
  display: table-cell;
  padding-left: 7.5px;
  padding-right: 7.5px;
  vertical-align: top;
}

.grid [class^="col_"]:first-child {
  padding-left: 0;
}

.grid [class^="col_"]:last-child {
  padding-right: 0;
}

/*==== SP ====*/
@media screen and (max-width: 541px) {
	.grid {
		display: inline-block;
	}
	.grid [class^="col_"] {
		padding-left: 0px;
		padding-right: 0px;
	}
	.grid [class^="col_"] {
		display: inline-block;
		width: 100%;
	}
	.grid [class^="col_"],
	.contents [class^="col-xs-"],
	.contents [class^="col-sm-"],
	.contents [class^="col-md-"],
	.contents [class^="col-lg-"]{
		width: 100%;
		display: inline-block;
	}


}