@charset "UTF-8";
/* CSS Document */

.wrapper__content__item-list {
  padding-top: 160px;
  padding-inline: 4%;
  max-width: 1440px;
  margin: auto;
}
.title__content__item-list {
  margin-bottom: 120px;
}

/* カテゴリーbtn */
.ul__btn__category {
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  gap: 2%;
  margin-bottom: 112px;
}
.li__btn__category {
  flex: 15%;
}

.li__btn__category img {
  position: relative;
  top: 0;
  padding-bottom: 16px;
}
.li__btn__category a :hover {
  transform: translateY(-7px);
  transition: 0.3s;
}

/* カテゴリータイトル */
.title__item-list__category {
  text-align: left;
  margin-bottom: 56px;
}

.title__item-list__category::before,
.title__item-list__category::after {
  content: url(../images/item_list/line_left.svg);
  display: inline-flex;
}
.title__item-list__category::before {
  padding-right: 6px;
  width: 16px;
  display: inline-block;
  position: relative;
  top: 4px;

}
.title__item-list__category::after {
  padding-right: 12px;
  width: 16px;
  display: inline-block;
  position: relative;
  top: 4px;
  transform: scale(-1, 1);

}

/* カード */
.container__item-list__category {
  display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 96px 56px;
  margin-bottom: 240px;
}
.card__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  row-gap: 12px;
}
.image {
  height: 200px;
  margin: auto;
}
.title__item-card {
  font-weight: 600;
}
.title__item-card span {
  font-size: 2rem;
  font-weight: lighter;
}
.description__item {
  font-size: 1.6rem;
  text-align: left;
}
.price__item-card__item {
  font-size: 2rem;
  font-weight: 600;
  text-align: left;
}

  .swiper-wrapper.noswip {
  display: grid;
}

.swiper-button-next:after, .swiper-button-prev:after {
  display: none;
  font-size: 2.8rem;
  color: #73b165;
  position: relative;
  top: -370%;
}
.swiper-pagination{
  display: none;
}

/* max1024 */
@media(max-width:1024px){
  .container__item-list__category {
    grid-template-columns: repeat(autofit, minmax(280px, 1fr));
  }
}

/* min769 */
@media (min-width: 769px) {
  .swiper-button-next:after,
  .swiper-button-prev:after{
display: none;
  }}

/* max768 */
@media (max-width: 768px) {

body .swiper-pagination-bullet-active{
  background-color: #73b165;
}

  .title__content__item-list {
    margin-bottom: 64px;
  }

  .title__item-list__category {
    text-align: center;
  }

  .li__btn__category {
    flex: 32%;
  }

  .card__item{
    width: 80%;
    margin: auto;
  }

  .container__item-list__category {
    gap: 0;
    margin-bottom: 160px;
  }

  .swiper-slide{
    display:none;
  }
  .swiper-button-next:after, .swiper-button-prev:after {
    display: block;
  }

  .swiper-pagination{
    display: block;
  }

  .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 24px !important;
  }

  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom:126px !important;
}
.br_pc{
  display: none;
}
}

/* max560px */
@media (max-width: 560px) {
  .title__content__item-list {
    margin-bottom: 64px;
  }
  .ul__btn__category {
    gap: 3%;
    min-width: 50%;
  }

  /* max480 */
  .li__btn__category{
    width: 47%;
  }
}