#item-list2 {
  width: 95%;
}

#item-list2 ul{
  margin:-1%;/*１カラムのpadding分マイナスマージン*/
  overflow:hidden;
  background-color:transparent;
}

#item-list2 ul li {

  list-style-type:none;
  float:left; /*floatで横並びに*/
  padding:1%;/*カラム間のガター*/
  margin-right: 1%;
  margin-bottom:5px;
  text-align:center;
  font-size: 90%;
}

ul.cols-1 li {width: 100%;}
ul.cols-2 li {width: 46.5%;}
ul.cols-3 li [width: 28%;}
ul.cols-4 li {width: 25%;}
ul.cols-5 li {width: 20%;}
ul.cols-6 li {width: 16.66666%;}
ul.cols-7 li {width: 14.28571%;}
ul.cols-8 li {width: 12.5%;}
ul.cols-9 li {width: 14.28571%;}
ul.cols-10 li {width: 12.5%;}
ul.cols-11 li {width: 14.28571%;}
ul.cols-12 li {width: 29.8%;}


.inner{ /*カラムの内側*/
  margin:0 auto;
  height:100%;
  background:white;
}



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

@media only screen and (max-width: 479px) {
  ul[class*='cols-'] > li{
    width: 95%;/*すべて１列に*/
 }
 }