@charset "UTF-8";
/* -----------------------------------------------
common
----------------------------------------------- */
.product__list__wrap__ranking article:nth-child(n + 7) {
  display: none;
}

@media screen and (max-width: 767px) {
  .fs-body-top .fs-l-page > .search__window__wrap {
    width: 94.66%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .fs-body-top .fs-l-page > .search__window__wrap {
    display: none;
  }
}

/* -----------------------------------------------
fv_banner
----------------------------------------------- */
.fv__banner ul {
  display: grid;
}
.fv__banner li a {
  display: block;
}

@media screen and (max-width: 767px) {
  .fv__banner {
    width: 94.66%;
    margin: 25px auto 0;
  }
  .fv__banner ul {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }
  .fv__banner li img {
    box-shadow: 0px 5px 10px 0px #0000001A;
  }
}

@media screen and (min-width: 768px) {
  .fv__banner {
    width: 97.15%;
    max-width: 1399px;
    margin: 24px auto 0;
  }
  .fv__banner ul {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 11px;
    grid-row-gap: 15px;
  }
  .fv__banner li img {
    box-shadow: 0px 5px 10px 0px #0000001A;
  }
}

/* -----------------------------------------------
product__list__wrap
----------------------------------------------- */

@media screen and (max-width: 767px) {
  .product__list__wrap:first-child {
    margin-top: 58px;
  }
  .product__list__wrap + .product__list__wrap {
    margin-top: 34px;
  }
}

@media screen and (min-width: 768px) {
  /* .product__list__wrap:first-child {
    margin-top: 52px;
  } */
  .product__list__wrap + .product__list__wrap {
    margin-top: 80px;
  }
}

/* ナンバリング用 */
.product__list__wrap__ranking .fs-c-productListCarousel__list,
.product__list__wrap__ranking .fr3-productListStatic {
  counter-reset: cnt;
}
.product__list__wrap__ranking .fs-c-productListCarousel__list .fs-c-productListCarousel__list__item,
.product__list__wrap__ranking .fr3-productListStatic article {
  position: relative;
}
.product__list__wrap__ranking .fs-c-productListCarousel__list .fs-c-productListCarousel__list__item:nth-child(-n+6):after,
.product__list__wrap__ranking .fr3-productListStatic article:nth-child(-n+6):after {
  color: #fff;
  counter-increment: cnt;
  content: counter(cnt);
  font-family: "Lato", sans-serif;
  font-weight: 700;
  display: block;
  text-align: center;
  background-image: url('data:image/svg+xml;utf8,<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><rect x="0" width="30" height="30" fill="%23727272"/></svg>');
  background-position: 50% 0;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  pointer-events: none;
}
.product__list__wrap__ranking .fs-c-productListCarousel__list .fs-c-productListCarousel__list__item:nth-child(-n+3):after,
.product__list__wrap__ranking .fr3-productListStatic article:nth-child(-n+3):after {
  color: #000;
}
.product__list__wrap__ranking .fs-c-productListCarousel__list .fs-c-productListCarousel__list__item:nth-child(1):after,
.product__list__wrap__ranking .fr3-productListStatic article:nth-child(1):after {
  background-image: url('data:image/svg+xml;utf8,<svg width="30" height="35" viewBox="0 0 30 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H30V35L15 29L0 35V0Z" fill="%23E7EA4F"/></svg>');
}
.product__list__wrap__ranking .fs-c-productListCarousel__list .fs-c-productListCarousel__list__item:nth-child(2):after,
.product__list__wrap__ranking .fr3-productListStatic article:nth-child(2):after {
  background-image: url('data:image/svg+xml;utf8,<svg width="30" height="35" viewBox="0 0 30 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H30V35L15 29L0 35V0Z" fill="%23D9D9D9"/></svg>');
}
.product__list__wrap__ranking .fs-c-productListCarousel__list .fs-c-productListCarousel__list__item:nth-child(3):after,
.product__list__wrap__ranking .fr3-productListStatic article:nth-child(3):after {
  background-image: url('data:image/svg+xml;utf8,<svg width="30" height="35" viewBox="0 0 30 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H30V35L15 29L0 35V0Z" fill="%23F4A74C"/></svg>');
}

@media screen and (max-width: 767px) {
  .product__list__wrap__ranking .fs-c-productListCarousel__list .fs-c-productListCarousel__list__item:nth-child(-n+6):after,
  .product__list__wrap__ranking .fr3-productListStatic article:nth-child(-n+6):after {
    font-size: 1.6rem;
    line-height: 1.5em;
    left: 8px;
    width: 1.5em;
    height: 1.75em;  
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, .4)); 
  }
}

@media screen and (min-width: 768px) {
  .product__list__wrap__ranking .fs-c-productListCarousel__list .fs-c-productListCarousel__list__item:nth-child(-n+6):after,
  .product__list__wrap__ranking .fr3-productListStatic article:nth-child(-n+6):after {
    font-size: 2rem;
    line-height: 30px;
    left: 8px;
    width: 30px;
    height: 35px;  
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, .4)); 
  }
}

/* -----------------------------------------------
トレカを特集ページから探す
----------------------------------------------- */
.tokusyu__wrap .fs-pt-column {
  display: grid;
}

@media screen and (max-width: 768px) {
  .tokusyu__wrap:has(.fs-pt-column__item) {
    margin-top: 40px;
  }
  .tokusyu__wrap .fs-pt-column {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 0;
  }
}

@media screen and (min-width: 769px) {
  .tokusyu__wrap:has(.fs-pt-column__item) {
    margin-top: 62px;
  }
  .tokusyu__wrap .fs-pt-column {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px 1.66%;
  }
}

/* -----------------------------------------------
【最新】PRICE BASEのトレカ買取表
----------------------------------------------- */
.kaitori__wrap .fs-pt-column {
  display: grid;
}

@media screen and (max-width: 768px) {
  .kaitori__wrap {
    margin-top: 40px;
  }
  .kaitori__wrap .fs-pt-column {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 0;
  }
}

@media screen and (min-width: 769px) {
  .kaitori__wrap {
    margin-top: 45px;
  }
  .kaitori__wrap .fs-pt-column {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px 1.66%;
  }
}

/* -----------------------------------------------
お知らせ
----------------------------------------------- */
@media screen and (max-width: 768px) {
  .info__wrap {
    margin-top: 40px;
  }
}

@media screen and (min-width: 769px) {
  .info__wrap {
    margin-top: 45px;
  }
}




/* -----------------------------------------------
banner__1col margin対応 add 20250304 
----------------------------------------------- */

@media screen and (max-width: 767px) {
  .fs-l-main > .brand__wrap:first-child + .banner__1col {
    margin-bottom: 14px;
  }
  .fs-l-main > .brand__wrap:first-child + .banner__1col + .brand__wrap {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .fs-l-main > .brand__wrap:first-child + .banner__1col {
    margin-bottom: 30px;
  }
  .fs-l-main > .brand__wrap:first-child + .banner__1col + .brand__wrap {
    margin-top: 0;
  }
}