.c-category_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: min(calc((10 / var(--pc))*100vw),10px);
  grid-row-gap: min(calc((10 / var(--pc))*100vw),10px);
  width: min(calc((960 / var(--pc))*100vw),960px);
  margin: 0 auto;
}
.c-category_list-item{
  position: relative;
}
.c-category_list-item_check{
  position: absolute;
}
.c-category_list-item_label{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  box-sizing: border-box;
  font-size: min(calc((16 / var(--pc))*100vw),16px);
  font-weight: 500;
  height: min(calc((64 / var(--pc))*100vw),64px);
  transition: all 100ms ease;
  position: relative;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
}
.c-category_list-item_label::before{
  content: "";
  position: absolute;
  left: min(calc((24 / var(--pc))*100vw),24px);
}
.c-category_list-item_check:checked + .c-category_list-item_label::after{
  content: "";
  position: absolute;
  top: -1.5px;
  left: -1.5px;
  width: calc(100% - 3px);
  height: calc(100% - 3px);
  border-radius: 999px;
}
.c-category_list-item_check:checked + .c-category_list-item_label{
  border-color: transparent;
}
.c-category_list-item_label[data-search="categoryStaple"]{
  padding-left: min(calc((12 / var(--pc))*100vw),12px);
}
.c-category_list-item_label[data-search="categoryStaple"]::before{
  width: 30px;
  height: 28px;
  mask: url(../../img/common/icon/bread.svg) no-repeat center center / contain;
  -webkit-mask: url(../../img/common/icon/bread.svg) no-repeat center center / contain;
}
.c-category_list-item_label[data-search="categoryMain"]{
  padding-left: min(calc((19 / var(--pc))*100vw),19px);
}
.c-category_list-item_label[data-search="categoryMain"]::before{
  width: 35px;
  height: 19px;
  left: min(calc((20 / var(--pc))*100vw),20px);
  mask: url(../../img/common/icon/meat.svg) no-repeat center center / contain;
  -webkit-mask: url(../../img/common/icon/meat.svg) no-repeat center center / contain;
}
.c-category_list-item_label[data-search="categorySide"]{
  padding-left: min(calc((19 / var(--pc))*100vw),19px);
}
.c-category_list-item_label[data-search="categorySide"]::before{
  width: 31px;
  height: 37px;
  mask: url(../../img/common/icon/vegetables.svg) no-repeat center center / contain;
  -webkit-mask: url(../../img/common/icon/vegetables.svg) no-repeat center center / contain;
}
.c-category_list-item_label[data-search="categorySoup"]{
  padding-left: min(calc((12 / var(--pc))*100vw),12px);
}
.c-category_list-item_label[data-search="categorySoup"]::before{
  width: 24px;
  height: 24px;
  left: min(calc((30 / var(--pc))*100vw),30px);
  mask: url(../../img/common/icon/cup.svg) no-repeat center center / contain;
  -webkit-mask: url(../../img/common/icon/cup.svg) no-repeat center center / contain;
}
.c-category_list-item_label[data-search="categorySweets"]{
  padding-left: min(calc((10 / var(--pc))*100vw),10px);
}
.c-category_list-item_label[data-search="categorySweets"]::before{
  width: 27px;
  height: 27px;
  mask: url(../../img/common/icon/cake.svg) no-repeat center center / contain;
  -webkit-mask: url(../../img/common/icon/cake.svg) no-repeat center center / contain;
}
.c-category_list-item_label[data-search="categoryDrink"]{
  padding-left: min(calc((15 / var(--pc))*100vw),15px);
}
.c-category_list-item_label[data-search="categoryDrink"]::before{
  width: 14px;
  height: 32px;
  left: min(calc((30 / var(--pc))*100vw),30px);
  mask: url(../../img/common/icon/drink.svg) no-repeat center center / contain;
  -webkit-mask: url(../../img/common/icon/drink.svg) no-repeat center center / contain;
}
.c-category_list-item_label[data-search="categoryBasic"]{
  padding-left: min(calc((22 / var(--pc))*100vw),22px);
}
.c-category_list-item_label[data-search="categoryBasic"]::before{
  width: 42px;
  height: 19px;
  mask: url(../../img/common/icon/skillet.svg) no-repeat center center / contain;
  -webkit-mask: url(../../img/common/icon/skillet.svg) no-repeat center center / contain;
}
.c-category_list-item_label[data-search="categoryBotanical"]{
  padding-left: min(calc((10 / var(--pc))*100vw),10px);
}
.c-category_list-item_label[data-search="categoryBotanical"]::before{
  width: 23px;
  height: 32px;
  mask: url(../../img/common/icon/leaf.svg) no-repeat center center / contain;
  -webkit-mask: url(../../img/common/icon/leaf.svg) no-repeat center center / contain;
}
@media all and (max-width:960px) {
  .c-category_list{
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    width: unset;
    grid-column-gap: 6px;
    grid-row-gap: 4px;
  }
  .c-category_list-item_label{
    font-size: min(calc((12 / var(--sp))*100vw),12px);
    height: 46px;
    transition: none;
  }
  .c-category_list-item_label[data-search="categoryStaple"]{
    padding-left: min(calc((14 / var(--sp))*100vw),14px);
  }
  .c-category_list-item_label[data-search="categoryStaple"]::before{
    width: 26px;
    height: 18px;
    left: min(calc((10 / var(--sp))*100vw),10px);
  }
  .c-category_list-item_label[data-search="categoryMain"]{
    padding-left: min(calc((8 / var(--sp))*100vw),8px);
  }
  .c-category_list-item_label[data-search="categoryMain"]::before{
    width: 24px;
    height: 15px;
    left: min(calc((10 / var(--sp))*100vw),10px);
  }
  .c-category_list-item_label[data-search="categorySide"]{
    padding-left: min(calc((14 / var(--sp))*100vw),14px);
  }
  .c-category_list-item_label[data-search="categorySide"]::before{
    width: 25px;
    height: 22px;
    left: min(calc((11 / var(--sp))*100vw),11px);
  }
  .c-category_list-item_label[data-search="categorySoup"]{
    padding-left: min(calc((7 / var(--sp))*100vw),7px);
  }
  .c-category_list-item_label[data-search="categorySoup"]::before{
    width: 18px;
    height: 20px;
    left: min(calc((13 / var(--sp))*100vw),13px);
  }
  .c-category_list-item_label[data-search="categorySweets"]{
    padding-left: min(calc((15 / var(--sp))*100vw),15px);
  }
  .c-category_list-item_label[data-search="categorySweets"]::before{
    width: 19px;
    height: 18px;
    left: min(calc((13 / var(--sp))*100vw),13px);
  }
  .c-category_list-item_label[data-search="categoryDrink"]{
    padding-left: min(calc((6 / var(--sp))*100vw),6px);
  }
  .c-category_list-item_label[data-search="categoryDrink"]::before{
    width: 18px;
    height: 25px;
    left: min(calc((13 / var(--sp))*100vw),13px);
  }
  .c-category_list-item_label[data-search="categoryBasic"]{
    padding-left: min(calc((15 / var(--sp))*100vw),15px);
  }
  .c-category_list-item_label[data-search="categoryBasic"]::before{
    width: 22px;
    height: 22px;
    left: min(calc((10 / var(--sp))*100vw),10px);
  }
  .c-category_list-item_label[data-search="categoryBotanical"]{
    padding-left: min(calc((10 / var(--sp))*100vw),10px);
  }
  .c-category_list-item_label[data-search="categoryBotanical"]::before{
    width: 18px;
    height: 22px;
    left: min(calc((13 / var(--sp))*100vw),13px);
  }
}