@charset "utf-8";

.row {
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.row > .col_1_12 {
  width: calc((100% - 16px * 11) / 12);
}
.row > .col_2_12 {
  width: calc((100% - 16px * 11) / 12 * 2 + 16px);
}
.row > .col_3_12 {
  width: calc((100% - 16px * 11) / 12 * 3 + 16px * 2);
}
.row > .col_4_12 {
  width: calc((100% - 16px * 11) / 12 * 4 + 16px * 3);
}
.row > .col_5_12 {
  width: calc((100% - 16px * 11) / 12 * 5 + 16px * 4);
}
.row > .col_6_12 {
  width: calc((100% - 16px * 11) / 12 * 6 + 16px * 5);
}
.row > .col_7_12 {
  width: calc((100% - 16px * 11) / 12 * 7 + 16px * 6);
}
.row > .col_8_12 {
  width: calc((100% - 16px * 11) / 12 * 8 + 16px * 7);
}
.row > .col_9_12 {
  width: calc((100% - 16px * 11) / 12 * 9 + 16px * 8);
}
.row > .col_10_12 {
  width: calc((100% - 16px * 11) / 12 * 10 + 16px * 9);
}
.row > .col_11_12 {
  width: calc((100% - 16px * 11) / 12 * 11 + 16px * 10);
}
.row > .col_12_12 {
  width: 100%;
}
.row > [class*="col_"] {
  box-sizing: border-box;
}
@media all and (max-width: 959px) {
  .row:not(.not_fluid) > [class*="col_"] {
    width: 100%;
    margin-bottom: 16px;
  }
  .row:not(.not_fluid) > [class*="col_"]:last-child {
    margin-bottom: 0;
  }
}