#item-list{
    display: flex;
    flex-wrap: wrap;
}



#item-list .item h3{
    font-size: calc( (100vw - 240px)/(1170 - 240) * (20 - 10) + 10px);
}

#item-list .item {
    padding: 10px;
}

.item-image-t{
    max-height: 100%;
}

#item-list img{
    max-height: 340px;
}
.item-responsive {
    position: relative;

}
.item-responsive:before {
    display: block;
    content: "";
    width: 100%;
}

.item-responsive>.content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;


}

.item-responsive .item-link{
    height: 100%;
    display: block;
    position: relative;
}
.item-responsive .item-link img {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.item-4by3 {
    padding-top: 75%; /* (3:4)*100% */
}
.item-2by1 {
    padding-top: 50%; /* (1:2)*100% */
}
.item-1by1 {
    padding-top: 100%; /* (1:1)*100% */
}

.images-list{
   display: flex;
    flex-wrap: wrap;
}
.images-list a{
    display: block;
    padding: 10px;
}

.images-list img{
    max-width: 100%;
}

#category-list .category-list-items{
    display: flex;
    flex-wrap: wrap;
}

#category-list .category-list-item{
    padding: 10px;
}