@charset "UTF-8";

/* TOPページのスライダー下に表示する固定バナー */
.p-home-featured-banners {
  display: grid;
  gap: 20px;
  width: min(100%, 1080px);
  margin: 32px auto 0;
}

.p-home-featured-banners__item {
  overflow: hidden;
  width: 100%;
  border: 2px solid #b7934b;
  background: #fff;
  box-shadow: 0 10px 30px rgba(20, 45, 76, 0.18);
}

.p-home-featured-banners__link,
.p-home-featured-banners picture,
.p-home-featured-banners img {
  display: block;
  width: 100%;
}

.p-home-featured-banners__link {
  transition: opacity 0.25s ease;
}

.p-home-featured-banners__link:hover {
  opacity: 0.88;
}

.p-home-featured-banners__link:focus-visible {
  outline: 4px solid #e2a426;
  outline-offset: 4px;
}

.p-home-featured-banners img {
  height: auto;
}

@media (max-width: 767px) {
  .p-home-featured-banners {
    gap: 14px;
    margin-top: 20px;
  }

  .p-home-featured-banners__item {
    border-width: 1px;
    box-shadow: 0 6px 18px rgba(20, 45, 76, 0.16);
  }
}

@media (prefers-reduced-motion: reduce) {
  .p-home-featured-banners__link {
    transition: none;
  }
}