@charset "utf-8";

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

.opt-widthAuto--imp {
  width: auto !important;
}
.opt-noWrap--imp {
  white-space: nowrap !important;
}

@media only screen and (min-width: 1025px) {
  .opt-noWrap--lg {
    white-space: nowrap;
  }
}




/* Top Page VI ------------------ */
.opt-minHeight--fix {
  min-height: 560px;
}

@media only screen and (min-width:1025px) and ( max-width:1139px) {
  .opt-minHeight--fix {
    min-height: 525px;
  }
}

@media (min-width: 1025px) {
  .btn-r .g-ImageCarouselPUnit__inner .homepage-carousel .g-ButtonP .g-ButtonP__list {
    display: flex;
    justify-content: end;
  }
}

@media (max-width: 640px) {
  .homepage-carousel .g-ImageCarouselPUnit.text-sm-top .g-GroupBox {
    height: 85%;
  }
  .homepage-carousel .g-ImageCarouselPUnit.text-sm-top .g-GroupBox .g-ButtonP{
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}




/* Margin Control ------------------ */
.opt-mb30--headingTitle .g-HeadingTitle__titleBlock__titleBox__title { margin-bottom: 30px !important; }




/* Digital Counselling ------------------ */
.bnr_digital-counselling_wrap .g-TileLinkVP__list .g-TileLinkVP__list__tile:nth-child(1) { width: 100%; }
.bnr_digital-counselling_wrap .g-TileLinkVP__list .g-TileLinkVP__list__tile:nth-child(1) .g-TileLinkVUnit__inner { display: none; }
.bnr_digital-counselling_wrap .g-TileLinkVP__list .g-TileLinkVP__list__tile:nth-child(1) .g-ImageTextVP.is-layoutT .g-ImageTextVP__contentsBlock__image { margin-bottom: 5px; }
.bnr_digital-counselling_wrap .g-TileLinkVP__list .g-TileLinkVP__list__tile:nth-child(1) .g-ImageTextVP.is-layoutT .g-ImageTextVP__contentsBlock__image .g-Image { margin-bottom: 0; }

@media only screen and (min-width: 641px) and (max-width: 1024px) {
.bnr_digital-counselling_wrap .g-TileLinkVP__list .g-TileLinkVP__list__tile:nth-child(1) .g-ImageTextVP.is-layoutT .g-ImageTextVP__contentsBlock__image { margin-bottom: 45px; }
}

.bnr_digital-counselling { padding: 30px 18px 0; }
@media only screen and (max-width: 640px) {
  .bnr_digital-counselling { padding: 30px 2.5% 0; }
}

/* background */
.bnr_digital-counselling .bnr_digital-counselling_pack { position: relative; }
.bnr_digital-counselling .bnr_digital-counselling_box { position: absolute; }

@media only screen and (min-width: 1025px) {
  .bnr_digital-counselling .bnr_digital-counselling_box { top: 13%; left: 0; width: 50%; }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .bnr_digital-counselling .bnr_digital-counselling_box { top: 32%; left: 0; width: 45%; }
}
@media only screen and (max-width: 640px) {
  .bnr_digital-counselling .bnr_digital-counselling_box { top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; flex-direction: column; width: 100%; height: calc(100% - 20px); }
  .bnr_digital-counselling .bnr_digital-counselling_box .g-HeadingTitle { margin: 10px 0 0; }
  .bnr_digital-counselling .bnr_digital-counselling_box .g-Text { margin: 0 0 auto; }
  .bnr_digital-counselling .bnr_digital-counselling_box .g-ButtonP { margin: auto 0 2%; }
}

/* button */
.bnr_digital-counselling .g-ButtonUnit > span { white-space: nowrap; min-width: 200px; }




/* Silk Skin Checker ------------------ */
/* layout */
.bnr_silk-skin-checker .bnr_silk-skin-checker_clm_spr .g-Column__cols { padding-bottom: 0; }

.bnr_silk-skin-checker .g-ImageTextHP__contentsBlock { display: flex; flex-wrap: wrap; align-items: center; }
.bnr_silk-skin-checker .g-ImageTextHP__contentsBlock .g-ImageTextHP__contentsBlock__image { order: 1; }
.bnr_silk-skin-checker .g-ImageTextHP__contentsBlock .g-ImageTextHP__contentsBlock__text { order: 2; padding-bottom: 20px; }

@media only screen and (max-width: 640px) {
.bnr_silk-skin-checker .g-ImageTextHP__contentsBlock { margin-top: 16px; }
.bnr_silk-skin-checker .g-ImageTextHP__contentsBlock .g-ImageTextHP__contentsBlock__image { order: 2; }
.bnr_silk-skin-checker .g-ImageTextHP__contentsBlock .g-ImageTextHP__contentsBlock__text { order: 1; }
}

/* button */
.bnr_silk-skin-checker .is-colorset--2 .l-ButtonUnit__link { background: none; width: 250px; }




/* Movie Banner ------------------ */
.bnr_movie { max-width: 1116px; }

@media only screen and (max-width: 640px) {
.bnr_movie { padding-left: 20px; padding-right: 20px; }
}




/* Image in description tab（PDP tab） ------------------ */
.pdp-ingredients-column.l-TabMenuUnit.is-gutter--m .l-TabMenuUnit__cols {
    padding: 0;
}
.pdp-ingredients-column.l-TabMenuUnit.is-gutter--m .l-TabMenuUnit__inner {
  margin-left: 0;
  margin-right: 0;
}
.product-description-section .g-Column__inner .g-Column__cols .g-TabMenu .g-TabMenu__nav .slick-list .slick-track .g-TabMenu__nav__link * {
  font-size: 14px;
}
.product-description-section .g-Column__inner .g-Column__cols .g-TabMenu .g-TabMenu__item .g-TabMenuUnit.pdp-tab-text h2 {
  margin-bottom: 0;
}
#application-text_text .static-grpbox .g-Movie .g-Movie__iframe,
#application-text_image .static-grpbox .g-Movie .g-Movie__iframe {
  padding-top: 56.25%;
}
#application-text_image .static-grpbox .g-TextLinkP .g-TextLinkP__list__item .g-TextLinkUnit__link > .cmn-richtext {
  letter-spacing: normal;
}
.pdp-ingredients-column.pdp-tab-text .g-TabMenuUnit__cols .dynamic-grpbox .pdp-new-tab-text {
  margin: 20px 0 0;
}
#fragrance-data h2#fragrance-heading {
  margin-top: 40px;
}
#application-text_text .static-grpbox .g-TextLinkP .g-TextLinkP__list__item,
#application-text_image .static-grpbox .g-TextLinkP .g-TextLinkP__list__item {
  padding: 5px;
}
#application-text_image .g-GroupBox.dynamic-grpbox .g-Image #product-application-amount {
  color: #707070;
}
#application-text_text .static-grpbox .g-Image .g-Image__caption, #application-text_image .static-grpbox .g-Image .g-Image__caption {
  color: #707070;
  letter-spacing: 0;
}
@media (min-width: 1025px) {
  #description-text_image {
    width: 100%;
    max-width: 1116px;
  }
  .product-description-section .g-Column__inner .g-Column__cols .g-TabMenu .g-TabMenu__item .g-TabMenuUnit.pdp-tab-text {
    width: 100%;
    max-width: 616px;
    padding-bottom: 80px;
  }
  #application-text_image .static-grpbox .g-TextLinkP .g-TextLinkP__list__item .g-TextLinkUnit__link:hover:after {
    padding: 3px;
    margin: 5px 7px 7px 7px;
  }
  #application-text_image .static-grpbox .g-TextLinkP .g-TextLinkP__list__item .g-TextLinkUnit__link:hover > .cmn-richtext {
    margin-right: 0;
  }
}
@media (min-width: 641px) and (max-width: 1024px) {
  #description-text_text,
  #description-text_image,
  #application-text_text,
  #application-text_image,
  #ingredients-fragrance-text {
    padding: 44px 0 49px;
  }
}
@media only screen and (max-width: 640px) {
  #ingredients-fragrance-data #ingredients-data #ingredients-heading {
    margin: 0;
  }
}




/* Image in application tab（PDP tab） ------------------ */
#application-text_text .static-grpbox#pdp-application-step-horizontal .pdp-application-step-horizontal_square,
#application-text_image .static-grpbox#pdp-application-step-horizontal .pdp-application-step-horizontal_square {
  width: 48.65% !important; margin-left: auto; margin-right: auto;
}
#application-text_text .static-grpbox#pdp-application-step-square .pdp-application-step-square_horizontal,
#application-text_image .static-grpbox#pdp-application-step-square .pdp-application-step-square_horizontal {
  width: 100% !important;
}

@media (min-width: 641px) and (max-width: 1024px) {
  #application-text_text .static-grpbox#pdp-application-step-horizontal .pdp-application-step-horizontal_square,
  #application-text_image .static-grpbox#pdp-application-step-horizontal .pdp-application-step-horizontal_square,
  #application-text_text .static-grpbox#pdp-application-step-square .pdp-application-step-square_horizontal,
  #application-text_image .static-grpbox#pdp-application-step-square .pdp-application-step-square_horizontal {
    width: 70.08% !important; margin-left: auto; margin-right: auto;
  }
  #application-text_text .static-grpbox#pdp-application-step-horizontal .pdp-application-step-horizontal_square.opt-md-w100p,
  #application-text_image .static-grpbox#pdp-application-step-horizontal .pdp-application-step-horizontal_square.opt-md-w100p,
  #application-text_text .static-grpbox#pdp-application-step-square .pdp-application-step-square_horizontal.opt-md-w100p,
  #application-text_image .static-grpbox#pdp-application-step-square .pdp-application-step-square_horizontal.opt-md-w100p {
    width: 100% !important;
  }
}

@media only screen and (max-width: 640px) {
  #application-text_text .static-grpbox#pdp-application-step-horizontal .pdp-application-step-horizontal_square,
  #application-text_image .static-grpbox#pdp-application-step-horizontal .pdp-application-step-horizontal_square,
  #application-text_text .static-grpbox#pdp-application-step-square .pdp-application-step-square_horizontal,
  #application-text_image .static-grpbox#pdp-application-step-square .pdp-application-step-square_horizontal {
    width: 70.08% !important; margin-left: auto; margin-right: auto;
  }
}





/* PDP Tab ------------------ */

.pdp-new-tab-text span {
  color: #707070;
  font-size: 14px;
}
#application-text_image .static-grpbox .pdp-application-step-note {
  color: #707070;
  font-size: 14px;
}

@media only screen and (max-width: 640px) {
  .pdp-new-tab-text span {
    font-size: 11px;
  }
}




/* font ------------------ */
@media (min-width: 1025px) {
  .font-size-32-32-20,
  .font-size-32-32-20 .cmn-richtext {
    font-size: 32px;
  }
}

@media (min-width: 641px) and (max-width: 1024px) {
  .font-size-32-32-20,
  .font-size-32-32-20 .cmn-richtext {
    font-size: 32px;
  }
}

@media (max-width: 640px) {
  .font-size-32-32-20,
  .font-size-32-32-20 .cmn-richtext,
  .font-size-32-32-20 .l-HeadingTitle__h2 {
    font-size: 20px;
  }
}




/* Discover Your Line ------------------ */
@media (min-width: 1025px) {
.l-ImageCarouselPUnit:hover .g-GroupBox .g-HeadingTitle .opt-fontcolor--03.opt-fontcolor--reverse { color: #2f2d2d; }
.g-TileLinkVP .g-TileLinkVUnit:hover .opt-fontcolor--03.opt-fontcolor--reverse { color: #2f2d2d; }
}