/* グリッド
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 2.0rem;
    position: relative;
}
/* ブロックを縦に表示 */
.row {
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 100%;
}
.col {
    display: block;
    flex: 1 1 auto;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
}
/* 768px以上の表示 */
@media ( min-width : 768px ) {
.row {
    display: flex;
    flex-direction: row;
    padding: 0;
}
.col {
    margin-left: 1%;
    margin-bottom: 1%;
}
	
.col:first-child { 
    margin-left: 0; 
}

.row .col.span-1 {
    flex: 0 0 6.16666666667%;
    max-width: 6.16666666667%;
     padding: 0.75rem 0.5em 0 0.5em;
}
.row .col.span-2 {
    flex: 0 0 14.8333333333%;
    max-width: 14.8333333333%;
    padding: 0.75rem 0.5em 0 0.5em;
}
.row .col.span-3 {
    flex: 0 0 23.5%;
    max-width: 23.5%;
     padding: 0.75rem 0.5em 0 0.5em;
}
.row .col.span-4 {
    flex: 0 0 32.1666666667%;
    max-width: 32.1666666667%;
    padding: 0.75rem 0 0.5em 0;
}
.row .col.span-5 {
    flex: 0 0 40.8333333333%;
    max-width: 40.8333333333%;
     padding: 0.75rem 0.5em 0 0.5em;
}
.row .col.span-6 {
    flex: 0 0 49.5%;
    max-width: 49.5%;
     padding: 0.75rem 0.5em 0 0.5em;
}
.row .col.span-7 {
    flex: 0 0 58.1666666667%;
    max-width: 58.1666666667%;
     padding: 0.75rem 0.5em 0 0.5em;
}
.row .col.span-8 {
    flex: 0 0 66.8333333333%;
    max-width: 66.8333333333%;
     padding: 0.75rem 0 0.5em 0;
}
.row .col.span-9 {
    flex: 0 0 75.5%;
    max-width: 75.5%;
     padding: 0.75rem 0.5em 0 0.5em;
}
.row .col.span-10 {
    flex: 0 0 84.1666666667%;
    max-width: 84.1666666667%;
     padding: 0.75rem 0.5em 0 0.5em;
}
.row .col.span-11 {
    flex: 0 0 92.8333333333%;
    max-width: 92.8333333333%;
     padding: 0.75rem 0.5em 0 0.5em;
}
.row .col.span-12 {
    flex: 0 0 100%;
    max-width: 100%;
     padding: 0.75rem 0.5em 0 0.5em;
}

/* オフセット */
.row .col.offset-1 {
    margin-left: 8.66666666667%;
}
.row .col.offset-2 {
    margin-left: 17.3333333333%;
}
.row .col.offset-3 {
    margin-left: 26%;
}
.row .col.offset-4 {
    margin-left: 34.6666666667%;
}
.row .col.offset-5 {
    margin-left: 43.333333333%;
}
.row .col.offset-6 {
    margin-left: 52%;
}
.row .col.offset-7 {
    margin-left: 60.6666666667%;
}
.row .col.offset-8 {
    margin-left: 69.3333333333%;
}
.row .col.offset-9 {
    margin-left: 78.0%;
}
.row .col.offset-10 {
    margin-left: 86.6666666667%;
}
.row .col.offset-11 {
    margin-left: 95.3333333333%;
}    
}

/* 767px以下の表示 */
@media ( max-width : 767px ) {


.col {
    margin-bottom: 1%;
        padding: 0.15rem 0em;
}
	
.col:first-child { 
    margin-left: 0 !important; 
}

}



/*================================================
 *  リストカラムRWD
 ================================================*/

#item-list {
  /*background:#ccc;
  padding:20px 10px 0 10px;*/
  margin-bottom:-10px;
}

#item-list ul{
  /*margin-left:-10px;*//*セル間ガター分マイナスマージン*/
  overflow:hidden;
  background-color:transparent;
}

#item-list ul li {
  float:left;
  list-style-type:none;
  text-align:center;
  padding-left:8px;/*セル間ガター*/
  margin-bottom:10px;
  margin-left: 0px;
}

ul.cols-1 li.ct {width: 100%;}
ul.cols-2 li.ct {width: 45%;}
ul.cols-3 li.ct {width: 31%;}
ul.cols-4 li.ct {width: 24%;}
ul.cols-5 li.ct {width: 18%;}
ul.cols-5 li.ct19 {width: 19%;}
ul.cols-6 li.ct {width: 16.66666%;}
ul.cols-7 li.ct {width: 14.28571%;}
ul.cols-8 li.ct {width: 12.5%;}



@media only screen and (max-width: 767px) {
  ul.cols-6 li.ct,ul.cols-7 li.ct,ul.cols-8 li.ct{
	  width: 33%;/*４列以上は３列に*/
  }
  ul.cols-5 li.ct{
	  width:45%;/*5列は2列に*/
}
  ul.cols-5 li.ct19{
	  width:45%;/*5列は2列に*/
  }
  ul.cols-4 li.ct{
	  width:45%;/*3列は2列に*/
  }
  ul.cols-3 li.ct{
	  width:45%;/*3列は2列に*/
  }
  
}