/*---------------------------------------- bp_kv */
@media screen and (max-width: 767px) {
  .lab-grown-diamond-main .bp-kv .bp-kv__headline {
    margin: 25px 0 -30px;
    position: relative;
    z-index: 0;
  }
}
@media screen and (min-width: 768px) {
  .bp-kv__headline .bp-headline, .bp-kv__headline .text-link-base {
    color: var(--foundation-color-white) !important;
  }
  .bp-kv__headline .bp-kv__text-link-arrow {
    border-color: var(--foundation-color-white);
  }
}

/*---------------------------------------- intro */
@media screen and (max-width: 767px) {
  .signature__intro {
    padding: 50px 0;
  }
}
@media screen and (min-width: 768px) {
  .signature__intro {
    margin-top: 0;
  }
}

/*---------------------------------------- signature__choose-your-style */
@media screen and (min-width: 768px) {
  .signature__choose-your-style .bp-section-headline {
    text-align: center;
  }
}

/*---------------------------------------- signature__item-feature */
@media screen and (max-width: 767px) {
  .signature__item-feature .bp-section__inner {
    padding: 0 0 0 var(--sp-padding-horizontal);
  }
  .signature__item-feature .bp-simple-product-slider-list {
    min-width: 270px;
  }
}
@media screen and (min-width: 768px) {
  .signature__item-feature .bp-section-headline {
    text-align: center;
  }
  .signature__item-feature .bp-simple-product-slider-list-wrap {
    justify-content: center;
    gap: 20px;
  }
}

/* signature-lineup */
.signature-lineup__headline {
  color: var(--text-main-color);
  letter-spacing: var(--default-letter-spacing-ja);
}
.signature-lineup__list {
  display: flex;
  justify-content: center;
  gap: 2.5%;
}
.signature-lineup__list-item > figure {
  margin-bottom: 0;
}
.signature-lineup__image-list {
  position: relative;
}
.signature-lineup__image-list::after {
  content: '';
  display: block;
}
.signature-lineup__image-list-item {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  pointer-events: none;
  top: 0;
  transition: opacity .75s;
  width: 100%;
  z-index: 0;
}
.signature-lineup__image-list-item.is-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}
.signature-lineup__image-wrap {
  display: block;
  position: relative;
}
.signature-lineup__image-wrap::after {
  background-color: var(--base-color);
  content: '';
  height: 100%;
  left: 0;
  opacity: .12;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.signature-lineup__image {
  display: block;
  pointer-events: none;
  width: 100%;
  aspect-ratio: 1 / 1;
}
.signature-lineup__name {
  display: block;
  letter-spacing: var(--default-letter-spacing-ja);
}
.signature-lineup__width-list-item {
  color: var(--text-main-color);
  cursor: pointer;
  display: inline-block;
  letter-spacing: .085em;
}
.signature-lineup__width-list-item:last-of-type {
  margin-right: 0;
}
.signature-lineup__width-list-item.is-active {
  color: var(--text-main-color);
  text-decoration:underline;
}
.signature-lineup__material-list {
  margin-bottom: 0;
}
.signature-lineup__material-list {
  display: flex;
}
.signature-lineup__material-list-item {
  position: relative;
}
.signature-lineup__material-list-item::before {
  content: '';
  position: absolute;
}
.signature-lineup__material-list-item {
  cursor: pointer;
  height: 36px;
  position: relative;
  width: 29px;
  -webkit-tap-highlight-color: transparent;
}
.signature-lineup__material-list-item::before,
.signature-lineup__material-list-item::after {
  border: 1px solid transparent;
  border-radius: 50%;
  content: '';
  display: block;
  position: absolute;
}
.signature-lineup__material-list-item::before {
  border-color: transparent;
  height: 15px;
  left: 10px;
  top: 10px;
  width: 15px;
}
.signature-lineup__material-list-item::after {
  height: 9px;
  left: 13px;
  top: 13px;
  width: 9px;
}
.signature-lineup__material-list-item--pt.is-active::before {
  border-color: var(--jewelry-material-pt);
}
.signature-lineup__material-list-item--yg.is-active::before {
  border-color: var(--jewelry-material-yg);
}
.signature-lineup__material-list-item--pg.is-active::before {
  border-color: var(--jewelry-material-pg);
}
.signature-lineup__material-list-item--cg.is-active::before {
  border-color: var(--jewelry-material-cg);
}
.signature-lineup__material-list-item--pt::after {
  background-color: var(--jewelry-material-pt);
}
.signature-lineup__material-list-item--yg::after {
  background-color: var(--jewelry-material-yg);
}
.signature-lineup__material-list-item--pg::after {
  background-color: var(--jewelry-material-pg);
}
.signature-lineup__material-list-item--cg::after {
  background-color: var(--jewelry-material-cg);
}
@media all and (max-width: 767px) {
  .signature-lineup {
    padding: 13% 0 0;
  }
  .signature-lineup__list {
    flex-wrap: nowrap;
    margin-top: 40px;
    overflow-x: scroll;
    padding: 0 5.335%;
    width: 100%;
    justify-content: space-between;
    gap: 20px;
  }
  .signature-lineup__list-item {
    width: 100%;
    min-width: 270px;
  }
  .signature-lineup__headline {
    font-size: 20px;
    padding: 0 5.3334%;
  }
  .signature-lineup__image-list::after {
    padding-top: 100%;
  }
  .signature-lineup__image-wrap {
    padding: 17.3134%;
  }
  .signature-lineup__name {
    font-size: 14px;
    margin-top: 15px;
  }
  .signature-lineup__width-list {
    margin-top: 7px;
  }
  .signature-lineup__width-list-item {
    font-size: 12px;
  }
  .signature-lineup__width-list-item {
    margin-right: .75em;
  }
  .signature-lineup__material-list {
    margin-left: -10px;
  }
  .signature-lineup-link {
    margin-top: 45px;
  }
}
@media all and (min-width: 768px) {
  .signature-lineup {
    padding: 0 10%;
  }
  .signature-lineup__headline {
    font-size: 22px;
    margin: 0;
    text-align: center;
  }
  .signature-lineup__list {
    display: flex;
    margin-top: 50px;
  }
  .signature-lineup__list-item {
    width: 23.3334%;
  }
  .signature-lineup__image-list::after {
    padding-top: calc(100% / 3 * 4);
  }
  .signature-lineup__image-wrap {
    padding: 30.909% 17.0909%;
  }
  .signature-lineup__name {
    font-size: 14px;
  }
  .signature-lineup__width-list {
    margin-top: 4px;
  }
  .signature-lineup__width-list-item {
    font-size: 11px;
  }
  .signature-lineup__width-list-item {
    margin-right: .75em;
  }
  .signature-lineup__material-list {
    margin-left: -10px;
  }
  .signature-lineup-link {
    margin-top: 50px;
  }
}

/*---------------------------------------- signature__ordermade-episodes */
.signature__ordermade-episodes .text-link-base {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .signature__ordermade-episodes .ordermade-episodes-list {
    margin: -8% auto 10% !important;
  }
  .signature__ordermade-episodes .bh-article-list__title {
    font-size: 12px;
  }
  .signature__ordermade-episodes .bp-box-link-wrap {
    margin: 14% 0 0;
  }
}
@media screen and (min-width: 768px) {
  .signature__ordermade-episodes .ordermade-episodes-list {
    margin: -6% auto 6% !important;
  }
  .signature__ordermade-episodes .bh-article-list__title {
    font-size: 16px;
  }
  .signature__ordermade-episodes .bh-article-list__image {
    aspect-ratio: 5 / 3;
  }
  .signature__ordermade-episodes .bp-box-link-wrap {
    margin: 5.3335% 0 0;
  }
}

/*---------------------------------------- bp-panel-slider */
@media screen and (min-width: 768px) {
  .bp-headline--pc-center {
    text-align: center;
  }
  .bp-panel-slider-list__text-wrap {
    padding: 0 6.8181% 0;
  }
}
@media screen and (max-width: 767px) {
  .bp-headline--pc-center {
    text-align: left;
  }
}

/*---------------------------------------- about_brilliance */
.about_brilliance .bp-panel-slider {
  margin-bottom: 0;
}

/*---------------------------------------- showroom */
@media screen and (max-width: 767px) {
  .category-index-showroom-headline {
    text-align: left;
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .category-index-showroom-headline {
    text-align: center;
    font-size: 20px;
  }
}