@charset "UTF-8";

/* レクタングル */
.rot-recommend-parts {
  width: 100%;
  min-width: 0;
  position: relative;
  display: block;
  aspect-ratio: 1;
  container-type: inline-size;
}

.rot-recommend-parts--bnr {
  aspect-ratio: 1140/200;
}

.rot-recommend-parts img {
  width: 100%;
  height: 100%;
}

.rot-recommend-parts__date-upper {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 6.3cqw;
  font-size: 6cqw;
  font-weight: 700;
  white-space: nowrap;
  color: #fff;
  line-height: 1;
}

.rot-recommend-parts__date-bottom {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 2.8cqw;
  right: 0;
  font-size: 5cqw;
  font-weight: 700;
  white-space: nowrap;
  color: #fff;
  line-height: 1;
}

/* KV系 */
.hero-image_inner {
  position: relative;
  container-type: inline-size;
}

.hero-image__date-upper {
  text-align: center;
  position: absolute;
  top: 2.1cqw;
  left: 0;
  width: 100%;
  font-size: 3cqw;
  color: #fff;
  font-weight: 700;
  line-height: 1;
}

.hero-image__date-bottom {
  text-align: center;
  position: absolute;
  bottom: 1.25cqw;
  left: 0;
  width: 100%;
  font-size: 2cqw;
  color: #fff;
  font-weight: 700;
  line-height: 1;
}

@media (max-width:767px) {
  .hero-image__date-upper {
    top: 5.5cqw;
    font-size: 6cqw;
  }

  .hero-image__date-bottom {
    bottom: 2.2cqw;
    font-size: 4cqw;
  }
}

/* 横長バナー */
.recommend-parts-in-search {
  position: relative;
  container-type: inline-size;
}

.recommend-parts-in-search__date-upper {
  width: 30cqw;
  aspect-ratio: 342 / 45;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.5cqw;
  left: 5.2cqw;
  color: #fff;
  font-size: 2cqw;
  font-weight: 700;
}

.recommend-parts-in-search__date-bottom {
  width: 9cqw;
  aspect-ratio: 104 / 171;
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  font-size: 1cqw;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}