@charset "utf-8";
/* MARK:ショールームギャラリー */
.showroom-gallery {
  display: grid;
  gap: 2rem;
  padding-block: 2rem 3.6rem;
}

.showroom-gallery__title {
  font-size: var(--fluid-24-32);
  font-weight: 400;
  color: var(--c-primary);
}

.showroom-gallery__description {
  font-size: var(--fluid-16-18);
  margin-top: 2rem;
}

.showroom-gallery__notice {
  font-size: var(--fluid-14-16);
  /* color: var(--c-red); */
  /* font-weight: 500; */
  margin-top: 2rem;
}

@media (min-width: 768px) {
  .showroom-gallery__title {
    margin-top: -9rem;
  }

  .showroom-gallery__description {
    margin-top: 2rem;
  }

  .showroom-gallery__notice {
    margin-top: 1rem;
  }
}

.showroom-slider__main {
  border-radius: 0.6rem;
  overflow: hidden;
  aspect-ratio: 350 / 430;
}

@media (min-width: 768px) { .showroom-slider__main { aspect-ratio: 575 / 430; } }

.showroom-slider__figure {
  margin: 0;
}

.showroom-slider__image {
  width: 100%;
  aspect-ratio: 350 / 430;
  object-fit: cover;
}

@media (min-width: 768px) { .showroom-slider__image {aspect-ratio: 575 / 430;} }



.showroom-slider__thumbs {
  margin-top: 1rem;
}

.showroom-slider__thumb {
  cursor: pointer;
  border-radius: 0.4rem;
  overflow: hidden;
  opacity: 0.5;
  transition: opacity 0.3s ease;
  box-sizing: border-box;
  border: 2px solid transparent;
}

.showroom-slider__thumb:hover,
.showroom-slider__thumb.swiper-slide-thumb-active {
  opacity: 1;
}

.showroom-slider__thumb.swiper-slide-thumb-active {
  border-color: var(--c-secondary);
}

.showroom-slider__thumb-image {
  width: 100%;
  aspect-ratio: 65 / 49;
  object-fit: cover;
}

@media (min-width: 768px) {
  .showroom-gallery {
    grid-template-columns: 1fr 1fr;
    /* padding: 8rem 0 10rem; */
    gap: 5rem;
    display: grid;
    align-items: center;
    padding-block: 3rem 5rem;
  }

  .showroom-slider {
    /* max-width: 80rem; */
    margin-inline: auto;
    /* margin-top: 3.6rem; */
    width: 100%;
  }

  .showroom-slider__thumbs {
    margin-top: 1.5rem;
  }
}

.showroom_article__container {
  background-color: #fff;
  border-radius: 0.6rem;
  padding: 5rem 2rem 5rem;
  margin-top: 0;
  display: grid;
  gap: 3.6rem;
}

.artucle-shoroom__title {
  font-size: var(--fluid-24-32);
  color: var(--c-primary);
  font-weight: 400;
  text-align: center;
}

.showroom-card {
  display: grid;
  gap: 5rem;
  margin-top: 2rem;
}

.showroom-card__item {
  display: flex;
  flex-direction: column;
}

.showroom-card__title {
  text-align: center;
  font-size: var(--fluid-20-24);
  font-weight: 400;
  color: var(--c-primary);
  white-space: nowrap;
}

.showroom-card__media {
  margin-top: 1.2rem;
}

.showroom-card__image {
  overflow: hidden;
  border-radius: 0.6rem;
  aspect-ratio: 320 / 239;
  margin-inline: auto;
}

.showroom-card__info {
  font-size: var(--fluid-14-16);
  display: grid;
  grid-template-columns: 3.4rem 1fr;
  gap: 1rem;
  margin-top: 0.8rem;
  margin-bottom: 1rem;
}

.showroom-card__info-label {
  display: grid;
  grid-template-columns: 5.4rem 1fr;
  gap: 1rem;
  white-space: nowrap;
}

.showroom-card__info-value {
  margin: 0;
  text-align: justify;
  white-space: nowrap;
}

.showroom-card__contact {
  display: grid;
  background-color: var(--c-primary-10);
  padding: 1.2rem 0 1.35rem;
  margin-top: auto;
  border-radius: 0.6rem;
  min-width: 31rem;
  margin-bottom: 2rem;
  justify-content: center;
}

.showroom-card__contact-wrapper {margin-top: clamp(2rem, 0.144rem + 0.476vw, 3.8rem);}

@media (min-width: 768px) {
.showroom-card__contact-wrapper{width: 31rem;margin-inline: auto;}

}


.showroom-card__contact-label {
  text-align: center;
}

.showroom-card__contact-phone {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  margin-top: -1rem;
}

.showroom-card__contact-number {
  font-size: var(--fz-32);
}

.showroom-card__hours {
  font-size: var(--fluid-14-16);
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-top: -0.5rem;
  justify-content: center;
}

@media (min-width: 768px) {
  .showroom_article__container {
    padding: 5rem 10rem 10rem;
    gap: 5rem;
  }

  .showroom-card {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 5rem 2rem;
    margin-top: 3.5rem;
  }

  .showroom-card__item {
    grid-column: span 2;
  }

  /* === 最後の行を中央揃え（無限対応） === */
  /* 1個の場合: 中央に配置 */
  .showroom-card__item:first-child:nth-last-child(1) {
    grid-column: 3 / span 2;
  }

  /* 2個の場合: 中央に配置 */
  .showroom-card__item:first-child:nth-last-child(2) {
    grid-column: 2 / span 2;
  }

  /* 余り1（4,7,10...個）: 最後の1つを中央に */
  .showroom-card__item:first-child:nth-last-child(3n+1)~.showroom-card__item:last-child {
    grid-column: 3 / span 2;
  }

  /* 余り2（5,8,11...個）: 最後の2つを中央に */
  .showroom-card__item:first-child:nth-last-child(3n+2)~.showroom-card__item:nth-last-child(2) {
    grid-column: 2 / span 2;
  }

  .showroom-card__info-value {
    margin: 0;
    /* text-align: justify; */
  }

  .showroom-card__contact-label {
    font-size: var(--fz-16);
  }


  .showroom-card__contact-phone {
    margin-top: -1rem;
  }
}

.btns-area {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.btns-area .btn-border-primary {
  margin-top: 0;
}

@media (min-width: 768px) {
  .btns-area {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}

.showroom-intro {
  padding-block: 2rem 3rem
}

.showroom-intro__heading {
  text-align: center;
  font-size: var(--fluid-24-32);
  font-weight: 400;
}

.showroom-intro__description {
  text-align: center;
  margin-top: 2rem;
  font-size: var(--fluid-14-18);
}

.showroom-intro__notice {
  margin-top: 3rem;
  background-color: #FFF;
  padding: 2rem;
  border-radius: 0.6rem;
  /* border-radius: 6px; */
  border: 3px solid var(--red, #D13122);
  /* background: #FFF; */
  /* text-align: center; */
}

.showroom-intro__notice-title {
  font-size: var(--fluid-18-20);
  text-align: center;
}

.showroom-intro__notice-text {
  font-size: var(--fluid-14-16);
  margin-top: 0.6rem;
  text-align: justify;
}

@media (min-width: 768px) {
  .showroom-intro {
    padding-block: 3rem 5rem;
  }

  .showroom-intro__notice {
    margin-inline: 100px;
  }
}


/* MARK:showroom-detail */
.showroom-detail{
	background-color: var(--c-primary-10);
	padding: 5rem 0 5rem;}

@media (min-width: 768px) {
.showroom-detail{

	padding: 10rem 0 10rem;}


}


.showroom_detail_article__container {
  background-color: #fff;
  border-radius: 0.6rem;
  padding: 4rem 2rem 5rem;
  margin-top: 0;
  display: grid;
  gap: 4rem;
}


@media (min-width: 768px) {
  .showroom_detail_article__container {
    padding: 8.4rem 10rem 10rem;
    gap: 5rem;
  }

}


.list-caption {margin-top: clamp(3rem, calc(3rem + 1vw), 5rem) ;}

/* MARK:情報テーブル */
.table-info {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--fluid-14-16);
  margin-top: 2rem;
}

.table-info th,
.table-info td {
  vertical-align: top;
  text-align: left;
  padding: 0.8em 0;
  border-bottom: 1px solid var(--c-gray02);
  text-align: justify;
}

.table-info th {
  font-weight: 400;
  white-space: nowrap;
  width: 6em;
  padding-right: 1em;
}

@media (min-width: 768px) {
  .table-info th {
    width: 8em;
  }
}

/* MARK:マップ */
.article-showroom__map-grid {
  display: grid;
  gap: 1.5rem;
  margin-top: clamp(2rem, 0.350rem + 0.423vw, 3.6rem);
}

.article-showroom__map-embed {
  /* position: relative; */
  /* padding-bottom: 56.25%; */
  /* height: 0; */
  overflow: hidden;
  border-radius: 0.6rem;
  aspect-ratio: 310 / 231;
}

.article-showroom__map-embed iframe {
  /* position: absolute; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.article-showroom__map-info .table-info {
  margin-top: 0;
}

@media (min-width: 768px) {
  .article-showroom__map-grid {
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    align-items: center;
    display: grid;
  }

  .article-showroom__map-embed {
    /* padding-bottom: 75%; */
    aspect-ratio: 475 / 355;
  }
}

/* MARK:アクセス方法 */
.article-showroom__access {
  margin-top: 4rem;
}

.article-showroom__access-grid {
  display: grid;
  gap: 3rem;
  margin-top: clamp(1.2rem, -1.277rem + 0.635vw, 3.6rem);
}

.article-showroom__access-content {
  display: grid;
  gap: 3rem;
}

.article-showroom__access-list {
  display: grid;
  gap: 0.8rem;
  font-size: var(--fluid-14-16);
}

.article-showroom__access-list > li {
  padding-left: 1.2em;
  position: relative;
  /* font-size: var(--fz-14); */
  text-align: justify;
}

.article-showroom__access-list > li::before {
  content: "\30FB";
  position: absolute;
  left: 0;
}

.article-showroom__access-note {
  font-size: var(--fluid-14-16);
  /* color: var(--c-red); */
  /* font-weight: 500; */
  text-align: justify;
}

.article-showroom__access-note2 {
  font-size: var(--fz-14);
  text-align: justify;
}


.article-showroom__access-map {
  margin: 0;
}

.article-showroom__access-map img {
  border-radius: 0.6rem;
}

@media (min-width: 768px) {
  .article-showroom__access-grid {
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    align-items: start;
  }

  /* アクセスマップ画像が無い拠点は1カラム中央寄せ（auto + justify-content:center で margin-inline:auto 相当） */
  .article-showroom__access-grid:not(:has(.article-showroom__access-map)) {
    grid-template-columns: auto;
    justify-content: center;
  }
}