@charset "UTF-8";

.ocean-floor-diamonds-products-slider {
    overflow:hidden;
    background-color: #e8e8e8;
    height:80vh;
}

.ocean-floor-diamonds-products-slider-wrap {
    background-repeat:  no-repeat;      
    background-position:center center;
    background-size:cover;
    width:100%; 
    height:100%;
}
@media all and (min-width: 768px) {
    #slidertype1 {
        background-image:url(https://images.brilliance.co.jp/pickup/products/ocean-floor-diamonds-blou/products/product_kv-1_pc.webp);
    }
    #slidertype2 {
        background-image:url(https://images.brilliance.co.jp/pickup/products/ocean-floor-diamonds-blou/products/product_kv-2_pc.webp);
    }
    #slidertype3 {
        background-image:url(https://images.brilliance.co.jp/pickup/products/ocean-floor-diamonds-blou/products/product_kv-3_pc.webp);
    }
    #slidertype4 {
        background-image:url(https://images.brilliance.co.jp/pickup/products/ocean-floor-diamonds-blou/products/product_kv-4_pc.webp);
    }
}
@media all and (max-width: 767px) {
    #slidertype1 {
        background-image:url(https://images.brilliance.co.jp/pickup/products/ocean-floor-diamonds-blou/products/product_kv-1_sp.webp);
    }
    #slidertype2 {
        background-image:url(https://images.brilliance.co.jp/pickup/products/ocean-floor-diamonds-blou/products/product_kv-2_sp.webp);
    }
    #slidertype3 {
        background-image:url(https://images.brilliance.co.jp/pickup/products/ocean-floor-diamonds-blou/products/product_kv-3_sp.webp);
    }
    #slidertype4 {
        background-image:url(https://images.brilliance.co.jp/pickup/products/ocean-floor-diamonds-blou/products/product_kv-4_sp.webp);
    }
    .ocean-floor-diamonds-products-slider {
        height:85vh;
    }
}
.ocean-floor-diamonds-product-kv__title-wrap {
  position: absolute;
  z-index: 1;
  text-align:justify;
}
@media all and (min-width: 768px) {
    .ocean-floor-diamonds-product-kv__title {
        font-size:40px;
    }
  .ocean-floor-diamonds-product-kv__title-wrap {
    left: 6%;
    top: 55%;
    transform: translateY(-50%);
  }
}
@media all and (max-width: 767px) {
    .ocean-floor-diamonds-product-kv__title {
        font-size:calc(3px + 7vw);
        text-align:center;
    }
  .ocean-floor-diamonds-product-kv__title-wrap {
    left: 50%;
    bottom: 15vw;
    transform: translateX(-50%);
    text-align:justify;
    Width:90%;
  }
}


/*------ intro ------*/
.ocean-floor-diamonds-product-intro {
    background-color:#F2F2F2;
    padding:6vw 0;
    text-align:center;
    font-size:18px;
    line-height:2.0em;
}
@media all and (max-width: 767px) {
    .ocean-floor-diamonds-product-intro {
        background-color:#F2F2F2;
        padding:14vw 5vw;
        text-align:center;
        font-size:calc(0px + 4vw);
        line-height:2.0em;
    }
}

/*------ アンカーリンク ------*/
.ocean-floor-diamonds-product-anchorLink-wrapper {
    border-right:solid #010b13 1px;
}

/*------ プロダクト ------*/
.ocean-floor-diamonds-product-jewery {
    padding-top: 50px;
    margin-top:-50px;
}
.ocean-floor-diamonds-product-jewery-wrapper {
    padding:0 10% 140px 10%;
}
@media all and (max-width: 767px) {
    .ocean-floor-diamonds-product-jewery-wrapper {
    padding:0 10% 100px 10%;
    }
}
.ocean-floor-diamonds-product-jewery h2 {
    font-size:32px;
}
@media all and (max-width: 767px) {
    .ocean-floor-diamonds-product-jewery h2 {
        font-size:28px;
    }
}
.slick-prev:before {
    content:'\f053'!important;
    font-family:'Font Awesome 6 Pro'!important;
    color:#010b13!important;
    font-size:13px!important;
}
.slick-next:before {
    content:'\f054'!important;
    font-family:'Font Awesome 6 Pro'!important;
    color:#010b13!important;
    font-size:13px!important;
}
@media all and (min-width: 768px) {
    .slick-prev {
        left:5.5vw!important;
    }
    .slick-next {
        right:5.5vw!important;
    }
    .slick-prev, .slick-next {
        top:inherit!important;
        bottom:-34px!important;
        z-index:1;
    }
}
/*---アコーディオン---*/
.card-block {
    padding:0;
}
.card {
    border:none;
}
.products-accordion-btn.collapsed:after{
    color: #fff;
    content:"VIEW MORE";
    font-family:'Lato';
    letter-spacing:0.1em;
}
.products-accordion-btn:after{
    color: #fff;
    content:"CLOSE";
    font-family:'Lato';
    letter-spacing:0.1em;
}
@media all and (min-width: 768px) {
    .products-accordion-btn.collapsed:hover:after{
        color: #010b13;
        content:"VIEW MORE";
        font-family:'Lato';
        letter-spacing:0.1em;
    }
    .products-accordion-btn:hover:after{
        color: #010b13;
        content:"CLOSE";
        font-family:'Lato';
        letter-spacing:0.1em;
    }
}
/*---/アコーディオン---*/

/* ポップオーバー popover */
.search-popover  {
    color:#010b13;
}
.search-popover h4 {
    color:#010b13;
}
.search-popover .popover-colse {
    text-align:right;
    display:block;
}

.products-ocean-image {
    width: 100%;
    aspect-ratio: 1 / 1;
}
@media all and (min-width: 768px) {
    .products-ocean-image {
        aspect-ratio: 3 / 1;
    }
}