.grid {
  position: relative;
  width:1166px;
  max-width:100%;
  margin:0 auto;
}
.item {
  display: block;
  position: absolute;
  width: calc((100% / 3) - 16px);
  margin: 0 8px min(calc((40 / var(--pc))*100vw),40px);
  z-index: 1;
}
.item a {
  display: block;
}
.muuri .c-card_list-item_category_list{
  position: absolute;
  bottom: 0;
}

@media all and (max-width:480px) {
  .item {
    min-height: clamp(160px,calc((180 / var(--sp))*100vw),200px);  
  }
  .item a {
    min-height: clamp(160px,calc((180 / var(--sp))*100vw),200px);    
  }
}
@media all and (min-width:481px) and (max-width:600px) {
  .item {
    min-height: clamp(200px,calc((165 / var(--sp))*100vw),240px);  
  }
  .item a {
    min-height: clamp(200px,calc((165 / var(--sp))*100vw),240px);    
  }
}
@media all and (min-width:601px) and (max-width:639px) {
  .item {
    min-height: clamp(240px,calc((150 / var(--sp))*100vw),260px);
  }
  .item a {
    min-height: clamp(240px,calc((150 / var(--sp))*100vw),260px);    
  }
}
@media all and (min-width:640px) and (max-width:799px) {
  .item {
    min-height: clamp(240px,calc((130 / var(--sp))*100vw),280px);
  }
  .item a {
    min-height: clamp(240px,calc((130 / var(--sp))*100vw),280px);    
  }
}
@media all and (min-width:800px) and (max-width:960px) {
  .item {
    min-height: clamp(280px,calc((125 / var(--sp))*100vw),320px);
  }
  .item a {
    min-height: clamp(280px,calc((125 / var(--sp))*100vw),320px);    
  }
}
@media all and (min-width:961px) and (max-width:1280px) {
  .item {
    min-height: clamp(256px,calc((350 / var(--pc))*100vw),350px);
  }
  .item a {
    min-height: clamp(256px,calc((350 / var(--pc))*100vw),350px);    
  }
}
@media all and (min-width:1281px){
  .item {
    min-height: 328px;
  }
  .item a {
    min-height: 328px;
  }
  .muuri .c-card_list-item_title{
    max-height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}


@media all and (max-width:960px) {
  .item {
    width: calc((100% / 2) - 8px);
    margin: 0 4px min(calc((25 / var(--sp))*100vw),25px);
  }
}
.item.muuri-item-dragging {
  z-index: 3;
}
.item.muuri-item-releasing {
  z-index: 2;
}
.item.muuri-item-hidden {
  z-index: 0;
}
.item-content {
  position: relative;
  width: 100%;
  height: 100%;
}