/** Shopify CDN: Minification failed

Line 463:0 Expected "}" to go with "{"

**/
@charset "UTF-8";
/* -------------------------------------------------------------------
  vw変換
------------------------------------------------------------------- */
.title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px 22px;
  margin-bottom: clamp(20px, 3.2552083333vw, 30px);
  font-size: clamp(11px, 1.7578125vw, 16px);
  letter-spacing: -0.05em;
  color: #707070;
}
@media only screen and (max-width: 767px) {
  .title {
    flex-direction: column;
  }
}
.title::before {
  content: attr(en);
  font-family: Inter, sans-serif;
  font-size: clamp(22px, 3.515625vw, 32px);
  font-weight: 400;
  color: #333;
}
.title.--center {
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .title.--center {
    align-items: center;
  }
}

.top-fv {
  position: relative;
}
.top-fv::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.2);
}
.top-fv__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.top-fv__image-wrap {
  width: 100%;
  height: calc(100dvh - 73px);
}
@media only screen and (max-width: 911px) {
  .top-fv__image-wrap {
    height: calc(100dvh - 53px);
  }
}
.top-fv__label {
  position: absolute;
  right: clamp(15px, 2.9296875vw, 30px);
  bottom: clamp(15px, 2.9296875vw, 30px);
  padding-block: clamp(15px, 2.7994791667vw, 28px) clamp(15px, 2.9296875vw, 30px);
  padding-inline: clamp(30px, 5.5338541667vw, 55px);
  background-color: #333;
  text-align: center;
  color: white;
}
.top-fv__label-title {
  display: block;
  font-size: clamp(16px, 3.125vw, 32px);
  font-family: Inter, sans-serif;
  line-height: 1.3;
  letter-spacing: -0.05em;
}
.top-fv__label-text {
  display: block;
  margin-top: clamp(2px, 0.5208333333vw, 6px);
  font-size: clamp(10px, 1.5625vw, 14px);
}

.top-collection__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (min-width: 1366px) {
  .top-collection__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.top-collection .collection-item {
  background-color: #F8F8F8;
}
@media only screen and (min-width: 1366px) {
  .top-collection .collection-item:nth-child(2), .top-collection .collection-item:nth-child(4), .top-collection .collection-item:nth-child(6), .top-collection .collection-item:nth-child(7), .top-collection .collection-item:nth-child(9), .top-collection .collection-item:nth-child(11) {
    background-color: white;
  }
}
@media only screen and (max-width: 1365.9px) {
  .top-collection .collection-item:nth-child(2), .top-collection .collection-item:nth-child(4), .top-collection .collection-item:nth-child(5), .top-collection .collection-item:nth-child(7), .top-collection .collection-item:nth-child(10), .top-collection .collection-item:nth-child(12) {
    background-color: white;
  }
}

.collection-item {
  display: flex;
  align-items: center;
  padding: clamp(8px, 1.5625vw, 16px);
}
@media only screen and (max-width: 767px) {
  .collection-item {
    flex-direction: column;
  }
}
.collection-item__figure {
  flex-shrink: 0;
}
.collection-item__icon {
  width: clamp(50px, 8.1380208333vw, 75px);
  height: clamp(50px, 8.1380208333vw, 75px);
}
.collection-item__text {
  width: 100%;
  color: #333;
}
.collection-item__text-en {
  display: block;
  text-align: center;
  font-size: clamp(13px, 2.1484375vw, 20px);
  font-family: Inter, sans-serif;
}
.collection-item__text-ja {
  display: block;
  text-align: center;
  font-size: clamp(9px, 1.3671875vw, 12px);
  letter-spacing: -0.05em;
}

.top-feature-product {
  counter-reset: ranking-num;
}
.top-feature-product .title {
  margin-bottom: clamp(20px, 4.5572916667vw, 50px);
}
.top-feature-product__slide {
  position: relative;
}
.top-feature-product__slide:nth-child(1) .product-number, .top-feature-product__slide:nth-child(2) .product-number, .top-feature-product__slide:nth-child(3) .product-number {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: clamp(24px, 4.1666666667vw, 40px);
}
.top-feature-product__slide:nth-child(1) .product-number::before, .top-feature-product__slide:nth-child(2) .product-number::before, .top-feature-product__slide:nth-child(3) .product-number::before {
  content: counter(ranking-num);
  counter-increment: ranking-num;
  display: block;
  width: 100%;
  font-size: clamp(24px, 4.1666666667vw, 40px);
  text-align: center;
  font-size: 40px;
  font-size: clamp(20px, 3.3854166667vw, 32px);
  color: white;
}
.top-feature-product__slide:nth-child(1) .product-number::after, .top-feature-product__slide:nth-child(2) .product-number::after, .top-feature-product__slide:nth-child(3) .product-number::after {
  content: "";
  display: block;
  width: 100%;
  height: clamp(8px, 1.3020833333vw, 12px);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 0, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 0, 0% 100%);
}
.top-feature-product__slide:nth-child(1) .product-number::before,
.top-feature-product__slide:nth-child(1) .product-number::after {
  background-color: #B9AD00;
}
.top-feature-product__slide:nth-child(2) .product-number::before,
.top-feature-product__slide:nth-child(2) .product-number::after {
  background-color: #898989;
}
.top-feature-product__slide:nth-child(3) .product-number::before,
.top-feature-product__slide:nth-child(3) .product-number::after {
  background-color: #7A6A56;
}
.top-feature-product .splide__arrow {
  width: clamp(18px, 2.4739583333vw, 20px);
  height: clamp(56px, 8.5286458333vw, 75px);
  border-radius: 0;
  background-color: #333;
  opacity: 1;
}
.top-feature-product .splide__arrow svg {
  fill: white;
  width: 0.8em;
  height: 0.8em;
}
.top-feature-product .splide__arrow:disabled {
  display: none;
}
.top-feature-product .splide__arrow--next {
  right: 0;
  transform: translate(50%, -50%);
}
.top-feature-product .splide__arrow--prev {
  left: 0;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .top-feature-product__btn-wrap {
    text-align: left;
  }
}
.top-feature-product .product {
  margin-bottom: 0;
}

.top-showroom__box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px 30px;
}
@media only screen and (max-width: 767px) {
  .top-showroom__box {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 5px;
  }
}
.top-showroom__item {
  display: block;
}
.top-showroom__item-figure {
  position: relative;
  aspect-ratio: 522/286;
}
.top-showroom__item-figure figcaption {
  margin-top: clamp(5px, 1.1067708333vw, 12px);
  font-family: Inter, sans-serif;
  font-size: clamp(16px, 2.4739583333vw, 22px);
}
.top-showroom__item-figure::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: block;
  width: clamp(30px, 5.859375vw, 60px);
  height: clamp(30px, 5.859375vw, 60px);
  background-image: url(//meliora.jp/cdn/shop/t/14/assets/top-showroom-icon.png);
  background-size: contain;
}
.top-showroom__item-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-showroom__item-label {
  display: block;
  margin-top: clamp(5px, 1.1067708333vw, 12px);
  font-size: clamp(13px, 2.4088541667vw, 24px);
  color: #333;
  letter-spacing: -0.05em;
}
@media only screen and (max-width: 767px) {
  .top-showroom__btn-wrap {
    text-align: left;
  }
}

.top-topics__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 54px;
       column-gap: 54px;
}
@media only screen and (max-width: 767px) {
  .top-topics__inner {
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .top-topics__btn-wrap {
    text-align: left;
  }
}
.top-topics .post-item__title {
  font-size: clamp(13px, 2.2786458333vw, 22px);
}
.top-topics .post-item__excerpt {
  font-size: clamp(12px, 1.8229166667vw, 16px);
}

.top-instagram__inner {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}
@media only screen and (max-width: 767px) {
  .top-instagram__inner {
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
  }
}
.top-instagram__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-instagram__img-wrap {
  aspect-ratio: 326/300;
}
@media only screen and (max-width: 440px) {
  .top-instagram__btn-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
  }
  .top-instagram__btn-wrap ._btn {
    padding-inline: 13px;
  }
}/*# sourceMappingURL=custom-top.css.map */

/* ===========================================
   スライドショーFV: 基本設定
   =========================================== */
.home-slideshow-layout {
  width: 100%;
  aspect-ratio: 1920 / 700;
  overflow: hidden;
}

.home-slideshow-layout .home-slideshow-wrapper,
.home-slideshow-layout .group-home-slideshow,
.home-slideshow-layout .home-slideshow-inner,
.home-slideshow-layout .home-slideshow-content,
.home-slideshow-layout .home-slideshow-content > ul,
.home-slideshow-layout .home-slideshow-content > ul > li {
  width: 100% !important;
  height: 100% !important;
}

.home-slideshow-layout .home-slideshow-content img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center;
}

/* ===========================================
   スライドショーの矢印（中央左右の小さな丸）
   =========================================== */
body .shopify-section .home-slideshow-layout {
  position: relative !important;
}

body .shopify-section .home-slideshow-layout .tparrows {
  position: absolute !important;
  width: 28px !important;
  height: 28px !important;
  top: 50% !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  background: rgba(255, 255, 255, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
  background-image: none !important;
  border-radius: 50% !important;
  font-size: 0 !important;
  z-index: 100 !important;
  text-align: center !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

body .shopify-section .home-slideshow-layout .tparrows:hover {
  background: rgba(255, 255, 255, 0.85) !important;
  background-color: rgba(255, 255, 255, 0.85) !important;
}

body .shopify-section .home-slideshow-layout .tparrows.tp-leftarrow {
  left: 15px !important;
  right: auto !important;
}

body .shopify-section .home-slideshow-layout .tparrows.tp-rightarrow {
  right: 15px !important;
  left: auto !important;
}

body .shopify-section .home-slideshow-layout .tparrows::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 6px !important;
  height: 6px !important;
  border-style: solid !important;
  border-color: #333 !important;
  border-width: 1.5px 1.5px 0 0 !important;
  background: transparent !important;
  pointer-events: none !important;
}

body .shopify-section .home-slideshow-layout .tparrows.tp-leftarrow::before {
  transform: translate(-30%, -50%) rotate(-135deg) !important;
}

body .shopify-section .home-slideshow-layout .tparrows.tp-rightarrow::before {
  transform: translate(-70%, -50%) rotate(45deg) !important;
}

/* ===========================================
   cs-april.styles.cssの強制 100vh ルールを上書き
   =========================================== */
body .shopify-section .home-slideshow-layout .home-slideshow-content.responsive-mobile,
body .shopify-section .home-slideshow-layout .home-slideshow-content.unresponsive {
  height: auto !important;
  aspect-ratio: 1920 / 700 !important;
}

/* ===========================================
   スマホ専用: 3:4縦長 + 下寄せ + 矢印非表示
   =========================================== */
@media only screen and (max-width: 767px) {
  body .shopify-section .home-slideshow-layout,
  body .shopify-section .home-slideshow-layout .home-slideshow-content.responsive-mobile,
  body .shopify-section .home-slideshow-layout .home-slideshow-content.unresponsive {
    aspect-ratio: 3 / 4 !important;
    width: 100% !important;
    height: auto !important;
    margin-inline: auto !important;
  }
  
  body .shopify-section .home-slideshow-layout .tparrows {
    display: none !important;
  }
  
  body .shopify-section .home-slideshow-layout picture,
  body .shopify-section .home-slideshow-layout picture img,
  body .shopify-section .home-slideshow-layout .home-slideshow-content img,
  body .shopify-section .home-slideshow-layout .home-slideshow-content > ul > li img,
  body .shopify-section .home-slideshow-layout .tp-bgimg,
  body .shopify-section .home-slideshow-layout div[class*="tp-bgimg"] {
    object-fit: cover !important;
    object-position: center bottom !important;
    background-position: center bottom !important;
    background-size: cover !important;
  }