body {
    background: #dfb1a4;
    font-family: neue-haas-grotesk-display, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", yu-gothic-pr6n, sans-serif;
}

.u-font__jp {
    font-family: neue-haas-grotesk-display, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", yu-gothic-pr6n, sans-serif;
}

.u-cus-font {
    font-family: neue-haas-grotesk-display, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", dnp-shuei-gothic-gin-std, sans-serif;
}

body .product .product__price {
    width: 100%;
}
body .product__clear-box {
    width: auto;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
}

.p-search_menu__container {
    background: #fff;
}

.p-search_menu__container__searchbtn button.js-gmenu-search-reset {
    background: #324266;
    color: #fff;
}

.p-search_menu__container__searchbtn button.js-gmenu-search-submit {
    background: #4FB0C1;
    color: #fff;
}

.ingredient-commitments-list__item::before {
    background-image: url('https://d2w53g1q050m78.cloudfront.net/4weeksfemmecojp/uploads/icon/checkmark.png');
}

.product__info {
    position: relative;
}

.approach-figure-bottom__product-name {
    font-weight: bold;
}

.sp {
    display: none;
}

@media screen and (min-width: 768px) {
    .mv-round {
        width: 880px;
        height: 880px;
    }
}

@media screen and (min-width: 992px) {
    article#product-4wf_lotion .product__note {
        bottom: -80px;
        position: absolute;
        right: 0;
    }
    
    .mv-round {
        width: 950px;
        height: 950px;
    }
}

@media screen and (min-width: 1024px) {
    article#product-4wf_lotion .product__note {
        bottom: -120px;
    }
}

@media screen and (max-width: 767px) {
    .pc {
        display: none;
    }
    
    .sp {
        display: block;    
    }
}

.ingredient-dropdown__heading {
    font-weight: bold;
}

/* fix hero */
@media (min-width: 768px) {
  //.mv-inner .mv-text--l {opacity: 0;}
  .mv-text--l {
    position: relative;
    top: 5px;
    letter-spacing: .1em;
  }

  .mv-round {
    transform: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .swiper-slide img {
    border-radius: 0;
    object-fit: cover;
  }
}


@media screen (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .mv-text--l {
    font-size: 6.6vw;
    position: relative;
    left: -3vw;
    top: .2vw;
    letter-spacing: .1em;
  }
}

@media (max-width: 767px) {
    .mv-round {
        width: 100%;
        height: 100%;
        transform: none;
        top: 0;
        left: 0;
        border-radius: 0;
    }
    
    .swiper-slide img {
        border-radius: 0;
        object-fit: cover;
    }
}
/* end fix hero */


nav.footer-nav.en-text {
    width: 690px;
}

@media (min-width: 992px) {
    .about-mv-text-wrap.js-fadeIn {
    transform: translate(0, 50px);
}
    .about-mv-text-wrap.js-fadeIn.scroll {
        transform: translate(0, 0);
    }
}

.c-table tbody tr {
    border-color: currentColor;
}

.product__text {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.top-product .product__name {
    margin-top: 0;
}


.top-product .product__text {
    margin-top: 40px;
}

@media (min-width: 992px) {
    .top-product .product__text {
        margin-top: 56px;
    }
}

@media (max-width: 767px){
    .approach-term-column2 {
        position: relative;
    }
    
    .approach-term-column2:after {
        content: '';
        position: absolute;
        width: 2px;
        height: 100%;
        border-right: 2px dotted #fff;
        left: 50%;
        transform: translateX(-50%);
        opacity: .3;
    }
}

html.is-overflow {
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}

html.js-prevent-body-scroll body {
    display: block;
}