/* Card */
.c-card_list{
  display: flex;
  flex-wrap: wrap;
  column-gap: min(calc((18 / var(--pc))*100vw),18px);
}
.c-card_list-item{
  width: calc((100% / 3) - min(calc((12 / var(--pc))*100vw),12px));
  margin-bottom: min(calc((41 / var(--pc))*100vw),41px);
  transition: var(--transition);
}
.c-card_list-item:hover{
  opacity: 0.7;
}
.c-card_list-item_bottom{
  margin-top: min(calc((16 / var(--pc))*100vw),16px);
}
.c-card_list-item_title{
  color: #000;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.c-card_list-item_image{
  overflow: hidden;
}
.c-card_list-item_image img{
  transition: var(--transition);
  object-fit: cover;
  aspect-ratio: 880 / 544;
  vertical-align: bottom;
}
.c-card_list-item_image img:hover{
  transform: scale(1.05);
}
.c-card_list-item_category{
  margin-top: min(calc((11 / var(--pc))*100vw),11px);
}
.c-card_list-item_category_list{
  display: flex;
}
.c-card_list-item_category_list-item{
  color: #5e5e5e;
  font-size: 14px;
  line-height: 1.3;
  padding-left: min(calc((24 / var(--pc))*100vw),24px);
  display: flex;
  align-items: flex-end;
}
.c-card_list-item_category_list-item:not(:first-child){
  margin-left: min(calc((16 / var(--pc))*100vw),16px);
}
.c-card_list-item_category_list-item::before{
  content: "";
  position: absolute;
  background: #5e5e5e;
  left: 0;
}
.c-card_list-item_category_list-item[data-category="time"]::before{
  width: min(calc((19 / var(--pc))*100vw),19px);
  height: min(calc((22 / var(--pc))*100vw),22px);
  mask: url("../../img/common/icon/clock.svg") no-repeat center center / contain;
  -webkit-mask: url("../../img/common/icon/clock.svg") no-repeat center center / contain;
}
.c-card_list-item_category_list-item[data-category="time"]::after{
  content: "分";
}
.c-card_list-item_category_list-item[data-category="cal"]::before{
  width: min(calc((15 / var(--pc))*100vw),15px);
  height: min(calc((20 / var(--pc))*100vw),20px);
  mask: url("../../img/common/icon/fire.svg") no-repeat center center / contain;
  -webkit-mask: url("../../img/common/icon/fire.svg") no-repeat center center / contain;
}
.c-card_list-item_category_list-item[data-category="cal"]::after{
  content: "kcal";
}
.c-card_list-item_category_list-item[data-category="salt"]::before{
  width: min(calc((10 / var(--pc))*100vw),10px);
  height: min(calc((21 / var(--pc))*100vw),21px);
  mask: url("../../img/common/icon/salt.svg") no-repeat center center / contain;
  -webkit-mask: url("../../img/common/icon/salt.svg") no-repeat center center / contain;
}
.c-card_list-item_category_list-item[data-category="salt"]::after{
  content: "g";
}
@media all and (max-width:960px) {
  .c-card_list-item{
    width: calc((100% / 2) - min(calc((4 / var(--sp))*100vw),4px));
    margin-bottom: 26px;
  }
  .c-card_list-item_bottom{
    margin-top: 6px;
  }
  .c-card_list-item_title{
    font-size: 14px;
  }
  .c-card_list-item_category_list-item{
    font-size: min(calc((11 / var(--sp))*100vw),11px);
    padding-left: min(calc((14 / var(--sp))*100vw),14px);
  }
  .c-card_list-item_category_list-item:not(:first-child){
    margin-left: min(calc((4 / var(--sp))*100vw),4px);
  }
  .c-card_list-item_category_list-item[data-category="time"]{
    padding-left: min(calc((18 / var(--sp))*100vw),18px);
  }
  .c-card_list-item_category_list-item[data-category="time"]::before{
    width: min(calc((14 / var(--sp))*100vw),14px);
    height: min(calc((15 / var(--sp))*100vw),15px);
  }
  .c-card_list-item_category_list-item[data-category="cal"]::before{
    width: min(calc((12 / var(--sp))*100vw),12px);
    height: min(calc((13 / var(--sp))*100vw),13px);
  }
  .c-card_list-item_category_list-item[data-category="salt"]::before{
    width: min(calc((12 / var(--sp))*100vw),12px);
    height: min(calc((12 / var(--sp))*100vw),12px);
  }
}