@charset "utf-8";
.item-list { margin-bottom: 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.item-list ul {
overflow: hidden;
}
.item-list ul li {
list-style-type: none;
float: left;
padding: 10px 3px;
margin-bottom: 0px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
ul.cols-1 li { width: 100%; }
ul.cols-2 li { width: 50%; }
ul.cols-3 li { width: 33.33333%; }
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%; }

/*.inner{   margin:0;  height:100%;}*/
@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-3 li { width: 50%;/*３列は２列に*/ }
}

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