@charset 'UTF-8';
@font-face
{
    font-family: 'NotoSerifJP';
    /*要素に指定するときに使うフォント名*/

    src: url('../fonts/NotoSerifJP-Regular.woff') format('woff');
    font-display: swap;
}
.pc_disp_only
{
    display: block;
}

.sp_disp_only
{
    display: none;
}

@media screen and (max-width: 768px)
{
    .pc_disp_only
    {
        display: none;
    }

    .sp_disp_only
    {
        display: block;
    }
}
.moonpearl_bodyandhair .main
{
    position: relative;

    width: 100%;
    height: 850px;

    background: url(../img/hair-body/moonpearl/pc_main_v.jpg) center center no-repeat;
    background-size: cover;
}

.moonpearl_bodyandhair .main .main_text
{
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.moonpearl_bodyandhair .main .main_text img
{
    width: 272px;
}

.moonpearl_bodyandhair .main .scrollAnimation
{
    color: #fff;
}

.moonpearl_bodyandhair .interview
{
    position: relative;

    width: 100%;
    /* padding: 120px 0 0 0; */
}

.moonpearl_bodyandhair .interview .inner
{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.moonpearl_bodyandhair .interview .inner .lead
{
    font-size: 25px;
    font-weight: 600;
    line-height: 40px;

    text-align: center;

    color: #9a7b50;
}

.moonpearl_bodyandhair .interview .inner .lead_more
{
    font-size: 25px;
    font-weight: 600;
    line-height: 45px;

    margin: 20px auto 0 auto;
    padding: 0;

    text-align: center;

    color: #000;
}

.moonpearl_bodyandhair .interview .inner .lead_more span
{
    font-size: 18px;
}

.moonpearl_bodyandhair .interview .inner .textarea
{
    display: flex;

    width: 100%;
    margin: 50px auto 60px auto;
    padding: 0;

    background: url(../img/skincare/series/moonpearl-extra/ph_wao_pc.jpg) no-repeat left top;
    background-size: contain;

    align-items: center;
    justify-content: flex-end;
}

.moonpearl_bodyandhair .interview .inner .textarea .text
{
    width: 57%;
    margin: 60px 0;
    padding: 30px 20px;

    background-color: rgba(255, 255, 255, .9);
    box-shadow: 3px 6px 6px 0 rgba(0, 0, 0, .16);
}

.moonpearl_bodyandhair .interview .inner .textarea .text .text_lead
{
    font-size: 18px;
    line-height: 31px;

    margin: 0 0 10px 0;

    letter-spacing: 1.5px;

    color: #9a7b50;
}

.moonpearl_bodyandhair .interview .inner .textarea .text p
{
    font-size: 15px;
    line-height: 30px;

    letter-spacing: 1.5px;
}

.moonpearl_bodyandhair .interview .inner .textarea .text p.caption
{
    font-size: 12px;

    width: 100%;
    margin: 0 0 10px 0;
}

.moonpearl_bodyandhair .interview .inner .textarea .text p.caption.ta_r
{
    text-align: right;
}

.moonpearl_bodyandhair .interview .inner .textarea .text .divider
{
    width: 100%;
    height: 1px;
    margin: 30px 0;
    padding: 0;

    background: #bac1c4;
}

.moonpearl_bodyandhair .interview .inner .textarea .text .photo
{
    display: flex;

    width: 100%;
    margin: 30px 0 0 0;

    justify-content: space-between;
}

.moonpearl_bodyandhair .interview .inner .textarea .text .photo img
{
    width: 31.3%;
}

.moonpearl_bodyandhair .interview .inner .profile
{
    width: 100%;
    max-width: 700px;
    margin: 50px auto 0 auto;
    padding: 30px 0;

    border: 1px solid #bac1c4;
}

.moonpearl_bodyandhair .interview .inner .profile p
{
    font-size: 13px;
    line-height: 23.4px;

    text-align: center;
}

.moonpearl_bodyandhair .interview .inner .profile p.lead
{
    font-size: 16px;
    line-height: 27px;

    margin: 0 0 10px 0;
}

.moonpearl_bodyandhair .interview .inner .profile p.name
{
    font-size: 18px;
    line-height: 30px;

    margin: 0 0 15px 0;
}

.moonpearl_bodyandhair .item
{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.moonpearl_bodyandhair .item #lineup ul li .text
{
    padding-bottom: 0;
}

.moonpearl_bodyandhair .item #lineup ul li .text h3,
.moonpearl_bodyandhair .item #lineup ul li .text .desc
{
    margin: 0 0 20px 0;
}

.moonpearl_bodyandhair .item #lineup ul li .text .btns
{
    position: relative;
    bottom: 0;
    left: 0;

    -moz-column-gap: 12px;

         column-gap: 12px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .item #lineup ul li .text .btns
    {
        -moz-column-gap: unset;
             column-gap: unset;
    }
}

.moonpearl_bodyandhair .item .price
{
    margin-bottom: 20px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .item .price
    {
        letter-spacing: -.04vw;
    }
}

.moonpearl_bodyandhair .item .notice
{
    font-size: 12px;

    margin-top: 50px;
}

.moonpearl_bodyandhair .wrap.clearFix
{
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    padding: 80px 0;
}

@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .main
    {
        position: relative;

        height: 168.266667vw;
        min-height: unset;

        background: url(../img/hair-body/moonpearl/sp_main_v.jpg) center bottom no-repeat;
        background-position: top;
        background-size: 100%;
    }

    .moonpearl_bodyandhair .main .main_text
    {
        top: 23%;

        width: 100%;
        margin: auto;
        /* padding: 10% 0 0 0; */
    }

    .moonpearl_bodyandhair .main .main_text img
    {
        width: 63.4vw;
        height: auto;
        margin: auto;
    }

    .scrollAnimation
    {
        bottom: 5.333vw;
    }

    .moonpearl_bodyandhair .item .notice
    {
        font-size: 3.2vw;
        line-height: 1.6666;

        padding: 0 5.3vw;
    }

    .moonpearl_bodyandhair .item #lineup ul li .photo,
    .moonpearl_bodyandhair .item .lineup ul li .photo
    {
        width: 33.2vw;
    }

    .moonpearl_bodyandhair .wrap.clearFix
    {
        max-width: 100%;
        padding: 5vw 0;
    }
}
@media screen and (max-width: 768px)
{
    /* .moonpearl_bodyandhair .main {
      background: url(../img/skincare/series/moonpearl-extra/mv_sp.jpg) center bottom no-repeat;

      height: 168vw;
      min-height: initial;
      background-size: cover;
      position: relative;
  } */
}
@media print, screen and (min-width: 769px)
{
    .moonpearl_bodyandhair .btn a
    {
        justify-content: center;
    }
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .btn a
    {
        padding: 5px 5.3vw 5px 7.7vw;
    }
}
.moonpearl_bodyandhair .mark_bugai
{
    font-size: 10px;
    line-height: 1;

    display: inline-block;

    margin-bottom: 10px;
    padding: 3px 4px;

    border: 1px solid #808080;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .mark_bugai
    {
        font-size: 2.6vw;

        margin-bottom: 2.6vw;
        padding: .8vw 1.0666vw;
    }
}
.moonpearl_bodyandhair .letter_tume
{
    letter-spacing: -1px !important;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .letter_tume
    {
        letter-spacing: unset;
    }
}
.moonpearl_bodyandhair .letter_sp_tume
{
    letter-spacing: -1px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .letter_sp_tume
    {
        letter-spacing: unset;
    }
}
.moonpearl_bodyandhair .title_day_wrap
{
    margin-top: 9px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .title_day_wrap
    {
        margin-top: 5.0666vw;
    }
}
.moonpearl_bodyandhair .title_day_wrap .title_day_txt
{
    font-size: 26px;
    font-weight: bold;

    text-align: center;
    letter-spacing: 2px;

    color: #826843;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .title_day_wrap .title_day_txt
    {
        font-size: 6.4vw;
    }
}
.moonpearl_bodyandhair .title_day_wrap .title_mini_txt
{
    font-size: 18px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .title_day_wrap .title_mini_txt
    {
        font-size: 4.53333vw;
    }
}
.moonpearl_bodyandhair #lineup ul li .text,
.moonpearl_bodyandhair .lineup ul li .text
{
    display: flex;
    flex-direction: column;

    width: 350px;
    padding: 0 0 100px 20px;

    justify-content: space-between;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair #lineup ul li .text,
    .moonpearl_bodyandhair .lineup ul li .text
    {
        display: unset;
        flex-direction: unset;

        width: 56.8vw;
        padding: 0 0 100px 20px;

        justify-content: unset;
    }
}
.moonpearl_bodyandhair .letter_sp
{
    letter-spacing: 0;
}
.moonpearl_bodyandhair .item sup
{
    font-family: 'NotoSerifJP';
    font-size: 8px;

    vertical-align: super;
}
.moonpearl_bodyandhair .item .sub_under
{
    margin-bottom: 4px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .item .sub_under
    {
        margin-bottom: 1.2vw;
    }
}
.moonpearl_bodyandhair .haz_cent
{
    margin-left: 121px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .haz_cent
    {
        margin-right: auto;
        margin-left: auto;
    }
}
.moonpearl_bodyandhair .main2
{
    position: relative;

    display: flex;

    width: 100%;
    height: 650px;
    min-height: 650px;

    background: url(../img/hair-body/moonpearl/pc_hair_care_v.jpg) center center no-repeat;
    background-size: cover;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .main2
    {
        display: block;

        height: 209.733333333vw;
        min-height: unset;
        padding-top: 24.5vw;

        background: url(../img/hair-body/moonpearl/sp_hair_care_v.jpg) center center no-repeat;
        background-size: 100%;
    }
}
.moonpearl_bodyandhair .main2 .main_text2
{
    position: absolute;
    top: -93px;
    left: 0;

    width: 123px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .main2 .main_text2
    {
        width: unset;
    }
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .main2 .main_text2 img
    {
        width: 31.466666vw;
    }
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .main2 .main_text2
    {
        top: -14.3vw;
        left: 5.33333333vw;
    }
}
.moonpearl_bodyandhair .main2 .text_area
{
    color: #3e3a39;
}
.moonpearl_bodyandhair .main2 .text_area .text_001
{
    font-size: 30px;
    line-height: 1.7;

    margin-bottom: 24px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .main2 .text_area .text_001
    {
        font-size: 5.33333vw;

        margin-bottom: 7.5vw;
    }
}
.moonpearl_bodyandhair .main2 .text_area .text_002
{
    font-size: 20px;
    line-height: 1.7;

    margin-bottom: 64px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .main2 .text_area .text_002
    {
        font-size: 4vw;

        margin-bottom: 115vw;
    }
}
.moonpearl_bodyandhair .main3
{
    position: relative;

    width: 100%;
}
.moonpearl_bodyandhair .main5
{
    position: relative;

    width: 100%;
}
.moonpearl_bodyandhair .main4
{
    position: relative;

    display: flex;

    width: 100%;
    height: 650px;
    min-height: 650px;

    background: url(../img/hair-body/moonpearl/pc_body_care_v.jpg) center center no-repeat;
    background-size: cover;
}
.moonpearl_bodyandhair .main4 .rigth_yose
{
    text-align: right;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .main4 .rigth_yose
    {
        text-align: unset;
    }
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .main4
    {
        display: block;

        height: 209.733333333vw;
        min-height: unset;
        padding-top: 24.5vw;

        background: url(../img/hair-body/moonpearl/sp_body_care_v.jpg) center center no-repeat;
        background-size: 100%;
    }
}
.moonpearl_bodyandhair .main4 .main_text2
{
    position: absolute;
    top: -130px;
    left: 43px;

    width: 123px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .main4 .main_text2
    {
        top: -14.3vw;

        width: unset;
    }
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .main4 .main_text2 img
    {
        width: 31.466666vw;
    }
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .main4 .main_text2
    {
        left: 5.33333333vw;
    }
}
.moonpearl_bodyandhair .main4 .text_area
{
    display: inline-block;

    color: #3e3a39;
}
.moonpearl_bodyandhair .main4 .text_area .text_001
{
    font-size: 30px;
    line-height: 1.7;

    margin-bottom: 24px;

    letter-spacing: -.5px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .main4 .text_area .text_001
    {
        font-size: 5.33333vw;

        margin-bottom: 7.5vw;
    }
}
.moonpearl_bodyandhair .main4 .text_area .text_002
{
    font-size: 20px;
    line-height: 1.7;

    margin-bottom: 64px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .main4 .text_area .text_002
    {
        font-size: 4vw;

        margin-bottom: 118vw;
    }
}
.moonpearl_bodyandhair .main4 .haz_inline_block
{
    display: inline-block;

    margin-right: 121px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .main4 .haz_inline_block
    {
        display: table;

        margin-right: auto;
        margin-left: auto;
    }
}
.moonpearl_bodyandhair .common-w-sec
{
    position: relative;

    width: 1000px;
    margin: 0 auto;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .common-w-sec
    {
        width: 100%;
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
    }
}
.moonpearl_bodyandhair .hair_care_custum
{
    width: 818px;
    margin: 176px auto;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .hair_care_custum
    {
        width: 100%;
        margin: 0 auto;
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
    }
}
.moonpearl_bodyandhair .body_care_custum
{
    width: 830px;
    margin: 200px auto;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .body_care_custum
    {
        width: 100%;
        margin: 0 auto;
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
    }
}
.moonpearl_bodyandhair .w742
{
    width: 742px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .w742
    {
        width: 100%;
    }
}
.moonpearl_bodyandhair .seibun_title
{
    font-size: 30px;

    margin-top: 144px;
    margin-bottom: 64px;

    text-align: center;

    font-feature-settings: normal;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .seibun_title
    {
        font-size: 5.33333vw;

        margin-top: 11.73333vw;
        margin-bottom: 11.73333vw;
    }
}
.moonpearl_bodyandhair .seibun_wrap
{
    display: flex;

    flex-wrap: wrap;
    justify-content: center;
    gap: 100px 32px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .seibun_wrap
    {
        position: relative;

        width: 64.8vw;
        margin: auto;

        flex-wrap: unset;
        justify-content: unset;
        gap: unset;
    }
}
.moonpearl_bodyandhair .seibun_set
{
    width: 226px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .seibun_set
    {
        width: 100%;
    }
}
.moonpearl_bodyandhair .seibun_set .img_area
{
    width: 100%;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .seibun_set .img_area
    {
        width: 100%;
    }
}
.moonpearl_bodyandhair .seibun_set .f_txt
{
    font-size: 17px;
    font-weight: bold;
    line-height: 1.7;

    margin-top: 24px;

    text-align: center;

    color: #c1a30a;
}
.moonpearl_bodyandhair .seibun_set .f_txt sup
{
    font-family: 'NotoSerifJP';
    font-size: 11px;

    vertical-align: super;
}
.moonpearl_bodyandhair .seibun_set .s_txt
{
    font-size: 12px;
    line-height: 1.7;

    margin-bottom: 16px;

    letter-spacing: 0;

    color: #3e3a39;
}
.moonpearl_bodyandhair .seibun_set .t_txt
{
    font-size: 14px;
    line-height: 1.7;

    color: #3e3a39;
}
.moonpearl_bodyandhair .seibun_set .g_txt
{
    font-size: 14px;
    line-height: 1.7;

    margin-bottom: 8px;

    color: #3e3a39;
}
.moonpearl_bodyandhair .seibun_set .kome_txt
{
    font-size: 12px;
    line-height: 1.7;

    margin-top: 2px;

    color: #3e3a39;
}
.moonpearl_bodyandhair .kome_txt_wrap
{
    font-size: 12px;
    font-weight: normal;
    line-height: 1.6666;

    margin-top: 72px;
    margin-bottom: 96px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .kome_txt_wrap
    {
        font-size: 3.2vw;

        margin-bottom: 18.66666vw;
    }
}
.moonpearl_bodyandhair .haz_line_h
{
    line-height: 1.6;
}
.moonpearl_bodyandhair .haz_padding
{
    padding-top: 44px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .haz_padding
    {
        padding-top: 0;
    }
}
.moonpearl_bodyandhair .btn
{
    font-size: 12px;

    width: 130px;
    min-width: 130px;
}
.moonpearl_bodyandhair .gold_btn
{
    font-size: 12px;

    display: flex;

    width: auto;
    width: 130px;
    min-width: 130px;
    margin-bottom: 8px;

    background: #9a7b50;
}
.moonpearl_bodyandhair .gold_btn:hover
{
    opacity: .8;
}
.moonpearl_bodyandhair .gold_btn a
{
    font-size: 12px;

    position: relative;

    display: flex;

    width: 100%;
    margin: 0 auto;
    padding: 8px 14px 8px 0;

    color: #fff;
    border: 1px solid #9a7b50;

    justify-content: center;
}
.moonpearl_bodyandhair .gold_btn a::after
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 50%;
    right: 5px;

    display: block;

    content: '';
    transform: translate(0, -50%);
    text-transform: none;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.moonpearl_bodyandhair .gold_btn a:hover:after
{
    -webkit-animation: 'arrowCenterToRight' .25s ease 0s alternate forwards, 'arrowLeftToCenter' .25s ease .25s alternate forwards;
            animation: 'arrowCenterToRight' .25s ease 0s alternate forwards, 'arrowLeftToCenter' .25s ease .25s alternate forwards;
}
.moonpearl_bodyandhair .under_pad8
{
    margin-bottom: 16px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .under_pad8
    {
        margin-bottom: 8px;
    }
}
.moonpearl_bodyandhair .slick-initialized .slick-slide
{
    padding-right: 1.0666666vw;
    padding-left: 1.0666666vw;
}
.moonpearl_bodyandhair .slick-track
{
    display: flex;
}
.moonpearl_bodyandhair .slick-slide
{
    height: auto !important;
}
.moonpearl_bodyandhair .slick-dots2
{
    position: absolute;
    bottom: -13.33333vw;

    display: block;

    width: 100%;
    margin: 0;
    padding: 0;

    list-style: none;

    text-align: center;
}
.moonpearl_bodyandhair .slick-dots2 li
{
    position: relative;

    display: inline-block;

    width: 2.6vw;
    height: 20px;
    margin: 0 1.333vw;
    padding: 0;

    cursor: pointer;
}
.moonpearl_bodyandhair .slick-dots2 li.slick-active button::before
{
    background-image: url(../img/hair-body/moonpearl/dot_c_on.svg);
}
.moonpearl_bodyandhair .slick-dots2 li button
{
    font-size: 0;

    border: 0;
    background: transparent;
}
.moonpearl_bodyandhair .slick-dots2 li button::before
{
    font-size: 6px;

    position: absolute;
    top: 0;
    left: 0;

    width: 2.66666vw;
    height: 2.66666vw;

    content: '';
    text-align: center;

    opacity: 1;
    color: black;
    background-image: url(../img/hair-body/moonpearl/dot_c_off.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.moonpearl_bodyandhair img.prev-arrow
{
    position: absolute;
    top: 55%;
    left: -12.8205vw;

    width: 8.8vw;
}
.moonpearl_bodyandhair img.next-arrow
{
    position: absolute;
    top: 55%;
    right: -12.8205vw;

    width: 8.8vw;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .btn.lrg a
    {
        font-size: 4.4vw;

        min-width: 41.33333vw;
        min-height: 11.466666vw;
    }
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .btn.lrg a::after
    {
        font-size: 4.4vw;
    }
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair #lineup ul li .text .btns
    {
        margin-top: 3.2vw;
    }
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .refil_txt
    {
        margin-top: 0vw;

        letter-spacing: -.1vw;
    }
}
.moonpearl_bodyandhair .sub_title_center
{
    text-align: center;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair .sub_title_center
    {
        text-align: center;
    }
}
.moonpearl_bodyandhair #lineup ul li
{
    align-items: unset;
}
.moonpearl_bodyandhair .item
{
    position: relative;
}
.moonpearl_bodyandhair #ank_area
{
    position: absolute;
    top: -60px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair #ank_area
    {
        top: -20vw;
    }
}

body.Android .title_day_txt
{
    letter-spacing: 0vw !important;
}
body.Android .seibun_set .s_txt
{
    letter-spacing: -.16vw !important;
}
body.Android .main3 .kome_txt_wrap
{
    letter-spacing: -.1vw;
}
body.Android .main5 .kome_txt_wrap
{
    letter-spacing: -.25vw;
}
body.Android .item .price
{
    letter-spacing: -.05vw !important;
}

.moonpearl_bodyandhair.en_v .hair_care_custum
{
    margin: 147px auto;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair.en_v .hair_care_custum
    {
        margin: 0 auto;
    }
}
.moonpearl_bodyandhair.en_v .body_care_custum
{
    margin: 130px auto;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair.en_v .body_care_custum
    {
        margin: 0 auto;
    }
}
.moonpearl_bodyandhair.en_v .main2 .main_text2
{
    top: -73px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair.en_v .main2 .main_text2
    {
        top: -14.3vw;
    }
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair.en_v .main2 .text_area .text_002
    {
        line-height: 1.2;

        margin-bottom: 113vw;
    }
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair.en_v .main2 .text_area .text_001
    {
        line-height: 1.2;

        margin-bottom: 3.5vw;
    }
}
.moonpearl_bodyandhair.en_v .main4 .main_text2
{
    top: -60px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair.en_v .main4 .text_area .text_002
    {
        line-height: 1.2;
    }
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair.en_v .main4 .text_area .text_001
    {
        line-height: 1.2;

        margin-bottom: 3.5vw;
    }
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair.en_v .haz_padding
    {
        padding-top: 17.3vw;
    }
}

@media screen and (max-width: 768px)
{
    .zh_cn_v .haz_padding
    {
        padding-top: 17.3vw;
    }
}
.zh_cn_v #lineup ul li .text p.desc sup
{
    font-size: 9px;
}
@media screen and (max-width: 768px)
{
    .zh_cn_v #lineup ul li .text p.desc sup
    {
        font-size: 2.3vw;
    }
}
@media screen and (max-width: 768px)
{
    .zh_cn_v .main2 .main_text2 img
    {
        width: unset;
        height: 8vw;
    }
}
@media screen and (max-width: 768px)
{
    .zh_cn_v .main4 .main_text2 img
    {
        width: unset;
        height: 8vw;
    }
}

@media screen and (max-width: 768px)
{
    .zh_tw_v .haz_padding
    {
        padding-top: 17.3vw;
    }
}
.zh_tw_v .main4 .text_area .text_001
{
    letter-spacing: -2.1px;
}
@media screen and (max-width: 768px)
{
    .zh_tw_v .main4 .text_area .text_001
    {
        letter-spacing: 0;
    }
}
.zh_tw_v #lineup ul li .text p.desc sup
{
    font-size: 9px;
}
@media screen and (max-width: 768px)
{
    .zh_tw_v #lineup ul li .text p.desc sup
    {
        font-size: 2.3vw;
    }
}
@media screen and (max-width: 768px)
{
    .zh_tw_v .main2 .main_text2 img
    {
        width: unset;
        height: 8vw;
    }
}
@media screen and (max-width: 768px)
{
    .zh_tw_v .main4 .main_text2 img
    {
        width: unset;
        height: 8vw;
    }
}

@media screen and (max-width: 768px)
{
    .kr_v .haz_padding
    {
        padding-top: 17.3vw;
    }
}
.kr_v .kr_custum_letter
{
    letter-spacing: -.1px;
}
.kr_v .main2 .text_area .text_002
{
    letter-spacing: 0;
}
@media screen and (max-width: 768px)
{
    .kr_v .main2 .text_area .text_002
    {
        line-height: 1.4;

        margin-bottom: 113vw;

        letter-spacing: -.1vw;
    }
}
@media screen and (max-width: 768px)
{
    .kr_v .main2 .text_area .text_001
    {
        line-height: 1.4;

        margin-bottom: 3.5vw;
    }
}
@media screen and (max-width: 768px)
{
    .kr_v .main4 .text_area .text_002
    {
        line-height: 1.4;

        letter-spacing: -.1px;
    }
}
@media screen and (max-width: 768px)
{
    .kr_v .main4 .text_area .text_001
    {
        line-height: 1.4;

        margin-bottom: 3.5vw;
    }
}
.kr_v #lineup ul li .text p.desc sup
{
    font-size: 10px;
}
@media screen and (max-width: 768px)
{
    .kr_v #lineup ul li .text p.desc sup
    {
        font-size: 2.3vw;
    }
}

.moonpearl_bodyandhair #overview
{
    background: white;
}
.moonpearl_bodyandhair #overview .inner
{
    background: white;
}

.f_s_12
{
    font-size: 12px;
}
@media screen and (max-width: 768px)
{
    .f_s_12
    {
        font-size: 3vw;
        line-height: 1.3;
    }
}

html[lang=zh_tw] #lineup ul li .text p.desc,
html[lang=zh_tw] .lineup ul li .text p.desc
{
    font-family: 'Noto Serif Tc', serif !important;
}

html[lang=zh_cn] #lineup ul li .text p.desc,
html[lang=zh_cn] .lineup ul li .text p.desc
{
    font-family: 'Noto Serif Sc', serif !important;
}

.txt_left_custum
{
    text-align: left;
}

.moonpearl_bodyandhair.zh_cn_v #lineup ul li .text h3 span:nth-child(1),
.moonpearl_bodyandhair.zh_cn_v .lineup ul li .text h3 span:nth-child(1)
{
    font-family: 'Noto Serif Sc', serif;
    font-size: 12px;

    margin: 0 0 5px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair.zh_cn_v #lineup ul li .text h3 span:nth-child(1),
    .moonpearl_bodyandhair.zh_cn_v .lineup ul li .text h3 span:nth-child(1)
    {
        font-family: 'Noto Serif Sc', serif;
        font-size: 2.6vw;
        font-weight: bold;

        margin: 0 0 1vw;
    }
}
.moonpearl_bodyandhair.zh_cn_v #lineup ul li .text h3 span:nth-child(2),
.moonpearl_bodyandhair.zh_cn_v .lineup ul li .text h3 span:nth-child(2)
{
    font-family: 'Noto Serif Sc', serif;
    font-size: 18px;
    line-height: 1.4;

    margin: 0 0 5px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair.zh_cn_v #lineup ul li .text h3 span:nth-child(2),
    .moonpearl_bodyandhair.zh_cn_v .lineup ul li .text h3 span:nth-child(2)
    {
        font-family: 'Noto Serif Sc', serif;
        font-size: 4.2vw;
        font-weight: bold;
        line-height: 4.8vw;

        margin: 0 0 1vw;

        letter-spacing: .1em;
    }
}

.moonpearl_bodyandhair.zh_tw_v #lineup ul li .text h3 span:nth-child(1),
.moonpearl_bodyandhair.zh_tw_v .lineup ul li .text h3 span:nth-child(1)
{
    font-family: 'Noto Serif Tc', serif;
    font-size: 12px;

    margin: 0 0 5px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair.zh_tw_v #lineup ul li .text h3 span:nth-child(1),
    .moonpearl_bodyandhair.zh_tw_v .lineup ul li .text h3 span:nth-child(1)
    {
        font-family: 'Noto Serif Tc', serif;
        font-size: 2.6vw;
        font-weight: bold;

        margin: 0 0 1vw;
    }
}
.moonpearl_bodyandhair.zh_tw_v #lineup ul li .text h3 span:nth-child(2),
.moonpearl_bodyandhair.zh_tw_v .lineup ul li .text h3 span:nth-child(2)
{
    font-family: 'Noto Serif Tc', serif;
    font-size: 18px;
    line-height: 1.4;

    margin: 0 0 5px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair.zh_tw_v #lineup ul li .text h3 span:nth-child(2),
    .moonpearl_bodyandhair.zh_tw_v .lineup ul li .text h3 span:nth-child(2)
    {
        font-family: 'Noto Serif Tc', serif;
        font-size: 4.2vw;
        font-weight: bold;
        line-height: 4.8vw;

        margin: 0 0 1vw;

        letter-spacing: .1em;
    }
}

.moonpearl_bodyandhair.kr_v #lineup ul li .text h3 span:nth-child(1),
.moonpearl_bodyandhair.kr_v .lineup ul li .text h3 span:nth-child(1)
{
    font-family: 'Noto Serif Kr', serif;
    font-size: 12px;

    margin: 0 0 5px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair.kr_v #lineup ul li .text h3 span:nth-child(1),
    .moonpearl_bodyandhair.kr_v .lineup ul li .text h3 span:nth-child(1)
    {
        font-family: 'Noto Serif Kr', serif;
        font-size: 2.6vw;
        font-weight: bold;

        margin: 0 0 1vw;
    }
}
.moonpearl_bodyandhair.kr_v #lineup ul li .text h3 span:nth-child(2),
.moonpearl_bodyandhair.kr_v .lineup ul li .text h3 span:nth-child(2)
{
    font-family: 'Noto Serif Kr', serif;
    font-size: 18px;
    line-height: 1.4;

    margin: 0 0 5px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair.kr_v #lineup ul li .text h3 span:nth-child(2),
    .moonpearl_bodyandhair.kr_v .lineup ul li .text h3 span:nth-child(2)
    {
        font-family: 'Noto Serif Kr', serif;
        font-size: 4.2vw;
        font-weight: bold;
        line-height: 4.8vw;

        margin: 0 0 1vw;

        letter-spacing: .1em;
    }
}

.moonpearl_bodyandhair.en_v #lineup ul li .text h3 span:nth-child(1),
.moonpearl_bodyandhair.en_v .lineup ul li .text h3 span:nth-child(1)
{
    font-size: 12px;

    margin: 0 0 5px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair.en_v #lineup ul li .text h3 span:nth-child(1),
    .moonpearl_bodyandhair.en_v .lineup ul li .text h3 span:nth-child(1)
    {
        font-size: 2.6vw;
        font-weight: bold;

        margin: 0 0 1vw;
    }
}
.moonpearl_bodyandhair.en_v #lineup ul li .text h3 span:nth-child(2),
.moonpearl_bodyandhair.en_v .lineup ul li .text h3 span:nth-child(2)
{
    font-size: 18px;
    line-height: 1.4;

    margin: 0 0 5px;
}
@media screen and (max-width: 768px)
{
    .moonpearl_bodyandhair.en_v #lineup ul li .text h3 span:nth-child(2),
    .moonpearl_bodyandhair.en_v .lineup ul li .text h3 span:nth-child(2)
    {
        font-size: 4.2vw;
        font-weight: bold;
        line-height: 4.8vw;

        margin: 0 0 1vw;

        letter-spacing: .1em;
    }
}