/* common ---------- */
.l-Text { letter-spacing: normal; }
.irg-txt01 { color: #969696; }
.irg-txt02 { color: #E6E6E6; }
.irg-mt5 { margin-top: 5px !important; }
.irg-lts01 { letter-spacing: 0.18em; }
.irg-lts02 { letter-spacing: 0.1em; }

@media (max-width: 640px) {
.irg-sm-mt15 { margin-top: 15px !important; }
}

/* button */
.irg-btn.is-colorset--1 .l-ButtonUnit__link { background: none; border: 1px solid #B89C42; text-align: center; color: #B89C42; }
.irg-btn.is-colorset--1 .l-ButtonUnit__link .l-ButtonUnit__link__icon { color: #B89C42; }

.irg-btn2.is-colorset--1 .l-ButtonUnit__link { margin-top: 5px; padding: 0; background: none; border: none; color: #B89C42; }
.irg-btn2.is-colorset--1 .l-ButtonUnit__link .l-ButtonUnit__link__icon { color: #B89C42; }
.irg-btn2.is-colorset--1 .l-ButtonUnit__link .cmn-richtext { margin-right: 15px; }
.irg-btn2.is-colorset--1 .l-ButtonUnit__link .cmn-icon { font-size: 0.9em; }

.width-320-320-100p { width: 320px !important; }
.width-240-240-100p { width: 240px !important; }

@media (max-width: 640px) {
  .irg-btn2.is-colorset--1 .l-ButtonUnit__link .cmn-richtext { margin-right: 0; }
  .irg-btn2.is-colorset--1 .l-ButtonUnit__link .cmn-icon { right: 0; }

  .width-320-320-100p { width: 100% !important; }
  .width-240-240-100p { width: 100% !important; }
}



/* irg-mv ---------- */
.irg-mv.promotionVi-wrapper .camp-block-1box > .g-GroupBox { padding-left: 17%; }

.irg-mv.promotionVi-wrapper .camp-block-1box-bottom { --contentAlignY: center; }

@media (min-width: 1550px) and (max-width: 1800px) {
  .irg-mv.promotionVi-wrapper .camp-block-1box > .g-GroupBox { padding-left: 10%; }
}
@media (min-width: 1441px) and (max-width: 1549px) {
  .irg-mv.promotionVi-wrapper .camp-block-1box > .g-GroupBox { padding-left: 5%; }
}
@media (min-width: 641px) and (max-width: 1440px) {
  .irg-mv.promotionVi-wrapper .camp-block-1box > .g-GroupBox { padding-left: 0; }
}
@media (max-width: 640px) {
  .irg-mv.promotionVi-wrapper .camp-block-1box { --visualPadding: 0 !important; }
  .irg-mv.promotionVi-wrapper .camp-block-1box-bottom { --contentAlignY: stretch; }
  .irg-mv.promotionVi-wrapper .camp-block-1box > .g-GroupBox { position: absolute; bottom: 40px; padding-top: 0 !important; padding-left: 0; }
  .irg-mv.promotionVi-wrapper .g-HeadingTitle__titleBlock + .g-Text { margin-top: 5px !important; }
}



/* irg-lead ---------- */
.irg-lead .g-Section__inner { max-width: 1920px; }
.irg-lead .g-Section__inner .irg-image.g-Column { padding: 125px 40px; }
.irg-lead .g-Column__inner { max-width: 1200px; margin: 0 auto; }
.irg-lead .g-Text sup { font-size: 45%; vertical-align: 0.5em; }

@media (min-width: 1025px) {
.irg-lead .g-Section__inner .g-Column { position: relative; padding: 160px 40px 60px; background-size: 1920px; }
.irg-lead .g-Section__inner .g-Column.irg-lead-top::after { position: absolute; left: 0; bottom: 0; content: ""; display: block; width: 100%; height: 60px;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    #000 100%
  ); }
}
@media (min-width: 641px) and (max-width: 1024px) {
.irg-lead .g-Section__inner .g-Column { position: relative; padding: 100px 40px 60px; background: url("/content/dam/sites/kanebo/www-sensai-cosmetics-com/country/jp/img/promotion/2610/utm_the_foundation/bg_md.jpg") 100% 0 no-repeat #000 !important; background-size: 100% !important; }
.irg-lead .g-Section__inner .g-Column.irg-lead-top::after { position: absolute; left: 0; bottom: 0; content: ""; display: block; width: 100%; height: 60px;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    #000 100%
  ); }
}
@media (max-width: 640px) {
.irg-lead .g-Section__inner .g-Column { padding: 100px 20px 0; background: url("/content/dam/sites/kanebo/www-sensai-cosmetics-com/country/jp/img/promotion/2610/utm_the_foundation/bg_sm.jpg") 100% 0 no-repeat #000 !important; background-size: 100% !important; }
}


/* irg-movie */
.irg-movie { max-width: 880px; margin-left: auto; margin-right: auto; }
.irg-movie .g-Movie--v2__iframe { width: 100%; aspect-ratio: 16 / 9; }
.irg-movie .g-Movie--v2__iframe  iframe { width: 100%; height: 100%; }

.irg-movie .g-Movie--v2__iframe .video-js .vjs-big-play-button {
 width: 80px;
 height: 80px;
 margin-top: -40px;
 margin-left: -40px;
 border: none;
 background: url("/content/dam/sites/kanebo/www-sensai-cosmetics-com/country/jp/img/promotion/2610/utm_the_foundation/btn_play.png") 0 0 no-repeat;
 background-size: contain;
}
.video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before, .vjs-icon-play:before { display: none; }

@media only screen and (min-width: 641px) and (max-width: 1024px) {
}

@media (max-width: 640px) {
  .irg-movie { padding: 0 60px; }
  .irg-movie .g-Movie--v2__iframe { width: 100%; aspect-ratio: 210 / 372; }
  
  .irg-movie .g-Movie--v2__iframe .video-js .vjs-big-play-button {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
  }
}



/* irg-image */
.irg-lead .g-Section__inner .g-Column.irg-image { padding: 120px 40px; }
.irg-image .g-ImageTextHP--v2__contentsBlock { display: flex !important; align-items: center; gap: 80px; }
.irg-image .g-ImageTextHP--v2__contentsBlock::after { display: none; }
.irg-image .g-ImageTextHP--v2__contentsBlock__image { width: calc(50% - 40px); padding: 0 !important; }
.irg-image .g-ImageTextHP--v2__contentsBlock__text { width: calc(50% - 40px); }

@media (min-width: 641px) and (max-width: 1024px) {
  .irg-lead .g-Section__inner .g-Column.irg-image { padding: 0 40px 90px; background-image: url("/content/dam/sites/kanebo/www-sensai-cosmetics-com/country/jp/img/promotion/2610/utm_the_foundation/img01_md.jpg") !important; background-position: 50% 0; }
  .irg-image .g-ImageTextHP--v2__contentsBlock { gap: 40px; }
  .irg-image .g-ImageTextHP--v2__contentsBlock__image { width: calc(50% - 20px); }
  .irg-image .g-ImageTextHP--v2__contentsBlock__text { width: calc(50% - 20px); }
}
@media (max-width: 640px) {
  .irg-lead .g-Section__inner .g-Column.irg-image { padding: 0 25px; background-image: url("/content/dam/sites/kanebo/www-sensai-cosmetics-com/country/jp/img/promotion/2610/utm_the_foundation/img01_sm.jpg") !important; }
  .irg-image .g-ImageTextHP--v2__contentsBlock { flex-direction: column; }
}



/* irg-texture ---------- */
.irg-texture { padding-left: 40px; padding-right: 40px; }
.irg-texture .g-Column__inner { max-width: 1200px; margin: 0 auto; }
.irg-texture .g-ImageTextHP--v2__contentsBlock { display: flex !important; align-items: center; gap: 80px; }
.irg-texture .g-ImageTextHP--v2__contentsBlock::after { display: none; }
.irg-texture .g-ImageTextHP--v2__contentsBlock__image { order: 2; width: calc(50% - 40px); padding: 0 !important; }
.irg-texture .g-ImageTextHP--v2__contentsBlock__text { order: 1; width: calc(50% - 40px); }

.irg-texture .g-Image--v2__img { position: relative; z-index: 1; }
.irg-texture .g-Image--v2__img img { width: 100%; max-width: 460px; }
.irg-texture .irg-texture_option { position: relative; z-index: 2; margin-top: -210px; }
.irg-texture .irg-texture_option .g-List--ver2__ul { list-style: none; display: flex; gap: 40px; width: 100%; max-width: 460px; margin: 0; padding: 0; }
.irg-texture .irg-texture_option .g-List--ver2__ul li { display: flex; justify-content: center; align-items: center; aspect-ratio: 1 / 1; width: calc(50% - 20px); border: 1px solid #B89C42; border-radius: 50%; background: rgba(0, 0, 0, 0.3); padding: 10px; vertical-align: middle; text-align: center; }
.irg-texture .irg-texture_option .g-List--ver2__ul li .irg-texture_option_txt { display: block; font-size: 32px; }
.irg-texture .irg-texture_option .g-List--ver2__ul li .irg-texture_option_txt sup { font-size: 45%; }
.irg-texture .irg-texture_option .g-List--ver2__ul li .irg-texture_option_txt em { font-style: normal; font-size: 84px; line-height: 1.0; letter-spacing: -.1em; margin-right: .1em; }
.irg-texture .irg-texture_option .g-List--ver2__ul li .irg-texture_option_txt2 { display: block; font-size: 18px; }

@media (min-width: 641px) and (max-width: 1024px) {
.irg-texture .g-ImageTextHP--v2__contentsBlock { gap: 40px; }
.irg-texture .g-ImageTextHP--v2__contentsBlock__image { width: calc(50% - 20px); }
.irg-texture .g-ImageTextHP--v2__contentsBlock__text { width: calc(50% - 20px); }
.irg-texture .irg-texture_option { margin-top: -120px; }
.irg-texture .irg-texture_option .g-List--ver2__ul { gap: 24px; }
.irg-texture .irg-texture_option .g-List--ver2__ul li { width: calc(50% - 12px); }
.irg-texture .irg-texture_option .g-List--ver2__ul li .irg-texture_option_txt { font-size: 18px; }
.irg-texture .irg-texture_option .g-List--ver2__ul li .irg-texture_option_txt em { font-size: 48px; }
.irg-texture .irg-texture_option .g-List--ver2__ul li .irg-texture_option_txt2 { font-size: 12px; }
}
@media (max-width: 640px) {
.irg-texture { padding-left: 25px; padding-right: 25px; padding-bottom: 0; }
.irg-texture .g-ImageTextHP--v2__contentsBlock { flex-direction: column; gap: 20px; }
.irg-texture .g-ImageTextHP--v2__contentsBlock__image { order: 2; }
.irg-texture .g-ImageTextHP--v2__contentsBlock__text { order: 1; }

.irg-texture .irg-texture_option { margin-top: -90px; }
.irg-texture .irg-texture_option .g-List--ver2__ul { gap: 20px; }
.irg-texture .irg-texture_option .g-List--ver2__ul li { width: calc(50% - 10px); }
/*
.irg-texture .irg-texture_option { position: absolute; top: -20px; width: 100%; height: 100%; margin-top: 0; padding-bottom: 20px; }
.irg-texture .irg-texture_option .g-List--ver2 { position: absolute; width: 100%; height: 100%; overflow: hidden; }
.irg-texture .irg-texture_option .g-List--ver2__ul { gap: 0; }
.irg-texture .irg-texture_option .g-List--ver2__ul li { display: block; position: absolute; width: 110px; height: 110px; border: none; background: url("/content/dam/sites/kanebo/www-sensai-cosmetics-com/country/jp/img/promotion/2610/utm_the_foundation/texture_bg_sm.png") 20% 100% no-repeat; background-size: 230px; }
.irg-texture .irg-texture_option .g-List--ver2__ul li:nth-child(1) { top: -30px; right: -30px; padding: 40px 30px 40px 50px; }
.irg-texture .irg-texture_option .g-List--ver2__ul li:nth-child(2) { left: -30px; bottom: -30px; padding: 40px 50px 40px 30px; background-position: 90% 30%; }*/
.irg-texture .irg-texture_option .g-List--ver2__ul li .irg-texture_option_txt { font-size: 22px; }
.irg-texture .irg-texture_option .g-List--ver2__ul li .irg-texture_option_txt em { font-size: 52px; }
.irg-texture .irg-texture_option .g-List--ver2__ul li .irg-texture_option_txt2 { font-size: 12px; }
/*.irg-texture .irg-texture_option .g-List--ver2 + .g-Text { position: absolute; bottom: -20px; right: 0; width: 100%; }*/
}



/* irg-item ---------- */
.irg-item { padding: 40px 0 0; background-position: 50% 0; background-size: min(100%, 1440px) auto !important; }
.irg-item .g-Column__inner {}

.irg-item .g-ImageTextHP--v2 { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.irg-item .g-ImageTextHP--v2__contentsBlock { display: flex !important; align-items: center; gap: 80px; }
.irg-item .g-ImageTextHP--v2__contentsBlock::after { display: none; }
.irg-item .g-ImageTextHP--v2__contentsBlock__image { width: calc(50% - 40px); padding: 0 !important; }
.irg-item .g-ImageTextHP--v2__contentsBlock__text { width: calc(50% - 40px); }

.irg-item .irg-item_top { padding: 0 40px; }
.irg-item .irg-item_heading { margin-top: 15px; line-height: 1.0; }
.irg-item .irg-item_heading sup { font-size: 45%; vertical-align: 0.5em; }
.irg-item .irg-item_heading em { font-style: normal; font-size: 60px; }

.irg-item .irg-item_list .g-List--ver2__ul { list-style: none; display: flex; gap: 20px; margin: 0; padding: 0; }
.irg-item .irg-item_list .g-List--ver2__ul li { display: flex; align-items: center; width: calc(50% - 10px); font-size: 18px; }
.irg-item .irg-item_list .g-List--ver2__ul li::before { content: ""; display: block; width: 80px; height: 80px; margin-right: 15px; background-repeat: no-repeat; background-size: contain; }
.irg-item .irg-item_list .g-List--ver2__ul li:nth-child(1)::before { background-image: url("/content/dam/sites/kanebo/www-sensai-cosmetics-com/country/jp/img/promotion/2610/utm_the_foundation/Ingredients01.png"); }
.irg-item .irg-item_list .g-List--ver2__ul li:nth-child(2)::before { background-image: url("/content/dam/sites/kanebo/www-sensai-cosmetics-com/country/jp/img/promotion/2610/utm_the_foundation/Ingredients02.png"); }

.irg-item .irg-item_img { position: relative; z-index: 1; max-width: 1440px; margin: -10px auto 0; }

@media (min-width: 1025px) {
  .irg-item .irg-item_main { background-image: none !important; }
}
@media (min-width: 641px) and (max-width: 1024px) {
  .irg-item { background-image: none !important; }
  .irg-item .irg-item_main { background-position: 50% 0; background-size: min(100%, 1024px) auto !important; }
  .irg-item .g-ImageTextHP--v2 { padding: 0 40px; }
  .irg-item .g-ImageTextHP--v2__contentsBlock { gap: 40px; }
  .irg-item .g-ImageTextHP--v2__contentsBlock__image { width: calc(50% - 20px); }
  .irg-item .g-ImageTextHP--v2__contentsBlock__text { width: calc(50% - 20px); }

  .irg-item .irg-item_heading { margin-top: 0; }
  .irg-item .irg-item_heading em { font-style: normal; font-size: 48px; }

  .irg-item .irg-item_list .g-List--ver2__ul li { font-size: 16px; }

  .irg-item .irg-item_img { margin: -50px -40px 0; }
}
@media (max-width: 640px) {
  .irg-item { padding: 0 25px 20px; background: url("/content/dam/sites/kanebo/www-sensai-cosmetics-com/country/jp/img/promotion/2610/utm_the_foundation/item_bg_sm.jpg") 50% 0 no-repeat #000 !important; background-size: 100% !important; }
  .irg-item .irg-item_main { background-image: none !important; }
  .irg-item .g-ImageTextHP--v2 { padding: 0; }
  .irg-item .g-ImageTextHP--v2__contentsBlock { flex-direction: column; gap: 40px; }

  .irg-item .irg-item_heading em { font-style: normal; font-size: 44px; }

  .irg-item .irg-item_list .g-List--ver2__ul li { font-size: 14px; }
  .irg-item .irg-item_list .g-List--ver2__ul li::before { width: 60px; height: 60px; margin-right: 10px; }
  .irg-item .irg-item_list .g-List--ver2__ul li span { flex: 1; }

  .irg-item .irg-item_img { margin: -60px -25px 0; }
}



/* irg-item-img_txt ---------- */
.irg-item-img_txt { position: relative; z-index: 3; margin-top: -240px; padding-left: 40px; padding-right: 40px; }
.irg-item-img_txt2 { position: relative; z-index: 3; padding-left: 40px; padding-right: 40px; }
.irg-item-img_txt .g-Section__inner { z-index: 2; position: relative; }
/*
.irg-item-img_txt::after { z-index: 1; position: absolute; left: 0; bottom: -80px; content: ""; display: block; width: 100%; height: 140px;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    #000 100%
  );
}*/

@media (min-width: 641px) and (max-width: 1024px) {
  .irg-item-img_txt { margin-top: -280px; }
}
@media (max-width: 688px) {
  .irg-item-img_txt::after { bottom: -70px; background: #000; }
}
@media (max-width: 640px) {
  .irg-item-img_txt { margin-top: -215px; padding: 0; }
  .irg-item-img_txt2 { padding: 0; }
}



/* irg-text ---------- */
.irg-text { padding-left: 40px; padding-right: 40px; }
.irg-text .g-Column__inner { max-width: 1200px; margin: 0 auto; }

@media (max-width: 640px) {
  .irg-text { padding-left: 20px; padding-right: 20px; }
}



/* irg-color ---------- */
.irg-color .g-Column__inner { max-width: 680px; margin: 0 auto; }
.irg-color .g-TileLinkVP--v2__list { list-style: none; display: flex; gap: 20px; }
.irg-color .g-TileLinkVP--v2__list::after { display: none; }
.irg-color .g-TileLinkVP--v2__list li { width: calc(25% - 15px); }
.irg-color .g-TileLinkVP--v2__list li a { padding: 0; border: none; pointer-events: none; }
.irg-color .g-TileLinkVP--v2__list li .g-TileLinkVUnit--v2__imageBlock { width: 100%; max-width: 90px; margin: 0 auto; }

@media (min-width: 641px) and (max-width: 1024px) {
  .irg-color .g-Column__inner { max-width: 488px; }
  .irg-color .g-TileLinkVP--v2__list li .g-TileLinkVUnit--v2__imageBlock { width: 100%; max-width: 70px; }
}
@media (max-width: 640px) {
  .irg-color { padding-left: 20px; padding-right: 20px; padding-bottom: 0; }
  .irg-color .g-TileLinkVP--v2__list li .g-TileLinkVUnit--v2__imageBlock { width: 90%; }
}



/* irg-accordion ---------- */
.irg-accordion { padding-left: 40px; padding-right: 40px; }
.irg-accordion .g-Column__inner { max-width: 880px; margin: 0 auto; }
.irg-accordion .g-Column__inner::after { display: none; }

.irg-accordion .g-AccordionUnit__contentBlock { padding: 30px 20px 10px; }
.irg-accordion .g-AccordionUnit__contentBlock img { width: 100%; max-width: 568px; margin: 0 auto; }
.irg-accordion .g-AccordionMenu { margin-bottom: 0; padding-bottom: 12px; border-bottom: 1px solid; border-color: #B89C42; }
.irg-accordion .g-AccordionMenu .g-AccordionUnit__titleBlock { border: none; border-top: 1px solid; border-color: #B89C42; }
.irg-accordion .g-AccordionMenu .l-AccordionUnit__titleBlock__icon { margin-top: -0.3em; color: #B89C42; }
.irg-accordion .g-AccordionMenu .g-List--ver2__ul { margin-left: -25px; }

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



/* irg-banner ---------- */
.irg-banner .g-TileItem__link { padding: 0; display: flex; align-items: center; background: url("/content/dam/sites/kanebo/www-sensai-cosmetics-com/country/jp/img/promotion/2610/utm_the_foundation/bn_bg_lg.jpg") 50% 0 no-repeat; background-size: 1440px; text-decoration: none; }
.irg-banner .g-TileItem__inner { display: flex !important; align-items: center; gap: 80px; max-width: 880px; margin: 0 auto; padding: 0 40px; }
.irg-banner .g-TileImage { width: calc(50% - 40px); padding: 0 !important; }
.irg-banner .g-TileItemContent { width: calc(50% - 40px); }

@media (min-width: 641px) and (max-width: 1024px) {
  .irg-banner .g-TileItem__link { aspect-ratio: 768 / 280; }
}
@media (max-width: 640px) {
  .irg-banner .g-TileItem__link { aspect-ratio: 376 / 211; background: url("/content/dam/sites/kanebo/www-sensai-cosmetics-com/country/jp/img/promotion/2610/utm_the_foundation/bn_bg_sm.jpg") 50% 0 no-repeat; background-size: 100%; }
  .irg-banner .g-TileItem__inner { gap: 20px; padding: 0 20px; }
  .irg-banner .g-TileImage { width: calc(45% - 10px); }
  .irg-banner .g-TileItemContent { width: calc(55% - 10px); }
}