@charset "UTF-8";

/* PENTAX カメラ トップページのスタイル */

.l-contents {
  --color-theme: var(--color-project-brand-pentax-camera);
}

.c-top-brand__heading{
  color: var(--color-black);
}

.c-top-brand__heading img{
  height: 6.7rem;
}

@media (min-width: 768px) {
  .c-top-brand__heading img{
    height: 11rem;
  }
}

.c-top-brand__paragraph{
  color: var(--color-project-text);
}

.c-top-mv__navigation-container .splide__pagination__page::before,
.c-top-mv__navigation-container .splide__pagination__page::after{
  background-color: var(--color-project-text);
}

.c-top-mv__navigation-button-container :where(svg){
  color: var(--color-project-text);
}


/*
 * お知らせ
 * NOTE: ブランド関連のニュースのみを表示する設定.
 */

#topSectionNews .c-news__list-item:not(:has([data-article-category="PENTAX"], [data-article-category="all"])) {
  display: none !important;
}

#topSectionNews .c-news__list > li:nth-child(n+6 of li:has([data-article-category="PENTAX"], [data-article-category="all"])) {
  display: none;
}

#topSectionHeading{
  padding: 4rem 0 3rem;
}

@media (min-width: 768px) {
  #topSectionHeading{
    padding: 6rem 0 4rem;
  }
}

#topSectionMv{
  margin-top: 0;
}

#topSectionRecommendContents .c-heading__text > small{
  color: var(--color-project-brand-pentax-camera);
}

#topSectionSelectCamera .c-top-tile__article .c-top-tile__text--heading{
  font-size: 1.6rem;
}

@media (min-width: 768px) {
  #topSectionSelectCamera{
    margin-top: 0;
    padding-top: var(--spacer-between-section);
  }
  #topSectionSelectCamera .c-top-tile__article .c-top-tile__text--heading{
    font-size: 1.8rem;
  }
}

.top-section__category--list{
  --column-num: 2;
  --gap: 0.9rem;
}

.l-top__section--category .c-top-tile__list-item .c-image-banner__link{
  display: block;
  position: relative;
}

.l-top__section--category .c-top-tile__list-item:has(.c-top-tile__description) .c-image-banner__image{
  aspect-ratio: 1/1;
}

.l-top__section--category .c-top-tile__description {
  padding: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

.l-top__section--category .c-top-tile__text--link{
  padding-bottom: 0;
  font-size: 1.4rem;
  font-weight: var(--fw-bold);
  letter-spacing: 0.05em;
  line-height: 1.4286;
  justify-content: space-between;
  align-items: end;
  width: 100%;
  color: var(--color-white);
  border-bottom: none;
}

.l-top__section--category .c-top-tile__text--link::after{
  position: absolute;
  right: 1rem;
  bottom: 1.5rem;
  background-image: var(--asset-link-arrow-right-white);
}

@media (min-width: 768px) {
  .l-top__section--category .top-section__category--list{
    --column-num: 4;
    --gap: 1.6rem;
  }

  .l-top__section--category .c-top-tile__description{
    padding: 1.6rem 1.8rem;
  }

  .l-top__section--category .c-top-tile__text--link{
    font-size: 2rem;
    line-height: 1.5;
  }

  .l-top__section--category .c-top-tile__text--link::after{
    --arrow-size: 0.8rem;
    right: 1.7rem;
    bottom: 2.5rem;
  }
}

/* .top-section__ranking-list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem 1.2rem;
}

.top-section__ranking-list .top-section__ranking--item:nth-of-type(1),
.top-section__ranking-list .top-section__ranking--item:nth-of-type(2){
  grid-column: 1/3;
}

.top-section__ranking-list .product__price--item{
  flex-wrap: wrap;
  row-gap: 0.4rem;
}

.top-section__ranking-list .product__price--discountrate{
  font-size: 1rem;
  background-color: var(--color-project-accent);
  color: var(--color-white);
}

@media (min-width: 768px) {
  .top-section__ranking-list{
    grid-template-columns: repeat(4, 1fr);
    gap: 1.6rem;
  }

  .top-section__ranking-list .top-section__ranking--item:nth-of-type(1){
    grid-column: 1/3;
  }

  .top-section__ranking-list .top-section__ranking--item:nth-of-type(2){
    grid-column: 3/5;
  }
} */

#topSection5yearWarrantyProducts:has(+ #topSectionSetProducts) {
  padding-bottom: 0;
}

.l-top__section--select-camera .c-top-tile__list{
  --gap: 4rem;
}

.l-top__section--select-camera .c-top-tile__article-image,
.l-top__section--select-camera .c-top-tile__article-image img{
  aspect-ratio: auto;
}

.l-top__section--select-camera .c-top-tile__article-image{
  margin-inline: 1.5rem;
}

.l-top__section--select-camera .c-top-tile__text--link{
  --color-theme: var(--color-project-text);

  justify-self: end;
}

.l-top__section--select-camera .c-top-tile__text--link::after{
  background-image: var(--asset-link-arrow-right-black);
}

.l-top__section--select-camera .c-top-tile__link[target="_blank"] .c-top-tile__text--link::after{
  background-image: var(--asset-link-blank-black);
}

@media (min-width: 768px) {
  .l-top__section--select-camera .c-top-tile__list{
    --column-num: 3;
    --gap: 5rem 2.8rem;
  }

  .l-top__section--select-camera .c-top-tile__article-image{
    margin-inline: 0;
  }

  .l-top__section--select-camera .c-top-tile__text--link{
    justify-self: auto;
  }
}

.l-top__section--featured-contents{
  --color-theme: var(--color-project-text);
}

.l-top__section--featured-contents .c-top-contents__link{
  display: block;
  height: 100%;
}

.l-top__section--featured-contents .c-top-contents__article{
  grid-template-rows: auto 1fr;
  height: 100%;
}

.l-top__section--featured-contents .c-top-contents__text--link{
  align-self: end;
}

.l-top__section--featured-contents .c-top-tile__text--link::after{
  background-image: var(--asset-link-arrow-right-black);
}

.l-top__section--featured-contents [target="_blank"] .c-top-tile__text--link::after,
.l-top__section--featured-contents .c-top-tile__text--link[target="_blank"]::after{
  background-image: var(--asset-link-blank-black);
}

.l-top__section--movie{
  background-color: var(--color-project-text);
}

.l-top__section--movie .c-heading__text{
  --color-theme: var(--color-white);

  color: var(--color-white);
}