@charset "UTF-8";
/* line-heightの上下をなくす
===================================================== */
/* letter-spacingの文末をなくす
===================================================== */
/* clearfix
===================================================== */
/* hover
===================================================== */
/* linkcolor
===================================================== */
/* z-index
===================================================== */
/* rem変換
===================================================== */
/* vw変換(SP用)
===================================================== */
/* vw変換(PC用) minとmax
===================================================== */
/* spサイズをpcへ引き伸ばし
===================================================== */
/* ラインハイト計算
===================================================== */
/* レタースペーシング計算
===================================================== */
/* right-arrow
===================================================== */
/* aspect-area(padding-top)
===================================================== */
/* aspect-area-h(height)
===================================================== */
/* youtube
===================================================== */
/* margin: 0 auto
===================================================== */
/* color
===================================================== */
/* font-size
===================================================== */
/* font-family
===================================================== */
/* コンテンツ幅
===================================================== */
/* 余白
===================================================== */
/* メディアクエリー
===================================================== */
/* loopslide
============================================ */
/* fadeinWrap
============================================ */
/* fadein
============================================ */
/* fadeup
============================================ */
/* slide
===================================================== */
/* 読み込み
===================================================== */
/* 
===================================================== */
.wrapper.allitem {
  width: 100%;
}

.tab {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .tab {
    margin-top: min(4.2105263158vw, 40px);
    margin-bottom: min(8.4210526316vw, 80px);
    width: min(64.2105263158vw, 610px);
    flex-wrap: wrap;
    gap: min(1.0526315789vw, 10px);
  }
}
@media screen and (max-width: 767px) {
  .tab {
    margin-top: 8vw;
    margin-bottom: 6.6666666667vw;
    width: 90.1333333333vw;
  }
}
.tab .tabList {
  background-color: #fff;
  text-align: center;
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
  font-weight: 600;
  font-style: normal;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .tab .tabList {
    border: min(0.1052631579vw, 1px) solid #707070;
    width: min(31.5789473684vw, 300px);
    line-height: min(5.4736842105vw, 52px);
    font-size: min(1.4736842105vw, 14px);
  }
}
@media screen and (max-width: 767px) {
  .tab .tabList {
    border: 0.2666666667vw solid #707070;
    width: 21.3333333333vw;
    line-height: 9.3333333333vw;
    font-size: 2.6666666667vw;
  }
}
.tab .tabList.active {
  background-color: #7c867d;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .tab .tabList.active {
    border: min(0.1052631579vw, 1px) solid #7c867d;
  }
}
@media screen and (max-width: 767px) {
  .tab .tabList.active {
    border: 0.2666666667vw solid #7c867d;
  }
}

.list {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .list {
    gap: min(2.1052631579vw, 20px);
    width: min(93.0526315789vw, 884px);
    margin-bottom: min(7.8947368421vw, 75px);
  }
}
@media screen and (max-width: 767px) {
  .list {
    gap: 5.3333333333vw 0;
    margin-bottom: 16vw;
  }
}
@media screen and (min-width: 768px) {
  .list li {
    width: min(21.6842105263vw, 206px);
  }
}
@media screen and (max-width: 767px) {
  .list li {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 767px) {
  .list .creditajax_brand,
.list .creditajax_name,
.list .creditajax_price {
    padding: 0 2.1333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .btn__features {
    margin-bottom: min(1.8947368421vw, 18px);
  }
}
@media screen and (max-width: 767px) {
  .btn__features {
    margin-bottom: 4.8vw;
  }
}/*# sourceMappingURL=allitem.css.map */