@charset "utf-8";


/*==========*/
/* option */
/*==========*/

/* add option class for SENSAI */

.opt-fontweight--normal {
  font-weight: normal;
}

.opt-overflow--hidden {
  overflow: hidden;
}

.opt-underline--none {
  text-decoration: none;
}

.opt-backgroundSize--cover {
  background-size: cover;
}

.opt-backgroundPos--TC {
  background-position: 0 50%;
}

.opt-movieArea--16-9 .l-Movie__iframe {
  padding-top: 56.25% !important;
}

/* option Ajust fontSize */
.opt-fontSize--23-23-16 {
  font-size: 23px;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-fontSize--23-23-16 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 640px) {
  .opt-fontSize--23-23-16 {
    font-size: 16px;
  }
}

.opt-fontSize--26-26-16 {
  font-size: 26px;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-fontSize--26-26-16 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 640px) {
  .opt-fontSize--26-26-16 {
    font-size: 16px;
  }
}

.opt-fontSize--26-26-18 {
  font-size: 26px;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-fontSize--26-26-18 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 640px) {
  .opt-fontSize--26-26-18 {
    font-size: 18px;
  }
}

.opt-fontSize--26-26-24 {
  font-size: 26px;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-fontSize--26-26-24 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 640px) {
  .opt-fontSize--26-26-24 {
    font-size: 24px;
  }
}

.opt-fontSize--30-30-26 {
  font-size: 30px;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-fontSize--30-30-26 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .opt-fontSize--30-30-26 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 640px) {
  .opt-sm-fontSize--20-lh29,
  .opt-sm-fontSize--20-lh29 span {
    font-size: 20px;
    line-height: 29px;
  }
}

/* option Ajust fontColor */
.opt-fontColor--gold { color: #9e8839; }

/* option Ajust border */
.opt-border--01 {
  border: 1px solid #000;
}

.opt-border--03 {
  border: 1px solid #ccb871;
}

.opt-border--04 {
  border: 1px solid rgba(159,136,57,0.35);
}

.opt-border--05 {
  border: 1px solid #9e8839;
}

.opt-border--07 {
  border: 1px solid #fff;
}

/* option Ajust button */
.opt-buttonColor--gold .l-ButtonUnit__link {
  background: rgb(196,175,102);
  background: linear-gradient(180deg, rgba(196,175,102,1) 0%, rgba(147,126,49,1) 100%);
  border-width: 0;
}

.opt-buttonColor--gold-9e .l-ButtonUnit__link {
  border: 1px solid #9e8839;
  background: none !important;
  color: #9e8839 !important;
}

.opt-buttonColor--gray-F7 .l-ButtonUnit__link {
  border: 1px solid #707070;
  background: none;
  color: #F7F7F7;
}

.opt-buttonColor--gray-00 .l-ButtonUnit__link {
  border: 1px solid #707070;
  background: none;
  color: #000000;
}

/* basecolor of promotion is -black */
.l-AccordionMenu.opt-AccordionColor--invert {
  border: 1px solid #4d4d4d;
  border-bottom: none;
}
.l-AccordionMenu.opt-AccordionColor--invert .l-AccordionMenu__item {
  border-bottom: 1px solid #4d4d4d;
}
.l-AccordionMenu.opt-AccordionColor--invert .l-AccordionUnit__titleBlock__icon {
  color: #fff;
}

/*  If the accordion had a background image */
.l-AccordionMenu.opt-AccordionColor--white {}
.l-AccordionMenu.opt-AccordionColor--white .l-AccordionUnit .l-AccordionUnit__contentBlock {
  background-color: #fff;
}
.l-AccordionMenu.opt-AccordionColor--white .l-AccordionUnit__titleBlock__icon {
  color: #fff;
}
/**/

/* text icon to white */
.l-TextLinkP.is-colorset--white .l-TextLinkUnit .cmn-richtext span,
.l-TextLinkP.is-colorset--white .l-TextLinkUnit .cmn-richtext + .cmn-icon {
  color: #fff;
}

/* display */
@media only screen and (min-width: 1025px) {
  .opt-lg-display-none { display: none; }
}
@media only screen and (min-width: 641px) and  (max-width: 1024px) {
  .opt-md-display-none { display: none; }
}
@media only screen and (max-width: 640px) {
  .opt-sm-display-none { display: none; }
}



/* heading style */
@media only screen and (max-width: 1024px) {
  .opt-fontsize--mainHeading--md  {
    font-size: 29px;
    line-height: 34px;
    display: inline-block;
  }
  .opt-fontsize--subHeading--md  {
    font-size: 18px;
    line-height: 21px;
    display: inline-block;
  }
}

/* one line on sm screen */
@media only screen and (max-width: 640px) {
  .opt-fontsize--subHeadingLine--sm  {
    font-size: 14px;
  }
}

/*==========*/
/* Change FONT FAMILY */
/*==========*/
/* products lists */
html:not([lang^="ru"]):not([lang="ja-jp"]) .g-TileLinkVP__list__tile-lg-4.g-TileLinkVP__list__tile-md-3.g-TileLinkVP__list__tile-sm-2 .l-TileLinkVUnit__leadBlock__title,
html:not([lang^="ru"]):not([lang="ja-jp"]) .g-TileLinkVP__list__tile-lg-3.g-TileLinkVP__list__tile-md-2.g-TileLinkVP__list__tile-sm-2 .l-TileLinkVUnit__leadBlock__title,
html:not([lang^="ru"]):not([lang="ja-jp"]) .g-TileLinkVP__list__tile-lg-4.g-TileLinkVP__list__tile-md-3.g-TileLinkVP__list__tile-sm-2 .l-TileLinkVUnit__leadBlock__lead {
  font-family: "AvenirNextLTPro-Light", "EBGaramond-Regular", "FZShuSong-Z01", sans-serif;
}

/* products detail */
html:not([lang^="ru"]):not([lang="ja-jp"]) body[data-content-path*="/products"] #common_section_wrapper_2 .g-Column__cols--lg-w40p .l-ColumnUnit > div:not(.l-LabelTagP):first-of-type,
html:not([lang^="ru"]):not([lang="ja-jp"]) body[data-content-path*="/products"] #common_section_wrapper_2 .g-Column__cols--lg-w40p .l-ColumnUnit >.l-LabelTagP + .l-Text,
html:not([lang^="ru"]):not([lang="ja-jp"]) body[data-content-path*="/products"] #common_section_wrapper_2 .g-Column__cols--lg-w40p .l-ColumnUnit > .l-PageTitle .l-PageTitle__h1,
html:not([lang^="ru"]):not([lang="ja-jp"]) body[data-content-path*="/products"] #common_section_wrapper_2 .g-Column__cols--lg-w40p .l-ColumnUnit > .l-PageTitle + .is-paddingReset {
  font-family: "AvenirNextLTPro-Light", "EBGaramond-Regular", "FZShuSong-Z01", sans-serif;
}

/* for toppage */
[data-fbtoken] .g-TileLinkVP__list__tile-lg-4.g-TileLinkVP__list__tile-md-3.g-TileLinkVP__list__tile-sm-2 .l-TileLinkVUnit__leadBlock__title,
[data-fbtoken] .g-TileLinkVP__list__tile-lg-3.g-TileLinkVP__list__tile-md-2.g-TileLinkVP__list__tile-sm-2 .l-TileLinkVUnit__leadBlock__title,
[data-fbtoken] .g-TileLinkVP__list__tile-lg-4.g-TileLinkVP__list__tile-md-3.g-TileLinkVP__list__tile-sm-2 .l-TileLinkVUnit__leadBlock__lead {
  font-family: "EBGaramond-Regular", "FZShuSong-Z01", serif;
}

/* products lists NEW LABEL */
.g-TileLinkVP__list__tile-lg-4.g-TileLinkVP__list__tile-md-3.g-TileLinkVP__list__tile-sm-2 .l-TileLinkVUnit__leadBlock__title .l-LabelTagUnit {
  font-family: "EBGaramond-Regular", "FZShuSong-Z01", serif;
}

/* Accordion title */
.l-AccordionMenu .l-AccordionUnit__titleBlock .opt-fontfamily--01 {
  font-family: "EBGaramond-Regular", "FZShuSong-Z01", serif;
}

/* Cookie modal decline */
.l-PrivacyNotice .l-PrivacyNotice__modal--decline .l-HeadingTitle__h2 {
  font-family: "EBGaramond-Regular", "FZShuSong-Z01", serif !important;
}

/* color title */
body[data-content-path*="/products"] #common_section_wrapper_2 #common_column_separator_2.opt-lg-w90p + #common_column_separator_3.opt-lg-w70p .l-HeadingTitle__p .opt-fontfamily--01 {
  font-family: "EBGaramond-Regular", "FZShuSong-Z01", serif;
}

body[data-content-path$="products/makeup/colours/lash_volumiser_38c"] #common_section_wrapper_2 .g-Column__cols--lg-w40p .l-HeadingTitle__p .opt-fontfamily--01,
body[data-content-path$="products/makeup/colours/mascara_38c"] #common_section_wrapper_2 .g-Column__cols--lg-w40p .l-HeadingTitle__p .opt-fontfamily--01,
body[data-content-path$="products/makeup/colours/mascara_38c_separating_and_lengthening"] #common_section_wrapper_2 .g-Column__cols--lg-w40p .l-HeadingTitle__p .opt-fontfamily--01,
body[data-content-path$="products/makeup/colours/mascara_38c_volumising"] #common_section_wrapper_2 .g-Column__cols--lg-w40p .l-HeadingTitle__p .opt-fontfamily--01 {
  font-family: "EBGaramond-Regular", "FZShuSong-Z01", serif;
}

/*==========*/
/* layout */
/*==========*/

/* delete footer line */
#area-Contents > .l-Section:last-of-type .l-ColumnUnit > .l-Hr.opt-mg0--imp > .l-Hr__hr { border: none; }

/* fix for june footer Erase after! */
.l-BrFooter .l-BrFooter__infoBlock > div:nth-child(1) .l-HeadingTitle__p {
  font-size: 18px;
  line-height: 1.4;
}
/* need 18px -> 0.75 */
.l-BrFooter .l-BrFooter__infoBlock > div:nth-child(2) .l-ButtonP__list__item,
.l-BrFooter .l-BrFooter__infoBlock > div:nth-child(4) .l-ButtonP__list__item {
  font-size: 18px;
}
.l-BrFooter .l-BrFooter__infoBlock > div:nth-child(2) .l-ButtonUnit__link,
.l-BrFooter .l-BrFooter__infoBlock > div:nth-child(4) .l-ButtonUnit__link {
  line-height: 1.4;
  letter-spacing: normal;
}

/* ru */
html[lang^=ru] .l-BrFooter .l-BrFooter__infoBlock > div:nth-child(2) .l-ButtonUnit__link,
html[lang^=ru] .l-BrFooter .l-BrFooter__infoBlock > div:nth-child(4) .l-ButtonUnit__link {
  font-size: 14px;
  line-height: 19px;
}

/* jp */
html[lang*=jp] .l-BrFooter .l-BrFooter__infoBlock > div:nth-child(2) .l-ButtonUnit__link,
html[lang*=jp] .l-BrFooter .l-BrFooter__infoBlock > div:nth-child(4) .l-ButtonUnit__link {
  font-size: 14px;
}
/* SNS Link layout */
body[data-content-path*="/jp/ja"] .l-BrFooter .l-BrFooter__infoBlock .g-BannerLinkP__list__item-sm-2 {
  width: 33.33%;
}
/* fr eco Text */
.l-BrFooter .l-BrFooter__infoBlock > div:nth-child(5).l-GroupBox .l-Text {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: normal;
}

/* Adjust for header blank icon pc mode */
@media only screen and (min-width: 1025px) {
.l-BrHeaderNavList li:last-child .cmn-icon--external {
    line-height: 0;
  }
}

/*==========*/
/* TOP font-size */
/*==========*/
/* zh-cn */
html[lang^=zh] [data-fbtoken] .l-ButtonUnit__link .opt-fontsize--l {
  font-size: 17px;
}

/*==========*/
/* component */
/*==========*/

/* products label ex: NEW, BEST SELLER */
.l-LabelTagUnit { padding-bottom: 2px; }

/* NEW instagram components change link color */
.l-InstagramPost--v3 .l-InstagramPostUnit--v3 .l-InstagramPost--v3__contentsBlock__links__item__link:link,
.l-InstagramPost--v3 .l-InstagramPostUnit--v3 .l-InstagramPost--v3__contentsBlock__visit__link:link,
.l-InstagramPost--v3 .l-InstagramPostUnit--v3 .l-InstagramPost--v3__contentsBlock__postText a:link { color: #9e8839}

.l-InstagramPost--v3 .l-InstagramPostUnit--v3 .l-InstagramPost--v3__contentsBlock__links__item__link:visited,
.l-InstagramPost--v3 .l-InstagramPostUnit--v3 .l-InstagramPost--v3__contentsBlock__visit__link:visited,
.l-InstagramPost--v3 .l-InstagramPostUnit--v3 .l-InstagramPost--v3__contentsBlock__postText a:visited { color: #9e8839 }

.l-InstagramPost--v3 .l-InstagramPostUnit--v3 .l-InstagramPost--v3__contentsBlock__links__item__link:hover,
.l-InstagramPost--v3 .l-InstagramPostUnit--v3 .l-InstagramPost--v3__contentsBlock__visit__link:hover,
.l-InstagramPost--v3 .l-InstagramPostUnit--v3 .l-InstagramPost--v3__contentsBlock__postText a:hover { color: #ccb871 }


/*==========*/
/* privacy notice */
/*==========*/
#area-PrivacyNotice { display: none; }

.l-PrivacyNotice .cmn-richtext a:link,
.l-PrivacyNotice .cmn-richtext a:visited,
.l-PrivacyNotice .cmn-richtext a:active {
  color: #575859;
}
.l-PrivacyNotice .cmn-richtext a:hover {
  opacity: .85;
}

.l-PrivacyNotice .l-HeadingTitle:not(.is-link) .l-HeadingTitle__h3 {
  color: #575859;
}

/*==========*/
/* product category pagetitle */
/*==========*/
body[data-content-path*="/products"] .products-category-pagetitle { position: relative; }
body[data-content-path*="/products"] .products-category-pagetitle .l-PageTitle { position: absolute; top: 50%; left: 30px; margin-top: -1.8em; }

@media only screen and (max-width: 640px) {
  body[data-content-path*="/products"] .products-category-pagetitle .l-PageTitle { top: auto; bottom: 20px; left: 20px; margin-top: 0; }
}

/*==========*/
/* product virtual make banner */
/*==========*/
body[data-content-path*="/products"] .l-BannerLinkP__list a[href*="sensai_make_simulator"] {
  border-color: #a42d2e;
}

/*==========*/
/* counselling */
/*==========*/
/* SILK SKIN CHECKER layout */
body[data-content-path*="/digital_counselling"] #common_section_wrapper_2 .g-ImageTextHP__contentsBlock__text,
body[data-content-path*="/digital_counselling"] #common_section_wrapper_2 .g-ImageTextHP__contentsBlock__text .g-ButtonP__list { text-align: center; }

/* banner background */
.jp_counselling_banner_unit { position: relative; background: url(../png/banner_bg_01.png) 50% 0 no-repeat; background-size: cover; }
.jp_counselling_banner_unit.jp_counselling_banner_unit_right { position: relative; background: url(../png/banner_bg_02.png) 50% 0 no-repeat; background-size: cover; }

@media only screen and (min-width: 1025px) {}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .jp_counselling_banner_unit { position: relative; background: url(../png/banner_bg_01_s.png) 50% 0 no-repeat; background-size: cover; }
  .jp_counselling_banner_unit.jp_counselling_banner_unit_right { position: relative; background: url(../png/banner_bg_02_s.png) 50% 0 no-repeat; background-size: cover; }
}
@media only screen and (max-width: 640px) {
  .jp_counselling_banner_unit { position: relative; background: url(../png/banner_bg_01_s.png) 50% 0 no-repeat; background-size: cover; }
  .jp_counselling_banner_unit.jp_counselling_banner_unit_right { position: relative; background: url(../png/banner_bg_02_s.png) 50% 0 no-repeat; background-size: cover; }
}

/*==========*/
/* promotion */
/*==========*/

/* Adjust for promotion */
/* 2020/05 */
body[data-content-path*="/jp/ja/promotion/sensai_ex_series"] .l-AccordionUnit__titleBlock__icon {
  color: #fff;
}
body[data-content-path*="/jp/ja/promotion/sensai_ex_series"] .l-AccordionUnit.is-background .l-AccordionUnit__contentBlock {
  background-color: #fff;
}
/* === */

body[data-content-path*="/promotion/dual_essence"] .l-AccordionUnit__titleBlock {
  background-color: #e0d4a9;
}
/* === */

body[data-content-path*="/promotion/sensai_biomimesis_series"] .p-AccordionMenu {
  border: 1px solid #4d4d4d;
  border-bottom: none;
}
body[data-content-path*="/promotion/sensai_biomimesis_series"] .p-AccordionMenu .l-AccordionMenu__item {
  border-bottom: 1px solid #4d4d4d;
}
body[data-content-path*="/promotion/sensai_biomimesis_series"] .p-ButtonInfo .l-ButtonUnit__link {
  border: 1px solid #4d4d4d;
  border-top: none;
}
body[data-content-path*="/promotion/sensai_biomimesis_series"] .p-AccordionMenu .l-AccordionUnit__titleBlock {
  background-color: #000;
}
body[data-content-path*="/promotion/sensai_biomimesis_series"] .p-AccordionMenu .p-AccordionMenu__title .cmn-richtext,
body[data-content-path*="/promotion/sensai_biomimesis_series"] .p-AccordionMenu .p-AccordionMenu__title + .l-AccordionUnit__titleBlock__icon {
  color: #fff;
}

/* === */
body[data-content-path*="/promotion/clear_gel_wash"] .l-AccordionUnit__titleBlock__icon {
  color: #fff;
}

/* === */
body[data-content-path*="/promotion/essence_day_veil"] .l-AccordionUnit__titleBlock__icon {
  color: #fff;
}
@media only screen and (max-width: 1024px) {
  body[data-content-path*="/promotion/essence_day_veil"] .p-present .l-Text .cmn-richtext :not(.opt-fontsize--s) {
    font-size: 17px;
    line-height: 22px;
  }
  body[data-content-path*="/promotion/essence_day_veil"] .p-present .l-HeadingTitle__h2 {
    font-size: 27px;
    line-height: 32px;
  }
}
/* =japan= */
body[data-content-path*="/jp/ja/promotion/essence_day_veil"] .p-buyBtn .l-ButtonUnit__link {
  background-color: #c4af66;
  border-color: #c4af66;
}
body[data-content-path*="/jp/ja/promotion/essence_day_veil"] .p-buyBtn .l-ButtonUnit__link .opt-fontcolor--01,
body[data-content-path*="/jp/ja/promotion/essence_day_veil"] .p-buyBtn .l-ButtonUnit__link__icon {
  color: #000;
}
@media only screen and (max-width: 640px) {
  body[data-content-path*="/jp/ja/promotion/essence_day_veil"] .p-PageTitle__h1 .l-PageTitle__h1 {
    font-size: 32px;
    line-height: 38px;
  }
  body[data-content-path*="/jp/ja/promotion/essence_day_veil"] .p-present .l-HeadingTitle__h2 {
    font-size: 21px;
    line-height: 25px;
  }
}


@media only screen and (max-width: 640px) {
  body[data-content-path*="/jp/ja/promotion/sensai_as_mmt"] .l-HeadingTitle--h2:not(.p-lineup) .l-HeadingTitle__h2 {
    font-size: 23px;
  }
}
@media only screen and (min-width: 641px) {
  body[data-content-path*="/jp/ja/promotion/sensai_as_mmt"] .p-limitedSize .l-ImageTextHP__contentsBlock {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body[data-content-path*="/jp/ja/promotion/sensai_as_mmt"] .p-limitedSize .l-ImageTextHP__contentsBlock .l-ImageTextHP__contentsBlock__text {
    order: 0;
  }
  body[data-content-path*="/jp/ja/promotion/sensai_as_mmt"] .p-limitedSize .l-ImageTextHP__contentsBlock .l-ImageTextHP__contentsBlock__image {
    order: 1;
  }
}
/* === */
body[data-content-path*="/jp/ja/promotion/essence_day_veil"] .p-buyBtn .l-ButtonUnit__link .opt-fontcolor--01,

/* === */
body[data-content-path*="/jp/ja/promotion/total_lip_treatment"] .p-AccordionMenu .l-AccordionUnit__titleBlock__icon {
  color: #fff;
}

@media only screen and (max-width: 1024px) {
  body[data-content-path*="/jp/ja/promotion/total_lip_treatment"] .p-catch--em .opt-fontsize--xl {
    font-size: 20px;
    line-height: 28px;
  }
  body[data-content-path*="/jp/ja/promotion/total_lip_treatment"] .p-catch .l-HeadingTitle__h2 {
    font-size: 23px;
    line-height: 32px;
  }
}

/*==========*/
/* setting for Country and language */
/*==========*/
/* If the product details have annotations */
body[data-content-path*="zh-cn/products"] #common_section_wrapper_2 .g-Column__cols--lg-w40p .l-Text.opt-mb40--imp + .l-AnnotationListP--v2 {
  margin-top: -20px;
}

body[data-content-path*="cn/zh-cn"] .l-BrFooter .p-socialLinkList {
  float: right;
}
body[data-content-path*="cn/zh-cn"] .l-BrFooter .p-socialLinkList .l-Image {
  display: inline-block;
}
body[data-content-path*="cn/zh-cn"] .l-BrFooter .p-socialLinkList .l-Image img {
  width: 40px !important;
  height: auto;
  margin-left: 20px;
}
body[data-content-path*="cn/zh-cn"] .l-BrFooter .p-footerLogo {}
body[data-content-path*="cn/zh-cn"] .l-BrFooter .l-Hr {
  clear: both;
}
@media only screen and (max-width: 640px) {
  body[data-content-path*="cn/zh-cn"] .l-BrFooter .p-socialLinkList {
    float: none;
    text-align: center;
    display: block;
  }
}


@media only screen and (min-width: 1025px) {
  body[data-content-path$="nl/products"] .g-TextLinkP__list__item-lg-6,
  body[data-content-path$="ru/products"] .g-TextLinkP__list__item-lg-6,
  body[data-content-path$="fi/products"] .g-TextLinkP__list__item-lg-6 {
    width: 33.33%;
  }
}


/* 2406 online shop ---------- */
.online-shop_display-flex-c .g-Column__inner {
  display: flex;
  align-items: center;
}