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


/* ----- grid ----- */

.container:after, .row:after, .col:after, .clr:after, .group:after {
    clear: both;
    content: "";
    display: table;
}
.col_12,.col_11,.col_10,.col_9,.col_8,.col_7,.col_6,.col_5,.col_4,.col_3,.col_2,.col_1 {/* ボックスのスタイル*/
    box-sizing:border-box;
}

@media screen and (min-width: 480px) and (max-width: 767px)  {/* 480px - 767px用 */
  /* marginなし */
  .tb_col_12,.tb_col_11,.tb_col_10,.tb_col_9,.tb_col_8,.tb_col_7,.tb_col_6,.tb_col_5,.tb_col_4,.tb_col_3,.tb_col_2,.tb_col_1 {
    float:left;
  }
  .tb_col_12 {
    width: 100%;
  }
  .tb_col_11 {
    width: 91.66666667%;
  }
  .tb_col_10 {
    width: 83.33333333%;
  }
  .tb_col_9 {
    width: 75%;
  }
  .tb_col_8 {
    width: 66.66666667%;
  }
  .tb_col_7 {
    width: 58.33333333%;
  }
  .tb_col_6 {
    width: 50%;
  }
  .tb_col_5 {
    width: 41.66666667%;
  }
  .tb_col_4 {
    width: 33.33333333%;
  }
  .tb_col_3 {
    width: 25%;
  }
  .tb_col_2 {
    width: 16.66666667%;
  }
  .tb_col_1 {
    width: 8.33333333%;
  }


  /* 余白あり */
  .gutter .col {
    margin-left:2%;
  }
  .gutter .col:first-child   {
    margin-left:0;
  }

  .gutter .tb_col_12 {
    width: 100%;
  }
  .gutter .tb_col_11 {
    width:91.5%;
  }
  .gutter .tb_col_10 {
    width:83%;
  }
  .gutter .tb_col_9 {
    width: 74.5%;
  }
  .gutter .tb_col_8 {
    width:66%;
  }
  .gutter .tb_col_7 {
    width:57.5%;
  }
  .gutter .tb_col_6 {
    width: 49%;
  }
  .gutter .tb_col_5 {
    width: 40.5%;
  }
  .gutter .tb_col_4 {
    width: 31%;
  }
  .gutter .tb_col_3 {
    width: 23.5%;
  }
  .gutter .tb_col_2 {
    width: 15%;
  }
  .gutter .tb_col_1 {
    width: 6.5%;
  }

 .tb_col_6:nth-child(2n + 1) {
    margin-left: 0;
  }
  .tb_col_12.col {
    margin-left: 0;
  }
}

@media all and (min-width: 768px) {
/* marginなし */
.col_12,.col_11,.col_10,.col_9,.col_8,.col_7,.col_6,.col_5,.col_4,.col_3,.col_2,.col_1 {
    float:left;
}
.col_12 {
    width: 100%;
}
.col_11 {
    width: 91.66666667%;
}
.col_10 {
    width: 83.33333333%;
}
.col_9 {
    width: 75%;
}
.col_8 {
    width: 66.66666667%;
}
.col_7 {
    width: 58.33333333%;
}
.col_6 {
    width: 50%;
}
.col_5 {
    width: 41.66666667%;
}
.col_4 {
    width: 33.33333333%;
}
.col_3 {
    width: 25%;
}
.col_2 {
    width: 16.66666667%;
}
.col_1 {
    width: 8.33333333%;
}


/* 余白あり */
.gutter .col {
    margin-left:2%;
}
.gutter .col:first-child   {
    margin-left:0;
}

.gutter .col_12 {
    width: 100%;
}
.gutter .col_11 {
    width:91.5%;
}
.gutter .col_10 {
    width:83%;
}
.gutter .col_9 {
    width: 74.5%;
}
.gutter .col_8 {
    width:66%;
}
.gutter .col_7 {
    width:57.5%;
}
.gutter .col_6 {
    width: 49%;
}
.gutter .col_5 {
    width: 40.5%;
}
.gutter .col_4 {
    width: 31%;
}
.gutter .col_3 {
    width: 23.5%;
}
.gutter .col_2 {
    width: 15%;
}
.gutter .col_1 {
    width: 6.5%;
}




  .col_6:nth-child(2n + 1) {
    margin-left: 0;
  }
  .col_4:nth-child(3n + 1) {
    margin-left: 0!important;
  }
  .col_3:nth-child(4n + 1) {
    margin-left: 0!important;
  }


}

