@charset "utf-8";
/* product category add css
--------------------------------------------- */

/* 25/11/21:start */

/* バナー 4枚・3枚のみ対応:start */
.ay-bnr-grid {
    display: grid;
    gap: 10px;
    margin: 0 auto;
    max-width: 1600px;
}

.ay-bnr-grid a {
    display: block;
    height: 100%;
}

.ay-bnr-grid:has(a:nth-child(4)) {
    grid-template-columns: repeat(4, 1fr);
}

.ay-bnr-grid:has(a:nth-child(-n+3):last-child) {
    grid-template-columns: repeat(3, 1fr);
}

.ay-bnr-grid a img {
    display: block;
    height: auto;
    width: 100%;
}


.ay-bnr-grid + h1 {
    margin-top: 3rem;
}

@media screen and (max-width: 639px) {
  .ay-bnr-grid {
    min-width: inherit;
    padding-right: 4vw;
    padding-left: 4vw;
  }

  .ay-bnr-grid.ay-bnr-grid:has(a:nth-child(4)) {
    grid-template-columns: repeat(2, 1fr);
  }

  .ay-bnr-grid.ay-bnr-grid:has(a:last-child:nth-child(-n+3)) {
    grid-template-columns: repeat(1, 1fr);
  }

}
/* バナー 4枚・3枚のみ対応:end */


/* 25/11/21:end */

/* 25/12/18 バナー＋説明表示:start */

.ay-cat-wrpper {
  margin: 100px auto 0;
  max-width: 1000px;
}

.ay-cat-wrpper img {
  width: 100%;
}

.ay-cat-wrpper .ay-sec--t,
.ay-cat-wrpper .ay-mt {
  margin-top: 6rem;
}

.ay-cat-wrpper .link_over:hover {
  color: #333;
}

@media screen and (max-width: 639px) {
  .ay-cat-wrpper .ay-sec--t p {
    margin: 1rem auto;
    width: 94%;
  }

  .ay-cat-wrpper .ay-sec--t ul {
    margin: 0 auto;
    width: 94%;
  }

  .ay-cat-wrpper .ay-sec--t ul li p {
    width: 100%;
  }
}

/* 25/12/18 バナー＋説明表示:end */