@charset "UTF-8";

/* ==========================================================================
   Pureal Clear Lipo Essence Mask (CLE) Styles
   ========================================================================== */
.container {
    width: 100% !important;
    padding: 0;
    margin: 0;
}

#pureal-rlr header,
#pureal-rlr main,
#pureal-rlr section {
    margin: 0;
    padding: 0;
}

#pureal-rlr {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}

#pureal-rlr .wrapper {
    max-width: 100%;
    /* サイトのデザインに合わせて調整してください */
    margin: 0 auto;
    position: relative;
}

#pureal-rlr h1 {
    margin: 0;
    padding: 0;
}

#pureal-rlr img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

#pureal-rlr .pc-show {
    display: block;
}

#pureal-rlr .sp-show {
    display: none;
}

/* --- Responsive (Mobile) --- */
@media screen and (max-width: 768px) {
    #pureal-rlr .pc-show {
        display: none;
    }

    #pureal-rlr .sp-show {
        display: block;
    }
}

#pureal-rlr #products {
    background: url(https://d2w53g1q050m78.cloudfront.net/storemarumanheal/uploads/pureal_brand/img/rlr/pc/bg01.jpg) no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
}



#pureal-rlr #point {
    background: url(https://d2w53g1q050m78.cloudfront.net/storemarumanheal/uploads/pureal_brand/img/rlr/pc/bg02.jpg) no-repeat;
    background-size: cover;
    text-align: center;
}



#pureal-rlr #other {
    background: url(https://d2w53g1q050m78.cloudfront.net/storemarumanheal/uploads/pureal_brand/img/rlr/pc/bg03.jpg) no-repeat;
    background-size: cover;
    text-align: center;
}

#pureal-rlr #img01 {
    max-width: 52%;
    margin: 0 auto;
    padding-top: 15%;
}

#pureal-rlr #img02 {
    max-width: 70%;
    margin: 0 auto;
    padding-top: 10%;
    padding-bottom: 10%;
}

#pureal-rlr #img03 {
    max-width: 89%;
    margin: 0 auto;
    padding-top: 10%;
}

#pureal-rlr #img04 {
    max-width: 63%;
    margin: 0 auto;
    padding-top: 2%;
}

#pureal-rlr #img05 {
    max-width: 63%;
    margin: 0 auto;
    padding-top: 10%;
}

#pureal-rlr #img06 {
    max-width: 64%;
    margin: 0 auto;
    padding-top: 10%;
    padding-bottom: 10%;
}

#pureal-rlr #img07 {
    max-width: 56%;
    margin: 0 auto;
    padding-top: 10%;
}

#pureal-rlr #img08 {
    max-width: 86%;
    margin: 0 auto;
    padding-top: 10%;
}

#pureal-rlr #btn {
    max-width: 23%;
    position: absolute;
    left: 51%;
    bottom: 12%;
}

#pureal-rlr #btn:hover {
    opacity: 0.8;
}

#pureal-rlr #sp-products {
    position: relative;
    text-align: center;
}

#pureal-rlr #sp-products #sp-btn {
    max-width: 70%;
    position: absolute;
    left: 15%;
    bottom: 9.5%;
}

#pureal-rlr #sp-products #sp-btn:hover {
    opacity: 0.8;
}

#pureal_brand.n_mask #pb_contents .p_free.p_rlr {
    background: none;
}

#pureal_brand.n_mask #pb_contents .p_free.p_rlr .slide_area h2 {
    width: 41%;
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 50px !important;
}

#pureal_brand #pb_footer.pb_rlr_f {
    background: #ea688b;
}

.wrapper {
    padding-bottom: 0 !important;
}

#pureal_brand.n_mask section {
    padding: 0 0 !important;
}

.inner {
    margin: 0;
    height: 100%;
    padding: 0 !important;
}

@media screen and (max-width: 798px) {
    #pureal_brand {
        margin-top: 0 !important;
    }
}