@charset "utf-8";
@charset "UTF-8";
@font-face {
  font-family: ShiseidoGinza-ExtraLight;
  src: url("../font/ginzafont/ShiseidoGinza-Extralight.woff?$staticlink$");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: ShiseidoGinza-Light;
  src: url("../font/ginzafont/ShiseidoGinza-Light.woff?$staticlink$");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: ShiseidoGinza-Regular;
  src: url("../font/ginzafont/ShiseidoGinza-Regular.woff?$staticlink$");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: ShiseidoGinza-Medium;
  src: url("../font/ginzafont/ShiseidoGinza-Medium.woff?$staticlink$");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: ShiseidoGinza-Bold;
  src: url("../font/ginzafont/ShiseidoGinza-Bold.woff?$staticlink$");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: ShiseidoGinzaExt-Regular;
  src: url("../font/ginzafont/ShiseidoGinzaExt-Regular.otf?$staticlink$");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: icons;
  src: url("../font/icons.woff?$staticlink$");
}
.f-ginzaEL {
  font-family: ShiseidoGinza-ExtraLight !important;
}
.f-ginzaL {
  font-family: ShiseidoGinza-Light !important;
}
.f-ginzaR {
  font-family: ShiseidoGinza-Regular !important;
}
.f-ginzaM {
  font-family: ShiseidoGinza-Medium !important;
}
.f-ginzaB {
  font-family: ShiseidoGinza-Bold !important;
}
.f-tazuganeR,
.f-tazuganeL,
.f-tazuganeM,
.f-tazuganeBook,
.f-tazuganeB {
  font-feature-settings: 'palt';
}
.f-tazuganeR,
.f-tazuganeM,
.f-tazuganeBook,
.f-tazuganeB {
  -webkit-font-smoothing: antialiased;
}
_::-webkit-full-page-media,
_:future,
:root .f-tazuganeR,
:root .f-tazuganeM,
:root .f-tazuganeBook,
:root .f-tazuganeB {
  -webkit-font-smoothing: antialiased;
}
.f-tazuganeL {
  font-family: "TazuganeGothicStdN-Thin", "MT たづがね角ゴシック StdN Light", "たづがね角ゴシック StdN Light", "MT たづがね角ゴシック StdN", "たづがね角ゴシック StdN", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif !important;
  font-weight: 300;
}
.f-tazuganeL a {
  font-family: "TazuganeGothicStdN-Thin", "MT たづがね角ゴシック StdN Light", "たづがね角ゴシック StdN Light", "MT たづがね角ゴシック StdN", "たづがね角ゴシック StdN", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif !important;
}
.f-tazuganeR {
  font-family: "TazuganeGothicStdN-Regular", "MT たづがね角ゴシック StdN Regular", "たづがね角ゴシック StdN", "MT たづがね角ゴシック StdN", "たづがね角ゴシック StdN", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif !important;
  font-weight: 400;
}
.f-tazuganeR a {
  font-family: "TazuganeGothicStdN-Regular", "MT たづがね角ゴシック StdN Regular", "たづがね角ゴシック StdN", "MT たづがね角ゴシック StdN", "たづがね角ゴシック StdN", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif !important;
}
.f-tazuganeM {
  font-family: "TazuganeGothicStdN-Medium", "MT たづがね角ゴシック StdN Medium", "たづがね角ゴシック StdN", "MT たづがね角ゴシック StdN", "たづがね角ゴシック StdN", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif !important;
  font-weight: 500;
}
.f-tazuganeM a {
  font-family: "TazuganeGothicStdN-Medium", "MT たづがね角ゴシック StdN Medium", "たづがね角ゴシック StdN", "MT たづがね角ゴシック StdN", "たづがね角ゴシック StdN", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif !important;
}
.f-tazuganeBook {
  font-family: "TazuganeGothicStdN-Book", "MT たづがね角ゴシック StdN Medium", "たづがね角ゴシック StdN", "MT たづがね角ゴシック StdN", "たづがね角ゴシック StdN", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif !important;
  font-weight: 500;
}
.f-tazuganeBook a {
  font-family: "TazuganeGothicStdN-Book", "MT たづがね角ゴシック StdN Medium", "たづがね角ゴシック StdN", "MT たづがね角ゴシック StdN", "たづがね角ゴシック StdN", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif !important;
}
.f-tazuganeB {
  font-family: "TazuganeGothicStdN-Bold", "MT たづがね角ゴシック StdN Bold", "たづがね角ゴシック StdN Bold", "MT たづがね角ゴシック StdN", "たづがね角ゴシック StdN", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif !important;
  font-weight: 700;
}
.f-tazuganeB a {
  font-family: "TazuganeGothicStdN-Bold", "MT たづがね角ゴシック StdN Bold", "たづがね角ゴシック StdN Bold", "MT たづがね角ゴシック StdN", "たづがね角ゴシック StdN", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif !important;
}
html {
  color: #000;
  background: #fff;
}
body,
div {
  margin: 0;
  padding: 0;
}
.top-notification,
.bottom-notification-message {
  position: relative;
  z-index: 1;
}
.header-search-wrapper {
  z-index: 1001;
}
@media (max-width: 1023.98px) {
  .header-wrapper {
    position: relative !important;
  }
}
.shiseidoBNF dl,
.shiseidoBNF dt,
.shiseidoBNF dd,
.shiseidoBNF ul,
.shiseidoBNF ol,
.shiseidoBNF li,
.shiseidoBNF h1,
.shiseidoBNF h2,
.shiseidoBNF h3,
.shiseidoBNF h4,
.shiseidoBNF h5,
.shiseidoBNF h6,
.shiseidoBNF pre,
.shiseidoBNF code,
.shiseidoBNF form,
.shiseidoBNF fieldset,
.shiseidoBNF legend,
.shiseidoBNF input,
.shiseidoBNF textarea,
.shiseidoBNF p,
.shiseidoBNF blockquote,
.shiseidoBNF th,
.shiseidoBNF td {
  margin: 0;
  padding: 0;
}
.shiseidoBNF table {
  border-collapse: collapse;
  border-spacing: 0;
}
.shiseidoBNF fieldset,
.shiseidoBNF img {
  border: 0;
}
.shiseidoBNF address,
.shiseidoBNF caption,
.shiseidoBNF cite,
.shiseidoBNF code,
.shiseidoBNF dfn,
.shiseidoBNF em,
.shiseidoBNF strong,
.shiseidoBNF th,
.shiseidoBNF var {
  font-style: normal;
  font-weight: normal;
}
.shiseidoBNF ol,
.shiseidoBNF ul {
  list-style: none;
}
.shiseidoBNF caption,
.shiseidoBNF th {
  text-align: left;
}
.shiseidoBNF h1,
.shiseidoBNF h2,
.shiseidoBNF h3,
.shiseidoBNF h4,
.shiseidoBNF h5,
.shiseidoBNF h6 {
  font-size: 100%;
  font-weight: normal;
}
.shiseidoBNF q:before,
.shiseidoBNF q:after {
  content: '';
}
.shiseidoBNF abbr,
.shiseidoBNF acronym {
  border: 0;
  font-variant: normal;
}
.shiseidoBNF sup {
  vertical-align: text-top;
}
.shiseidoBNF sub {
  vertical-align: text-bottom;
}
.shiseidoBNF input,
.shiseidoBNF textarea,
.shiseidoBNF select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.shiseidoBNF input *,
.shiseidoBNF textarea *,
.shiseidoBNF select * {
  font-size: 100%;
}
.shiseidoBNF legend {
  color: #000;
}
.shiseidoBNF #yui3-css-stamp.cssreset {
  display: none;
}
html,
body {
  position: relative;
  font-family: "TazuganeGothicStdN-Thin", "MT たづがね角ゴシック StdN Light", "たづがね角ゴシック StdN Light", "MT たづがね角ゴシック StdN", "たづがね角ゴシック StdN", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif;
}
.shiseidoLX {
  font-size: 10px;
  line-height: 1;
}
.shiseidoLX a {
  text-decoration: inherit;
  -webkit-transition: opacity 400ms ease, color 400ms ease, background-color 400ms ease;
  -moz-transition: opacity 400ms ease, color 400ms ease, background-color 400ms ease;
  -o-transition: opacity 400ms ease, color 400ms ease, background-color 400ms ease;
  -ms-transition: opacity 400ms ease, color 400ms ease, background-color 400ms ease;
  transition: opacity 400ms ease, color 400ms ease, background-color 400ms ease;
}
.shiseidoLX img,
.shiseidoLX svg,
.shiseidoLX video,
.shiseidoLX iframe,
.shiseidoLX picture {
  display: block;
  width: 100%;
}
.shiseidoLX li {
  list-style: none;
}
@media screen and (min-width: 769px) {
  .shiseidoLX-sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  html,
  body {
    min-width: 320px;
  }
  .shiseidoLX-pc {
    display: none !important;
  }
}
.add-to-cart-in-stock {
  background-color: transparent;
  height: auto !important;
}
.product-add-to-cart {
  position: relative;
  text-align: center;
}
.product-add-to-cart button#add-to-cart.button.add-to-cart.ignore,
.product-add-to-cart div.product-form-actions.add-to-cart-out-of-stock #add-to-cart,
.product-add-to-cart button#add-to-cart.button.outline.disabled #add-to-cart {
  font-family: "TazuganeGothicStdN-Medium", "MT たづがね角ゴシック StdN Medium", "たづがね角ゴシック StdN", "MT たづがね角ゴシック StdN", "たづがね角ゴシック StdN", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif !important;
  font-weight: 500 !important;
  font-feature-settings: 'palt';
  -webkit-font-smoothing: antialiased;
  color: #fff;
  background-color: #000 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
  width: 100%;
  height: auto !important;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 1.111111111111111vw 0 0.972222222222222vw;
  font-size: 1.111111111111111vw;
  letter-spacing: 0.08em;
}
.product-add-to-cart button#add-to-cart.button.add-to-cart.ignore:hover,
.product-add-to-cart div.product-form-actions.add-to-cart-out-of-stock #add-to-cart:hover,
.product-add-to-cart button#add-to-cart.button.outline.disabled #add-to-cart:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.product-add-to-cart div.product-form-actions.add-to-cart-out-of-stock,
.product-add-to-cart button#add-to-cart.button.outline.disabled {
  background-color: #888 !important;
}
.product-add-to-cart button#add-to-cart.button.add-to-cart.ignore {
  cursor: pointer;
  -webkit-transition: opacity 360ms ease;
  -moz-transition: opacity 360ms ease;
  -o-transition: opacity 360ms ease;
  -ms-transition: opacity 360ms ease;
  transition: opacity 360ms ease;
}
.product-add-to-cart button#add-to-cart.button.add-to-cart.ignore:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.product-add-to-cart .callout.alert {
  z-index: 1;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.763888888888889vw;
  width: calc(200% + 16 / 1440 * 100vw);
  font-family: "TazuganeGothicStdN-Thin", "MT たづがね角ゴシック StdN Light", "たづがね角ゴシック StdN Light", "MT たづがね角ゴシック StdN", "たづがね角ゴシック StdN", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif !important;
  font-weight: 300;
  font-size: 0.833333333333333vw;
  font-feature-settings: 'palt';
  line-height: 1.5;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  color: #f00 !important;
}
@media screen and (max-width: 768px) {
  .product-add-to-cart button#add-to-cart.button.add-to-cart.ignore,
  .product-add-to-cart div.product-form-actions.add-to-cart-out-of-stock #add-to-cart,
  .product-add-to-cart button#add-to-cart.button.outline.disabled #add-to-cart {
    font-weight: 600 !important;
    font-size: 4vw;
    letter-spacing: 0.08em;
    padding: 4vw 0 3.733333333333333vw;
  }
  .product-add-to-cart button#add-to-cart.button.add-to-cart.ignore {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .product-add-to-cart button#add-to-cart.button.add-to-cart.ignore:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .product-add-to-cart .callout.alert {
    width: 100%;
    margin-top: 2.666666666666667vw;
    font-size: 3.2vw;
    white-space: nowrap;
  }
}
.top-notification,
.bottom-notification-message,
.header-container {
  position: relative !important;
  z-index: 1;
}
.shiseidoLX-about {
  background-color: #000;
}
.shiseidoLX-about.inview--on .shiseidoLX-about__ph {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 600ms ease, -webkit-transform 1700ms ease;
  -moz-transition: opacity 600ms ease, -moz-transform 1700ms ease;
  -o-transition: opacity 600ms ease, -o-transform 1700ms ease;
  -ms-transition: opacity 600ms ease, -ms-transform 1700ms ease;
  transition: opacity 600ms ease, transform 1700ms ease;
  -webkit-transform: scale(1) translate3d(0, 0, 0);
  -moz-transform: scale(1) translate3d(0, 0, 0);
  -o-transform: scale(1) translate3d(0, 0, 0);
  -ms-transform: scale(1) translate3d(0, 0, 0);
  transform: scale(1) translate3d(0, 0, 0);
}
.shiseidoLX-about.inview--on .shiseidoLX-about__txtBox {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 840ms ease 200ms;
  -moz-transition: opacity 840ms ease 200ms;
  -o-transition: opacity 840ms ease 200ms;
  -ms-transition: opacity 840ms ease 200ms;
  transition: opacity 840ms ease 200ms;
}
.shiseidoLX-about__cont {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 auto;
}
.shiseidoLX-about__phBox {
  width: 56.458333333333336vw;
  aspect-ratio: 813/508;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.shiseidoLX-about__ph {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: scale(1.07) translate3d(0, 0, 0);
  -moz-transform: scale(1.07) translate3d(0, 0, 0);
  -o-transform: scale(1.07) translate3d(0, 0, 0);
  -ms-transform: scale(1.07) translate3d(0, 0, 0);
  transform: scale(1.07) translate3d(0, 0, 0);
}
.shiseidoLX-about__txtBox {
  width: 43.541666666666664vw;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  color: #fff;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLX-about__copy {
  margin: 1.388888888888889vw 0 0;
  font-size: 1.388888888888889vw;
  letter-spacing: 0.24em;
  line-height: 1.7;
}
.shiseidoLX-about__txt {
  margin: 1.041666666666667vw 0 0;
  font-size: 1.111111111111111vw;
  letter-spacing: 0.24em;
  line-height: 1.75;
}
.shiseidoLX-about__btns {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: 0.694444444444444vw;
  margin: 2.083333333333333vw 0 0;
}
.shiseidoLX-about__btn {
  width: 13.88888888888889vw;
}
.shiseidoLX-about__btn:first-child {
  width: 16.666666666666668vw;
}
.shiseidoLX-about__btn .shiseidoLX-btn__A {
  background-color: #fff;
}
.shiseidoLX-about__btn .shiseidoLX-btn__txt {
  color: #000;
}
@media screen and (max-width: 768px) {
  .shiseidoLX-about {
    padding: 0 0 20vw;
  }
  .shiseidoLX-about__cont {
    display: block;
  }
  .shiseidoLX-about__phBox {
    width: 100vw;
    aspect-ratio: 335/335;
    overflow: hidden;
  }
  .shiseidoLX-about__txtBox {
    width: auto;
  }
  .shiseidoLX-about__copy {
    margin: 4vw 0 0;
    font-size: 4.266666666666667vw;
    letter-spacing: 0.24em;
    line-height: 1.75;
    text-align: center;
  }
  .shiseidoLX-about__txt {
    margin: 5.333333333333333vw 0 0;
    font-size: 3.733333333333333vw;
    letter-spacing: 0.24em;
    line-height: 1.857142857142857;
    text-align: center;
  }
  .shiseidoLX-about__btns {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    gap: 2.666666666666667vw;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 9.333333333333334vw 0 0;
  }
  .shiseidoLX-about__btn {
    width: 42.666666666666664vw;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  .shiseidoLX-about__btn:first-child {
    width: 42.666666666666664vw;
  }
  .shiseidoLX-about__btn .shiseidoLX-btn__A {
    height: 13.866666666666667vw;
    line-height: 1.142857142857143;
  }
}
.shiseidoLX-archive {
  margin: 5.208333333333333vw 0 0;
}
.shiseidoLX-archive.inview--on .shiseidoLX-archive__ttl {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 840ms ease 200ms, filter 700ms ease 200ms;
  -moz-transition: opacity 840ms ease 200ms, filter 700ms ease 200ms;
  -o-transition: opacity 840ms ease 200ms, filter 700ms ease 200ms;
  -ms-transition: opacity 840ms ease 200ms, filter 700ms ease 200ms;
  transition: opacity 840ms ease 200ms, filter 700ms ease 200ms;
}
.shiseidoLX-archive.inview--on .shiseidoLX-archive__copy {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 840ms ease 200ms, filter 1000ms ease 200ms;
  -moz-transition: opacity 840ms ease 200ms, filter 1000ms ease 200ms;
  -o-transition: opacity 840ms ease 200ms, filter 1000ms ease 200ms;
  -ms-transition: opacity 840ms ease 200ms, filter 1000ms ease 200ms;
  transition: opacity 840ms ease 200ms, filter 1000ms ease 200ms;
}
.shiseidoLX-archive.inview--on .shiseidoLX-archive__item {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1000ms ease, -webkit-transform 1000ms ease;
  -moz-transition: opacity 1000ms ease, -moz-transform 1000ms ease;
  -o-transition: opacity 1000ms ease, -o-transform 1000ms ease;
  -ms-transition: opacity 1000ms ease, -ms-transform 1000ms ease;
  transition: opacity 1000ms ease, transform 1000ms ease;
}
.shiseidoLX-archive.inview--on .shiseidoLX-archive__item:nth-child(1) {
  -webkit-transition-delay: 540ms;
  -moz-transition-delay: 540ms;
  -o-transition-delay: 540ms;
  -ms-transition-delay: 540ms;
  transition-delay: 540ms;
}
.shiseidoLX-archive.inview--on .shiseidoLX-archive__item:nth-child(2) {
  -webkit-transition-delay: 680ms;
  -moz-transition-delay: 680ms;
  -o-transition-delay: 680ms;
  -ms-transition-delay: 680ms;
  transition-delay: 680ms;
}
.shiseidoLX-archive.inview--on .shiseidoLX-archive__item:nth-child(3) {
  -webkit-transition-delay: 820ms;
  -moz-transition-delay: 820ms;
  -o-transition-delay: 820ms;
  -ms-transition-delay: 820ms;
  transition-delay: 820ms;
}
.shiseidoLX-archive.inview--on .shiseidoLX-archive__item:nth-child(4) {
  -webkit-transition-delay: 960ms;
  -moz-transition-delay: 960ms;
  -o-transition-delay: 960ms;
  -ms-transition-delay: 960ms;
  transition-delay: 960ms;
}
.shiseidoLX-archive.inview--on .shiseidoLX-archive__item:nth-child(5) {
  -webkit-transition-delay: 1100ms;
  -moz-transition-delay: 1100ms;
  -o-transition-delay: 1100ms;
  -ms-transition-delay: 1100ms;
  transition-delay: 1100ms;
}
.shiseidoLX-archive.inview--on .shiseidoLX-archive__item:nth-child(6) {
  -webkit-transition-delay: 1240ms;
  -moz-transition-delay: 1240ms;
  -o-transition-delay: 1240ms;
  -ms-transition-delay: 1240ms;
  transition-delay: 1240ms;
}
.shiseidoLX-archive.inview--on .shiseidoLX-archive__item:nth-child(7) {
  -webkit-transition-delay: 1380ms;
  -moz-transition-delay: 1380ms;
  -o-transition-delay: 1380ms;
  -ms-transition-delay: 1380ms;
  transition-delay: 1380ms;
}
.shiseidoLX-archive.inview--on .shiseidoLX-archive__item:nth-child(8) {
  -webkit-transition-delay: 1520ms;
  -moz-transition-delay: 1520ms;
  -o-transition-delay: 1520ms;
  -ms-transition-delay: 1520ms;
  transition-delay: 1520ms;
}
.shiseidoLX-archive__cont {
  margin: 0 0 11.805555555555555vw;
  text-align: center;
}
.shiseidoLX-archive__ttl {
  font-size: 1.111111111111111vw;
  line-height: 2.25;
  letter-spacing: 0.24em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLX-archive__copy {
  margin: 0.694444444444444vw 0 0;
  font-size: 1.111111111111111vw;
  line-height: 1.625;
  letter-spacing: 0.16em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLX-archive__list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 2.430555555555555vw;
  margin: 5.208333333333333vw 0 0;
}
.shiseidoLX-archive__item {
  position: relative;
  width: 7.638888888888889vw;
  height: 22.22222222222222vw;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  border: 1px solid rgba(0,0,0,0.5);
  overflow: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLX-archive__item.is-disable {
  pointer-events: none;
}
.shiseidoLX-archive__item.is-disable .shiseidoLX-archive__itemBg {
  display: none;
}
.shiseidoLX-archive__item.is-disable .shiseidoLX-archive__itemTxt {
  color: #000;
}
.shiseidoLX-archive__item.is-disable .shiseidoLX-archive__itemArrow {
  display: none;
}
.shiseidoLX-archive__item:nth-child(even) {
  -webkit-transform: translate3d(0, 10%, 0);
  -moz-transform: translate3d(0, 10%, 0);
  -o-transform: translate3d(0, 10%, 0);
  -ms-transform: translate3d(0, 10%, 0);
  transform: translate3d(0, 10%, 0);
}
.shiseidoLX-archive__item:nth-child(odd) {
  -webkit-transform: translate3d(0, -10%, 0);
  -moz-transform: translate3d(0, -10%, 0);
  -o-transform: translate3d(0, -10%, 0);
  -ms-transform: translate3d(0, -10%, 0);
  transform: translate3d(0, -10%, 0);
}
.shiseidoLX-archive__itemA {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .shiseidoLX-archive__itemA:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoLX-archive__itemA:hover .shiseidoLX-archive__itemBg {
    -webkit-transform: translate3d(0, 0, 0) scale(1.05);
    -moz-transform: translate3d(0, 0, 0) scale(1.05);
    -o-transform: translate3d(0, 0, 0) scale(1.05);
    -ms-transform: translate3d(0, 0, 0) scale(1.05);
    transform: translate3d(0, 0, 0) scale(1.05);
  }
  .shiseidoLX-archive__itemA:hover .shiseidoLX-archive__itemArrow {
    -webkit-transform: translate3d(-50%, 50%, 0);
    -moz-transform: translate3d(-50%, 50%, 0);
    -o-transform: translate3d(-50%, 50%, 0);
    -ms-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0);
  }
}
.shiseidoLX-archive__itemBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0) scale(1.01);
  -moz-transform: translate3d(0, 0, 0) scale(1.01);
  -o-transform: translate3d(0, 0, 0) scale(1.01);
  -ms-transform: translate3d(0, 0, 0) scale(1.01);
  transform: translate3d(0, 0, 0) scale(1.01);
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transition: -moz-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  -ms-transition: -ms-transform 400ms ease;
  transition: transform 400ms ease;
}
.shiseidoLX-archive__itemBg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.shiseidoLX-archive__itemTxt {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
}
.shiseidoLX-archive__itemArrow {
  position: absolute;
  z-index: 1;
  bottom: 1.388888888888889vw;
  left: 50%;
  will-change: transform;
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  width: 0.902777777777778vw;
  height: 1.180555555555556vw;
  color: #fff;
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transition: -moz-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  -ms-transition: -ms-transform 400ms ease;
  transition: transform 400ms ease;
}
.shiseidoLX-archive__itemArrow svg {
  overflow: visible;
}
@media screen and (max-width: 768px) {
  .shiseidoLX-archive {
    margin: 19.466666666666665vw 0 0;
  }
  .shiseidoLX-archive__cont {
    margin: 0;
  }
  .shiseidoLX-archive__ttl {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.24em;
  }
  .shiseidoLX-archive__copy {
    margin: 5.333333333333333vw 0 0;
    font-size: 3.2vw;
    line-height: 2;
    letter-spacing: 0.16em;
  }
  .shiseidoLX-archive__inner {
    width: 100%;
    padding: 10.666666666666666vw 0 24vw 5.333333333333333vw;
    overflow: scroll;
    scrollbar-width: none;
  }
  .shiseidoLX-archive__inner::-webkit-scrollbar {
    display: none;
  }
  .shiseidoLX-archive__list {
    width: 209.33333333333334vw;
    gap: 4vw;
    margin: 0 4vw 0 0;
    -webkit-box-pack: left;
    -moz-box-pack: left;
    -o-box-pack: left;
    -ms-flex-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
    padding: 0 4vw 0 0;
  }
  .shiseidoLX-archive__item {
    width: 22.666666666666668vw;
    height: 66.66666666666667vw;
  }
  .shiseidoLX-archive__itemArrow {
    bottom: 2.666666666666667vw;
    width: 2.666666666666667vw;
    height: 3.733333333333333vw;
  }
}
.shiseidoLX-banner {
  position: relative;
  overflow: hidden;
}
.shiseidoLX-banner.inview--on .shiseidoLX-banner__bg {
  -webkit-transition: opacity 600ms ease, -webkit-transform 1700ms ease;
  -moz-transition: opacity 600ms ease, -moz-transform 1700ms ease;
  -o-transition: opacity 600ms ease, -o-transform 1700ms ease;
  -ms-transition: opacity 600ms ease, -ms-transform 1700ms ease;
  transition: opacity 600ms ease, transform 1700ms ease;
  -webkit-transform: scale(1.01) translate3d(0, 0, 0);
  -moz-transform: scale(1.01) translate3d(0, 0, 0);
  -o-transform: scale(1.01) translate3d(0, 0, 0);
  -ms-transform: scale(1.01) translate3d(0, 0, 0);
  transform: scale(1.01) translate3d(0, 0, 0);
}
.shiseidoLX-banner.inview--on .shiseidoLX-banner__boxInner {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 840ms ease 200ms, filter 840ms ease 200ms;
  -moz-transition: opacity 840ms ease 200ms, filter 840ms ease 200ms;
  -o-transition: opacity 840ms ease 200ms, filter 840ms ease 200ms;
  -ms-transition: opacity 840ms ease 200ms, filter 840ms ease 200ms;
  transition: opacity 840ms ease 200ms, filter 840ms ease 200ms;
}
.shiseidoLX-banner__box {
  position: relative;
  z-index: 1;
  padding: 6.25vw 0;
}
.shiseidoLX-banner__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.1) translate3d(0, 0, 0);
  -moz-transform: scale(1.1) translate3d(0, 0, 0);
  -o-transform: scale(1.1) translate3d(0, 0, 0);
  -ms-transform: scale(1.1) translate3d(0, 0, 0);
  transform: scale(1.1) translate3d(0, 0, 0);
}
.shiseidoLX-banner__bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.shiseidoLX-banner__boxInner {
  width: 78.47222222222223vw;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLX-banner__txt-box {
  width: 32.638888888888886vw;
}
.shiseidoLX-banner__ttl {
  font-size: 1.388888888888889vw;
  line-height: 1.6;
  letter-spacing: 0.24em;
}
.shiseidoLX-banner__txt {
  margin: 1.388888888888889vw 0 0;
  font-size: 0.972222222222222vw;
  line-height: 1.857142857142857;
  letter-spacing: 0.08em;
}
.shiseidoLX-banner__btns {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: 0.694444444444444vw;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 1.736111111111111vw 0 0;
}
.shiseidoLX-banner__btn {
  width: 13.194444444444445vw;
  height: 3.194444444444445vw;
}
.shiseidoLX-banner__btn.is-plus .shiseidoLX-banner__btnTxt {
  left: 1.805555555555556vw;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.shiseidoLX-banner__btnA {
  position: relative;
  display: inline-block;
  font-feature-settings: 'palt';
  -webkit-font-smoothing: antialiased;
  color: #fff !important;
  background-color: #000;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  height: 100%;
  font-size: 1.111111111111111vw;
  letter-spacing: 0.08em;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: opacity 360ms ease;
  -moz-transition: opacity 360ms ease;
  -o-transition: opacity 360ms ease;
  -ms-transition: opacity 360ms ease;
  transition: opacity 360ms ease;
}
.shiseidoLX-banner__btnA:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.shiseidoLX-banner__btnTxt {
  position: absolute;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.shiseidoLX-banner__btnPlus {
  position: absolute;
  top: 50%;
  right: 1.805555555555556vw;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  width: 0.972222222222222vw;
  height: 0.972222222222222vw;
}
.shiseidoLX-banner__video {
  width: 40.69444444444444vw;
  height: 22.916666666666668vw;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.shiseidoLX-banner__video .video-js {
  width: 100%;
  height: 100%;
  border: 0;
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -o-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
}
.shiseidoLX-banner__ph {
  width: 40.69444444444444vw;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .shiseidoLX-banner {
    position: relative;
  }
  .shiseidoLX-banner__box {
    padding: 14.666666666666666vw 0;
  }
  .shiseidoLX-banner__boxInner {
    width: 89.33333333333333vw;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .shiseidoLX-banner__txt-box {
    width: auto;
  }
  .shiseidoLX-banner__ttl {
    margin: 9.333333333333334vw 0 0;
    font-size: 4.266666666666667vw;
    line-height: 1.75;
    letter-spacing: 0.24em;
    text-align: center;
  }
  .shiseidoLX-banner__txt {
    margin: 2.666666666666667vw 0 0;
    font-size: 3.2vw;
    line-height: 2;
    letter-spacing: 0.08em;
  }
  .shiseidoLX-banner__btns {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    gap: 2.666666666666667vw;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 7.466666666666667vw 0 0;
  }
  .shiseidoLX-banner__btn {
    width: 42.666666666666664vw;
    height: 11.2vw;
  }
  .shiseidoLX-banner__btn.is-plus .shiseidoLX-banner__btnTxt {
    left: 8vw;
  }
  .shiseidoLX-banner__btnA {
    font-size: 3.733333333333333vw;
    line-height: 0.785714285714286;
    letter-spacing: 0.04em;
  }
  .shiseidoLX-banner__btnPlus {
    right: 7.2vw;
    width: 2.666666666666667vw;
    height: 2.666666666666667vw;
  }
  .shiseidoLX-banner__video {
    width: 89.33333333333333vw;
    height: 50.13333333333333vw;
  }
  .shiseidoLX-banner__ph {
    width: 89.33333333333333vw;
  }
}
.shiseidoLX__canvas {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 840ms ease;
  -moz-transition: opacity 840ms ease;
  -o-transition: opacity 840ms ease;
  -ms-transition: opacity 840ms ease;
  transition: opacity 840ms ease;
}
.shiseidoLX__canvas.is-show {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 840ms ease;
  -moz-transition: opacity 840ms ease;
  -o-transition: opacity 840ms ease;
  -ms-transition: opacity 840ms ease;
  transition: opacity 840ms ease;
}
.shiseidoLX__canvas canvas {
  width: 100%;
  height: 100%;
}
.shiseidoLX-btn {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 3.194444444444445vw;
  text-align: center;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.shiseidoLX-btn__A {
  width: 100%;
  height: 100%;
  position: relative;
  display: inline-block;
  font-feature-settings: 'palt';
  -webkit-font-smoothing: antialiased;
  color: #fff !important;
  background-color: #000;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 1.111111111111111vw;
  letter-spacing: 0.08em;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: opacity 360ms ease;
  -moz-transition: opacity 360ms ease;
  -o-transition: opacity 360ms ease;
  -ms-transition: opacity 360ms ease;
  transition: opacity 360ms ease;
}
@media screen and (min-width: 769px) {
  .shiseidoLX-btn__A:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
}
.shiseidoLX-btn__txt {
  position: absolute;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .shiseidoLX-btn {
    height: 11.2vw;
  }
  .shiseidoLX-btn__A {
    font-size: 3.733333333333333vw;
  }
}
.shiseidoLX-intro.inview--on .shiseidoLX-intro__ttl {
  -webkit-transition: opacity 840ms ease, filter 840ms ease;
  -moz-transition: opacity 840ms ease, filter 840ms ease;
  -o-transition: opacity 840ms ease, filter 840ms ease;
  -ms-transition: opacity 840ms ease, filter 840ms ease;
  transition: opacity 840ms ease, filter 840ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  filter: blur(0);
}
.shiseidoLX-intro.inview--on .shiseidoLX-intro__txt {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  filter: blur(0);
  -webkit-transition: opacity 840ms 300ms ease, filter 840ms 300ms ease;
  -moz-transition: opacity 840ms 300ms ease, filter 840ms 300ms ease;
  -o-transition: opacity 840ms 300ms ease, filter 840ms 300ms ease;
  -ms-transition: opacity 840ms 300ms ease, filter 840ms 300ms ease;
  transition: opacity 840ms 300ms ease, filter 840ms 300ms ease;
}
.shiseidoLX-intro__cont {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 61.111111111111114vw;
  margin: 7.986111111111111vw auto 0;
}
.shiseidoLX-intro__ttl {
  width: 2.430555555555555vw;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  filter: blur(7px);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.shiseidoLX-intro__txt {
  margin: -0.347222222222222vw 0 0;
  width: 51.736111111111114vw;
  font-size: 1.111111111111111vw;
  line-height: 2.125;
  letter-spacing: 0.24em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  filter: blur(7px);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 768px) {
  .shiseidoLX-intro__cont {
    display: block;
    width: 89.33333333333333vw;
    margin: 21.333333333333332vw auto 0;
  }
  .shiseidoLX-intro__ttl {
    width: 6.666666666666667vw;
    margin: 0 auto;
  }
  .shiseidoLX-intro__txt {
    margin: 5.333333333333333vw 0 0;
    width: auto;
    font-size: 3.2vw;
    line-height: 2;
    letter-spacing: 0.16em;
    text-align: center;
  }
}
.shiseidoLX-kit {
  position: relative;
  margin-top: 6.25vw;
}
@media screen and (min-width: 769px) {
  .shiseidoLX-kit.inview--on .shiseidoLX-kit__cont:before {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -webkit-transform: translate3d(-50%, 0, 0) scaleY(1);
    -moz-transform: translate3d(-50%, 0, 0) scaleY(1);
    -o-transform: translate3d(-50%, 0, 0) scaleY(1);
    -ms-transform: translate3d(-50%, 0, 0) scaleY(1);
    transform: translate3d(-50%, 0, 0) scaleY(1);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 840ms ease;
    -moz-transition: -moz-transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 840ms ease;
    -o-transition: -o-transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 840ms ease;
    -ms-transition: -ms-transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 840ms ease;
    transition: transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 840ms ease;
  }
  .shiseidoLX-kit.inview--on .shiseidoLX-kit__box {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: opacity 840ms ease 200ms;
    -moz-transition: opacity 840ms ease 200ms;
    -o-transition: opacity 840ms ease 200ms;
    -ms-transition: opacity 840ms ease 200ms;
    transition: opacity 840ms ease 200ms;
  }
}
.shiseidoLX-kit__cont {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 6.666666666666667vw;
  margin: 6.041666666666667vw 0 0;
  padding: 0 0 2.133333333333333vw;
}
.shiseidoLX-kit__cont:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: #000;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(-50%, 0, 0) scaleY(0);
  -moz-transform: translate3d(-50%, 0, 0) scaleY(0);
  -o-transform: translate3d(-50%, 0, 0) scaleY(0);
  -ms-transform: translate3d(-50%, 0, 0) scaleY(0);
  transform: translate3d(-50%, 0, 0) scaleY(0);
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
}
.shiseidoLX-kit__box {
  width: 33.47222222222222vw;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLX-kit__ph {
  width: 13.88888888888889vw;
  margin: 0 auto;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.shiseidoLX-kit__copy {
  margin: 2.083333333333333vw 0 0;
  font-size: 1.388888888888889vw;
  letter-spacing: 0.16em;
  line-height: 1.6;
}
.shiseidoLX-kit__txt {
  margin: 1.041666666666667vw 0 0;
  font-size: 1.111111111111111vw;
  line-height: 1.875;
  letter-spacing: 0.16em;
}
.shiseidoLX-kit__credit {
  margin: 1.388888888888889vw 0 0;
  font-size: 0.972222222222222vw;
  line-height: 2;
  letter-spacing: 0.08em;
}
.shiseidoLX-kit__btn {
  margin: 2.083333333333333vw auto 0;
  width: 11.11111111111111vw;
}
@media screen and (max-width: 768px) {
  .shiseidoLX-kit {
    margin-top: 0;
  }
  .shiseidoLX-kit__cont {
    display: block;
    gap: 0;
    width: 89.33333333333333vw;
    margin: 0 auto;
    padding: 0;
  }
  .shiseidoLX-kit__cont:before {
    display: none;
  }
  .shiseidoLX-kit__box {
    position: relative;
    width: auto;
    margin: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    gap: 0;
    padding: 0 0 18.666666666666668vw;
  }
  .shiseidoLX-kit__box.inview--on {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: opacity 840ms ease;
    -moz-transition: opacity 840ms ease;
    -o-transition: opacity 840ms ease;
    -ms-transition: opacity 840ms ease;
    transition: opacity 840ms ease;
  }
  .shiseidoLX-kit__box:nth-child(3) {
    padding: 10.666666666666666vw 0 0;
  }
  .shiseidoLX-kit__line {
    width: 100%;
    height: 1px;
    background-color: #000;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translate3d(0, 0, 0) scaleX(0);
    -moz-transform: translate3d(0, 0, 0) scaleX(0);
    -o-transform: translate3d(0, 0, 0) scaleX(0);
    -ms-transform: translate3d(0, 0, 0) scaleX(0);
    transform: translate3d(0, 0, 0) scaleX(0);
  }
  .shiseidoLX-kit__line.inview--on {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -webkit-transform: translate3d(0, 0, 0) scaleX(1);
    -moz-transform: translate3d(0, 0, 0) scaleX(1);
    -o-transform: translate3d(0, 0, 0) scaleX(1);
    -ms-transform: translate3d(0, 0, 0) scaleX(1);
    transform: translate3d(0, 0, 0) scaleX(1);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 840ms ease;
    -moz-transition: -moz-transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 840ms ease;
    -o-transition: -o-transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 840ms ease;
    -ms-transition: -ms-transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 840ms ease;
    transition: transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 840ms ease;
  }
  .shiseidoLX-kit__ph {
    width: 53.333333333333336vw;
    margin: 0 auto;
    aspect-ratio: 1/1;
    overflow: hidden;
  }
  .shiseidoLX-kit__copy {
    margin: 6.133333333333334vw 0 0;
    font-size: 3.733333333333333vw;
    letter-spacing: 0.16em;
    line-height: 1.857142857142857;
    text-align: center;
  }
  .shiseidoLX-kit__txt {
    margin: 2.666666666666667vw 0 0;
    font-size: 3.2vw;
    line-height: 2;
    letter-spacing: 0.16em;
  }
  .shiseidoLX-kit__credit {
    margin: 4.8vw 0 0;
    font-size: 3.2vw;
    line-height: 1.833333333333333;
    letter-spacing: 0.08em;
  }
  .shiseidoLX-kit__btn {
    margin: 10.666666666666666vw auto 0;
    width: 42.666666666666664vw;
  }
}
.shiseidoLX-lineup {
  position: relative;
  padding-top: 70svh;
}
.shiseidoLX-lineup__cont {
  width: 80.13888888888889vw;
  margin: 0 auto;
}
.shiseidoLX-lineup__box {
  margin: 6.25vw 0 0;
}
@media screen and (min-width: 769px) {
  .shiseidoLX-lineup__box.inview--on .shiseidoLX-lineup__ph {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    -moz-transform: scale(1) translate3d(0, 0, 0);
    -o-transform: scale(1) translate3d(0, 0, 0);
    -ms-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    -webkit-transition: opacity 840ms ease 400ms, -webkit-transform 1800ms ease 400ms;
    -moz-transition: opacity 840ms ease 400ms, -moz-transform 1800ms ease 400ms;
    -o-transition: opacity 840ms ease 400ms, -o-transform 1800ms ease 400ms;
    -ms-transition: opacity 840ms ease 400ms, -ms-transform 1800ms ease 400ms;
    transition: opacity 840ms ease 400ms, transform 1800ms ease 400ms;
  }
  .shiseidoLX-lineup__box.inview--on .shiseidoLX-lineup__txtBox {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: opacity 840ms 600ms ease;
    -moz-transition: opacity 840ms 600ms ease;
    -o-transition: opacity 840ms 600ms ease;
    -ms-transition: opacity 840ms 600ms ease;
    transition: opacity 840ms 600ms ease;
  }
  .shiseidoLX-lineup__box.inview--on .shiseidoLX-lineup__head {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: opacity 840ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 840ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 840ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 840ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 840ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .shiseidoLX-lineup__box.inview--on .shiseidoLX-lineup__head:before,
  .shiseidoLX-lineup__box.inview--on .shiseidoLX-lineup__head:after {
    -webkit-transform: translate3d(0, -50%, 0) scaleX(1);
    -moz-transform: translate3d(0, -50%, 0) scaleX(1);
    -o-transform: translate3d(0, -50%, 0) scaleX(1);
    -ms-transform: translate3d(0, -50%, 0) scaleX(1);
    transform: translate3d(0, -50%, 0) scaleX(1);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: -moz-transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: -o-transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: -ms-transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.shiseidoLX-lineup__boxInner {
  margin: 4.166666666666667vw 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 3.472222222222222vw;
}
.shiseidoLX-lineup__phBox {
  width: 36.80555555555556vw;
  aspect-ratio: 530/530;
  overflow: hidden;
}
.shiseidoLX-lineup__ph {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.shiseidoLX-lineup__txtBox {
  width: 33.333333333333336vw;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLX-lineup__head {
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.shiseidoLX-lineup__head h2 {
  display: inline-block;
}
.shiseidoLX-lineup__head:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #000;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -webkit-transform: translate3d(0, -50%, 0) scaleX(0);
  -moz-transform: translate3d(0, -50%, 0) scaleX(0);
  -o-transform: translate3d(0, -50%, 0) scaleX(0);
  -ms-transform: translate3d(0, -50%, 0) scaleX(0);
  transform: translate3d(0, -50%, 0) scaleX(0);
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
}
.shiseidoLX-lineup__head:after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #000;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -webkit-transform: translate3d(0, -50%, 0) scaleX(0);
  -moz-transform: translate3d(0, -50%, 0) scaleX(0);
  -o-transform: translate3d(0, -50%, 0) scaleX(0);
  -ms-transform: translate3d(0, -50%, 0) scaleX(0);
  transform: translate3d(0, -50%, 0) scaleX(0);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}
.shiseidoLX-lineup__ttl {
  padding: 0 2.777777777777778vw 0;
  font-size: 1.388888888888889vw;
  line-height: 1.7;
  letter-spacing: 0.24em;
  text-align: center;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.shiseidoLX-lineup__copy {
  font-size: 1.388888888888889vw;
  letter-spacing: 0.16em;
  line-height: 1.7;
}
.shiseidoLX-lineup__name {
  font-size: 1.388888888888889vw;
  letter-spacing: 0.16em;
  line-height: 1.6;
}
.shiseidoLX-lineup__txt {
  margin: 1.041666666666667vw 0 0;
  font-size: 1.111111111111111vw;
  line-height: 1.875;
  letter-spacing: 0.16em;
}
.shiseidoLX-lineup__note {
  margin: 0.694444444444444vw 0 0;
  font-size: 0.833333333333333vw;
  line-height: 1;
  letter-spacing: 0.08em;
}
.shiseidoLX-lineup__credit {
  margin: 1.388888888888889vw 0 0;
  font-size: 0.972222222222222vw;
  line-height: 2;
}
.shiseidoLX-lineup__buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.694444444444444vw;
}
.shiseidoLX-lineup__form {
  margin-top: 1.736111111111111vw;
}
.shiseidoLX-lineup__optionLink {
  display: inline-block;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: opacity 360ms ease;
  -moz-transition: opacity 360ms ease;
  -o-transition: opacity 360ms ease;
  -ms-transition: opacity 360ms ease;
  transition: opacity 360ms ease;
}
.shiseidoLX-lineup__optionLink:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.shiseidoLX-lineup__optionLink.lxDisabled {
  pointer-events: none;
}
.shiseidoLX-lineup__optionLink.lxDisabled .lineup__optionButton {
  width: 0;
  height: 0;
  background-color: transparent;
  display: none;
}
.shiseidoLX-lineup__optionLink.lxDisabled .lineup__optionButton:before {
  display: none;
}
.shiseidoLX-lineup__optionLink.lxDisabled .lineup__optionLabel {
  margin-left: 0;
}
.shiseidoLX-lineup__optionButton {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: -0.138888888888889vw;
  width: 0.902777777777778vw;
  height: 0.902777777777778vw;
  background-color: #fff;
  border-radius: 50%;
}
.shiseidoLX-lineup__optionButton.lxActive:before {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  left: 50%;
  width: 0.625vw;
  height: 0.625vw;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  background-color: #000;
  border-radius: 50%;
}
.shiseidoLX-lineup__optionButton+.lineup__optionLabel {
  margin-left: 0.486111111111111vw;
}
.shiseidoLX-lineup__optionLabel {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.972222222222222vw;
  line-height: 2;
  letter-spacing: 0.08em;
  color: #000;
}
.shiseidoLX-lineup__btns {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-top: 1.25vw;
  gap: 0.694444444444444vw;
}
.shiseidoLX-lineup__btn {
  width: 11.11111111111111vw;
}
.shiseidoLX-lineup__cartButtons {
  position: relative;
  width: 11.11111111111111vw;
  height: 3.194444444444445vw;
  text-align: center;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.shiseidoLX-lineup__cartButton {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  pointer-events: none;
}
.shiseidoLX-lineup__cartButton.lxActive {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  pointer-events: auto;
}
.shiseidoLX-lineup__cartButton.lxActive:hover button#add-to-cart.button.add-to-cart.ignore {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.shiseidoLX-lineup__productInfoBtn {
  display: inline-block;
  margin-top: 1.736111111111111vw;
}
.shiseidoLX-lineup__productInfoBtnA {
  position: relative;
  display: inline-block;
  font-size: 0.833333333333333vw;
  letter-spacing: -0.02em;
  margin: 0.694444444444444vw 0 0;
  padding: 0 0.833333333333333vw 0.486111111111111vw 0;
  color: #000;
}
.shiseidoLX-lineup__productInfoBtnA:after {
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%206%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1.43367%200.76416L5.78722%205.11771C5.88099%205.21148%205.93367%205.33866%205.93367%205.47127C5.93367%205.60388%205.88099%205.73105%205.78722%205.82482L1.43367%2010.1784L0.726563%209.47127L4.72656%205.47127L0.726563%201.47127L1.43367%200.76416Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  filter: invert(1);
  width: 0.416666666666667vw;
  height: 0.694444444444444vw;
  top: 0;
  right: 0;
}
.shiseidoLX-lineup__productInfoBtnA span {
  position: relative;
  display: inline-block;
}
.shiseidoLX-lineup__productInfoBtnA span:before,
.shiseidoLX-lineup__productInfoBtnA span:after {
  content: '';
  position: absolute;
  display: block;
  bottom: -0.277777777777778vw;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -o-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
  -moz-transform: translate3d(0, 0, 0) scale(1, 1);
  -o-transform: translate3d(0, 0, 0) scale(1, 1);
  -ms-transform: translate3d(0, 0, 0) scale(1, 1);
  transform: translate3d(0, 0, 0) scale(1, 1);
  -webkit-transition: -webkit-transform 360ms ease;
  -moz-transition: -moz-transform 360ms ease;
  -o-transition: -o-transform 360ms ease;
  -ms-transition: -ms-transform 360ms ease;
  transition: transform 360ms ease;
}
.shiseidoLX-lineup__productInfoBtnA span:after {
  -webkit-transition: -webkit-transform 360ms 240ms ease;
  -moz-transition: -moz-transform 360ms 240ms ease;
  -o-transition: -o-transform 360ms 240ms ease;
  -ms-transition: -ms-transform 360ms 240ms ease;
  transition: transform 360ms 240ms ease;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: scale(0, 1) translate3d(0, 0, 0);
  -moz-transform: scale(0, 1) translate3d(0, 0, 0);
  -o-transform: scale(0, 1) translate3d(0, 0, 0);
  -ms-transform: scale(0, 1) translate3d(0, 0, 0);
  transform: scale(0, 1) translate3d(0, 0, 0);
}
@media screen and (min-width: 769px) {
  .shiseidoLX-lineup__productInfoBtnA:hover span:before {
    -webkit-transition: -webkit-transform 360ms ease;
    -moz-transition: -moz-transform 360ms ease;
    -o-transition: -o-transform 360ms ease;
    -ms-transition: -ms-transform 360ms ease;
    transition: transform 360ms ease;
    -webkit-transform: scale(0, 1) translate3d(0, 0, 0);
    -moz-transform: scale(0, 1) translate3d(0, 0, 0);
    -o-transform: scale(0, 1) translate3d(0, 0, 0);
    -ms-transform: scale(0, 1) translate3d(0, 0, 0);
    transform: scale(0, 1) translate3d(0, 0, 0);
  }
  .shiseidoLX-lineup__productInfoBtnA:hover span:after {
    -webkit-transition: -webkit-transform 360ms 240ms ease;
    -moz-transition: -moz-transform 360ms 240ms ease;
    -o-transition: -o-transform 360ms 240ms ease;
    -ms-transition: -ms-transform 360ms 240ms ease;
    transition: transform 360ms 240ms ease;
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0, 0, 0);
    -o-transform: scale(1, 1) translate3d(0, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0);
  }
}
@media screen and (max-width: 768px) {
  .shiseidoLX-lineup__cont {
    width: 89.33333333333333vw;
  }
  .shiseidoLX-lineup__box {
    margin: 16vw 0 0;
  }
  .shiseidoLX-lineup__box.inview--on .shiseidoLX-lineup__head {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: opacity 840ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 840ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 840ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 840ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 840ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .shiseidoLX-lineup__box.inview--on .shiseidoLX-lineup__head:before,
  .shiseidoLX-lineup__box.inview--on .shiseidoLX-lineup__head:after {
    -webkit-transform: translate3d(0, -50%, 0) scaleX(1);
    -moz-transform: translate3d(0, -50%, 0) scaleX(1);
    -o-transform: translate3d(0, -50%, 0) scaleX(1);
    -ms-transform: translate3d(0, -50%, 0) scaleX(1);
    transform: translate3d(0, -50%, 0) scaleX(1);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: -moz-transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: -o-transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: -ms-transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .shiseidoLX-lineup__boxInner {
    margin: 0;
    display: block;
    gap: 0;
  }
  .shiseidoLX-lineup__phBox {
    margin: 8vw 0 0;
    width: 89.33333333333333vw;
    overflow: hidden;
  }
  .shiseidoLX-lineup__phBox.inview--on .shiseidoLX-lineup__ph {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    -moz-transform: scale(1) translate3d(0, 0, 0);
    -o-transform: scale(1) translate3d(0, 0, 0);
    -ms-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    -webkit-transition: opacity 840ms ease 200ms, -webkit-transform 1800ms ease 200ms;
    -moz-transition: opacity 840ms ease 200ms, -moz-transform 1800ms ease 200ms;
    -o-transition: opacity 840ms ease 200ms, -o-transform 1800ms ease 200ms;
    -ms-transition: opacity 840ms ease 200ms, -ms-transform 1800ms ease 200ms;
    transition: opacity 840ms ease 200ms, transform 1800ms ease 200ms;
  }
  .shiseidoLX-lineup__ph {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .shiseidoLX-lineup__txtBox {
    width: auto;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .shiseidoLX-lineup__txtBox.inview--on {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: opacity 840ms ease;
    -moz-transition: opacity 840ms ease;
    -o-transition: opacity 840ms ease;
    -ms-transition: opacity 840ms ease;
    transition: opacity 840ms ease;
  }
  .shiseidoLX-lineup__head {
    position: relative;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .shiseidoLX-lineup__ttl {
    padding: 0 5.066666666666666vw 0;
    font-size: 3.733333333333333vw;
    line-height: 1.2;
    letter-spacing: 0.24em;
    text-align: center;
  }
  .shiseidoLX-lineup__copy {
    margin: 7.466666666666667vw 0 0;
    font-size: 3.733333333333333vw;
    letter-spacing: 0.16em;
    line-height: 1.714285714285714;
    text-align: center;
  }
  .shiseidoLX-lineup__name {
    margin: 5.866666666666666vw 0 0;
    font-size: 3.733333333333333vw;
    letter-spacing: 0.16em;
    line-height: 1.857142857142857;
    text-align: center;
  }
  .shiseidoLX-lineup__txt {
    margin: 4vw 0 0;
    font-size: 3.2vw;
    line-height: 2;
    letter-spacing: 0.16em;
  }
  .shiseidoLX-lineup__note {
    margin: 2.666666666666667vw 0 0;
    font-size: 2.666666666666667vw;
    line-height: 1;
  }
  .shiseidoLX-lineup__credit {
    margin: 4vw 0 0;
    font-size: 3.2vw;
    line-height: 2;
  }
  .shiseidoLX-lineup__form {
    margin-top: 6.133333333333334vw;
  }
  .shiseidoLX-lineup__optionLink:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoLX-lineup__optionButton {
    margin-left: -0.533333333333333vw;
    width: 3.466666666666667vw;
    height: 3.466666666666667vw;
  }
  .shiseidoLX-lineup__optionButton.lxActive:before {
    width: 2.666666666666667vw;
    height: 2.666666666666667vw;
  }
  .shiseidoLX-lineup__optionButton+.lineup__optionLabel {
    margin-left: 1.866666666666667vw;
  }
  .shiseidoLX-lineup__optionLabel {
    font-size: 3.2vw;
    line-height: 1.833333333333333;
  }
  .shiseidoLX-lineup__btns {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin-top: 4.533333333333333vw;
    gap: 2.666666666666667vw;
  }
  .shiseidoLX-lineup__btn {
    width: 42.666666666666664vw;
  }
  .shiseidoLX-lineup__cartButtons {
    width: 42.666666666666664vw;
    height: 12.266666666666667vw;
  }
  .shiseidoLX-lineup__cartButton {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    pointer-events: none;
  }
  .shiseidoLX-lineup__cartButton.lxActive {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    pointer-events: auto;
  }
  .shiseidoLX-lineup__cartButton.lxActive:hover button#add-to-cart.button.add-to-cart.ignore {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .shiseidoLX-lineup__productInfoBtn {
    text-align: left;
    display: block;
    margin-top: 7.2vw;
    margin-left: 0vw;
  }
  .shiseidoLX-lineup__productInfoBtnA {
    font-size: 3.2vw;
    padding: 0 2.666666666666667vw 1.866666666666667vw 0;
  }
  .shiseidoLX-lineup__productInfoBtnA:after {
    width: 1.6vw;
    height: 2.666666666666667vw;
    top: 0;
    right: 0;
  }
  .shiseidoLX-lineup__productInfoBtnA span:before {
    bottom: -0.8vw;
    height: 1px;
  }
  .shiseidoLX-lineup__productInfoBtnA:hover span:before {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0, 0, 0);
    -o-transform: scale(1, 1) translate3d(0, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0);
  }
  .shiseidoLX-lineup__productInfoBtnA:hover span:after {
    -webkit-transform: scale(0, 1) translate3d(0, 0, 0);
    -moz-transform: scale(0, 1) translate3d(0, 0, 0);
    -o-transform: scale(0, 1) translate3d(0, 0, 0);
    -ms-transform: scale(0, 1) translate3d(0, 0, 0);
    transform: scale(0, 1) translate3d(0, 0, 0);
  }
}
.shiseidoLX .lxModal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  pointer-events: none;
  -webkit-transition: opacity 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shiseidoLX .lxModal--center .lxModal__content {
  margin: 0 auto;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.shiseidoLX .lxModal--center .lxModal__closeButton {
  top: clamp(1.875vw, 1.875vw, 1.875vw);
  right: clamp(1.736111111111111vw, 1.736111111111111vw, 1.736111111111111vw);
}
.shiseidoLX .lxModal--opened {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  pointer-events: auto;
}
.shiseidoLX .lxModal--opened .lxModal__content {
  pointer-events: auto;
}
.shiseidoLX .lxModal__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
}
.shiseidoLX .lxModal__bg {
  position: absolute;
  top: clamp(0vw, 0vw, 0vw);
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.shiseidoLX .lxModal__scrollBox {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  pointer-events: none;
}
.shiseidoLX .lxModal__closeButton {
  position: fixed;
  top: clamp(6.736111111111111vw, 6.736111111111111vw, 6.736111111111111vw);
  right: clamp(7.291666666666667vw, 7.291666666666667vw, 7.291666666666667vw);
  z-index: 10;
}
.shiseidoLX .lxModal__closeButtonLink {
  display: inline-block;
  padding: clamp(0.694444444444444vw, 0.694444444444444vw, 0.694444444444444vw);
  -webkit-transition: opacity 320ms ease;
  -moz-transition: opacity 320ms ease;
  -o-transition: opacity 320ms ease;
  -ms-transition: opacity 320ms ease;
  transition: opacity 320ms ease;
}
.shiseidoLX .lxModal__closeButtonLink:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.shiseidoLX .lxModal__closeButtonContent {
  width: clamp(2.430555555555556vw, 2.430555555555556vw, 2.430555555555556vw);
  height: clamp(2.430555555555556vw, 2.430555555555556vw, 2.430555555555556vw);
}
.shiseidoLX .lxModal__content {
  position: relative;
  width: clamp(88.88888888888889vw, 88.88888888888889vw, 88.88888888888889vw);
  margin: clamp(5vw, 5vw, 5vw) auto clamp(6.25vw, 6.25vw, 6.25vw);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-linear-gradient(359deg, #c0b093 50.43%, #b19970 100%);
  background: -moz-linear-gradient(359deg, #c0b093 50.43%, #b19970 100%);
  background: -o-linear-gradient(359deg, #c0b093 50.43%, #b19970 100%);
  background: -ms-linear-gradient(359deg, #c0b093 50.43%, #b19970 100%);
  background: linear-gradient(91deg, #c0b093 50.43%, #b19970 100%);
  overflow: hidden;
}
.shiseidoLX .lxModal__wrapper {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .shiseidoLX .lxModal--opened .lxModal__scrollBox {
    pointer-events: auto;
  }
  .shiseidoLX .lxModal--center .lxModal__closeButton {
    top: 3.733333333333333vw;
    right: 3.733333333333333vw;
  }
  .shiseidoLX .lxModal__closeButton {
    top: 9.6vw;
    right: 7.733333333333333vw;
  }
  .shiseidoLX .lxModal__closeButtonLink {
    padding: 1.333333333333333vw;
  }
  .shiseidoLX .lxModal__closeButtonLink:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .shiseidoLX .lxModal__closeButtonContent {
    width: 7vw;
    height: 7vw;
  }
  .shiseidoLX .lxModal__content {
    width: 89.33333333333333vw;
    margin: 6.933333333333334vw auto 6.933333333333334vw;
  }
}
.shiseidoLX .modalContent {
  padding: clamp(6.319444444444445vw, 6.319444444444445vw, 6.319444444444445vw) 0 clamp(7.013888888888889vw, 7.013888888888889vw, 7.013888888888889vw);
  visibility: hidden;
  position: absolute;
  -webkit-transition: opacity;
  -moz-transition: opacity;
  -o-transition: opacity;
  -ms-transition: opacity;
  transition: opacity;
  pointer-events: none !important;
  -webkit-transition: visibility 0ms 320ms ease, opacity 320ms 320ms ease;
  -moz-transition: visibility 0ms 320ms ease, opacity 320ms 320ms ease;
  -o-transition: visibility 0ms 320ms ease, opacity 320ms 320ms ease;
  -ms-transition: visibility 0ms 320ms ease, opacity 320ms 320ms ease;
  transition: visibility 0ms 320ms ease, opacity 320ms 320ms ease;
}
.shiseidoLX .modalContent--opened {
  -webkit-transition: visibility 0ms ease, opacity 320ms 320ms ease;
  -moz-transition: visibility 0ms ease, opacity 320ms 320ms ease;
  -o-transition: visibility 0ms ease, opacity 320ms 320ms ease;
  -ms-transition: visibility 0ms ease, opacity 320ms 320ms ease;
  transition: visibility 0ms ease, opacity 320ms 320ms ease;
  visibility: visible;
  pointer-events: auto !important;
}
.shiseidoLX .modalContent--opened .modalContent__video {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLX .modalContent--positioned {
  position: relative;
}
.shiseidoLX .modalContent--1 {
  padding-bottom: clamp(6.527777777777779vw, 6.527777777777779vw, 6.527777777777779vw);
}
.shiseidoLX .modalContent--3 {
  padding-bottom: clamp(11.805555555555555vw, 11.805555555555555vw, 11.805555555555555vw);
}
.shiseidoLX .modalContent--3 .modalContent__photo {
  width: clamp(35.208333333333336vw, 35.208333333333336vw, 35.208333333333336vw);
  height: clamp(11.11111111111111vw, 11.11111111111111vw, 11.11111111111111vw);
}
.shiseidoLX .modalContent--3 .modalContent__flexBox {
  margin-top: clamp(8.472222222222223vw, 8.472222222222223vw, 8.472222222222223vw);
}
.shiseidoLX .modalContent--3 .modalContent__flexItem .modalContent__text {
  width: clamp(32.63888888888889vw, 32.63888888888889vw, 32.63888888888889vw);
}
.shiseidoLX .modalContent--4 {
  padding-bottom: clamp(5.555555555555555vw, 5.555555555555555vw, 5.555555555555555vw);
}
.shiseidoLX .modalContent--4 .modalContent__photo {
  width: clamp(31.874999999999996vw, 31.874999999999996vw, 31.874999999999996vw);
  height: clamp(20.97222222222222vw, 20.97222222222222vw, 20.97222222222222vw);
}
.shiseidoLX .modalContent--5 .modalContent__photo,
.shiseidoLX .modalContent--6 .modalContent__photo,
.shiseidoLX .modalContent--7 .modalContent__photo,
.shiseidoLX .modalContent--8 .modalContent__photo {
  width: clamp(16.666666666666664vw, 16.666666666666664vw, 16.666666666666664vw);
  height: clamp(20.833333333333336vw, 20.833333333333336vw, 20.833333333333336vw);
  margin: clamp(1.25vw, 1.25vw, 1.25vw) auto 0;
}
.shiseidoLX .modalContent--5 .modalContent__flexItem .modalContent__text,
.shiseidoLX .modalContent--6 .modalContent__flexItem .modalContent__text,
.shiseidoLX .modalContent--7 .modalContent__flexItem .modalContent__text,
.shiseidoLX .modalContent--8 .modalContent__flexItem .modalContent__text {
  margin-top: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
  width: clamp(20.833333333333336vw, 20.833333333333336vw, 20.833333333333336vw);
}
.shiseidoLX .modalContent--9 .modalContent__video {
  overflow: hidden;
}
.shiseidoLX .modalContent--9 .modalContent__video .vjs-poster {
  width: 101%;
}
.shiseidoLX .modalContent--9 .modalContent__video:before {
  display: none;
}
.shiseidoLX .modalContent--9 .modalContent__flexBox {
  margin-top: clamp(7.916666666666666vw, 7.916666666666666vw, 7.916666666666666vw);
}
.shiseidoLX .modalContent--9 .modalContent__flexItem {
  position: relative;
}
.shiseidoLX .modalContent--9 .modalContent__flexItem--2 {
  width: clamp(36.80555555555556vw, 36.80555555555556vw, 36.80555555555556vw);
  margin-left: clamp(4.652777777777778vw, 4.652777777777778vw, 4.652777777777778vw);
}
.shiseidoLX .modalContent--9 .modalContent__flexHeading {
  font-size: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
  letter-spacing: 0.03em;
}
.shiseidoLX .modalContent--9 .modalContent__photo {
  width: clamp(21.944444444444443vw, 21.944444444444443vw, 21.944444444444443vw);
  height: clamp(29.236111111111114vw, 29.236111111111114vw, 29.236111111111114vw);
}
.shiseidoLX .modalContent--9 .modalContent__text {
  margin-top: clamp(1.597222222222222vw, 1.597222222222222vw, 1.597222222222222vw);
}
.shiseidoLX .modalContent--9 .modalContent__textSmall {
  position: absolute;
  top: clamp(9.791666666666666vw, 9.791666666666666vw, 9.791666666666666vw);
  left: clamp(9.23611111111111vw, 9.23611111111111vw, 9.23611111111111vw);
  font-size: clamp(0.694444444444444vw, 0.694444444444444vw, 0.694444444444444vw);
  letter-spacing: 0.08em;
}
.shiseidoLX .modalContent--9 .modalContent__figure {
  margin-top: clamp(1.597222222222222vw, 1.597222222222222vw, 1.597222222222222vw);
}
.shiseidoLX .modalContent--9 .modalContent__figure--1 {
  width: clamp(24.305555555555554vw, 24.305555555555554vw, 24.305555555555554vw);
  height: clamp(12.708333333333332vw, 12.708333333333332vw, 12.708333333333332vw);
}
.shiseidoLX .modalContent--9 .modalContent__figure--2 {
  width: clamp(36.80555555555556vw, 36.80555555555556vw, 36.80555555555556vw);
  height: clamp(12.847222222222221vw, 12.847222222222221vw, 12.847222222222221vw);
}
.shiseidoLX .modalContent--9 .modalContent__note {
  margin-top: clamp(5.208333333333334vw, 5.208333333333334vw, 5.208333333333334vw);
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  line-height: 1.714285714285714;
  letter-spacing: 0.16em;
  text-align: center;
}
.shiseidoLX .modalContent--9 .modalContent__button {
  position: relative;
  width: clamp(31.944444444444443vw, 31.944444444444443vw, 31.944444444444443vw);
  height: clamp(5vw, 5vw, 5vw);
  margin: clamp(5.208333333333334vw, 5.208333333333334vw, 5.208333333333334vw) auto 0;
  z-index: 2;
}
.shiseidoLX .modalContent--9 .modalContent__buttonLink {
  display: block;
  width: 100%;
  height: 100%;
  padding: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw) clamp(3.472222222222222vw, 3.472222222222222vw, 3.472222222222222vw);
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  letter-spacing: 0.08em;
  color: #fff;
  background-color: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 360ms ease;
  -moz-transition: opacity 360ms ease;
  -o-transition: opacity 360ms ease;
  -ms-transition: opacity 360ms ease;
  transition: opacity 360ms ease;
}
.shiseidoLX .modalContent--9 .modalContent__buttonLink:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.shiseidoLX .modalContent__title {
  position: relative;
  font-size: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
  text-align: center;
  letter-spacing: 0.24em;
  padding-bottom: clamp(2.708333333333333vw, 2.708333333333333vw, 2.708333333333333vw);
}
.shiseidoLX .modalContent__title:after {
  display: block;
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
  height: 1px;
  background-color: #000;
}
.shiseidoLX .modalContent__title+.modalContent__titleSecondary {
  margin-top: clamp(5.208333333333334vw, 5.208333333333334vw, 5.208333333333334vw);
}
.shiseidoLX .modalContent__titleSecondary {
  font-size: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
  letter-spacing: 0.24em;
  text-align: center;
  margin-top: clamp(8.333333333333332vw, 8.333333333333332vw, 8.333333333333332vw);
}
.shiseidoLX .modalContent__titleSecondary+.modalContent__flexBox {
  margin-top: clamp(3.472222222222222vw, 3.472222222222222vw, 3.472222222222222vw);
}
.shiseidoLX .modalContent__titleSecondary+.modalContent__text--center {
  margin-top: clamp(1.597222222222222vw, 1.597222222222222vw, 1.597222222222222vw);
}
.shiseidoLX .modalContent__heading {
  position: relative;
  width: clamp(80vw, 80vw, 80vw);
  margin: clamp(7.638888888888889vw, 7.638888888888889vw, 7.638888888888889vw) auto 0;
  font-size: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
  letter-spacing: 0.24em;
  text-align: center;
}
.shiseidoLX .modalContent__heading:before,
.shiseidoLX .modalContent__heading:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: clamp(22.569444444444446vw, 22.569444444444446vw, 22.569444444444446vw);
  height: 1px;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.shiseidoLX .modalContent__heading:before {
  left: 0;
  background: -webkit-linear-gradient(0deg, #fcf5d0 0%, #a1885c 100%);
  background: -moz-linear-gradient(0deg, #fcf5d0 0%, #a1885c 100%);
  background: -o-linear-gradient(0deg, #fcf5d0 0%, #a1885c 100%);
  background: -ms-linear-gradient(0deg, #fcf5d0 0%, #a1885c 100%);
  background: linear-gradient(90deg, #fcf5d0 0%, #a1885c 100%);
}
.shiseidoLX .modalContent__heading:after {
  right: 0;
  background: -webkit-linear-gradient(0deg, #a1885c 0%, #fcf5d0 100%);
  background: -moz-linear-gradient(0deg, #a1885c 0%, #fcf5d0 100%);
  background: -o-linear-gradient(0deg, #a1885c 0%, #fcf5d0 100%);
  background: -ms-linear-gradient(0deg, #a1885c 0%, #fcf5d0 100%);
  background: linear-gradient(90deg, #a1885c 0%, #fcf5d0 100%);
}
.shiseidoLX .modalContent__flexBox {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  margin-top: clamp(2.777777777777778vw, 2.777777777777778vw, 2.777777777777778vw);
}
.shiseidoLX .modalContent__flexBox--start {
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.shiseidoLX .modalContent__flexItem {
  margin-left: clamp(3.472222222222222vw, 3.472222222222222vw, 3.472222222222222vw);
}
.shiseidoLX .modalContent__flexItem:first-child {
  margin-left: 0;
}
.shiseidoLX .modalContent__flexItem.scrollPhotosClone {
  display: none;
}
.shiseidoLX .modalContent__flexItemTag {
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  line-height: 1.875;
  letter-spacing: 0.08em;
  text-align: center;
}
.shiseidoLX .modalContent__photo {
  width: clamp(30.555555555555557vw, 30.555555555555557vw, 30.555555555555557vw);
  height: clamp(22.569444444444446vw, 22.569444444444446vw, 22.569444444444446vw);
}
.shiseidoLX .modalContent__text {
  text-align: left;
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  letter-spacing: 0.16em;
  line-height: 2;
}
.shiseidoLX .modalContent__text--center {
  margin-top: clamp(2.777777777777778vw, 2.777777777777778vw, 2.777777777777778vw);
  text-align: center;
}
.shiseidoLX .modalContent__text span {
  font-size: clamp(0.833333333333333vw, 0.833333333333333vw, 0.833333333333333vw);
  line-height: 2.333333333333333;
  letter-spacing: 0.08em;
}
.shiseidoLX .modalContent__video {
  position: relative;
  width: clamp(54.44444444444444vw, 54.44444444444444vw, 54.44444444444444vw);
  height: clamp(30.555555555555557vw, 30.555555555555557vw, 30.555555555555557vw);
  margin: clamp(3.75vw, 3.75vw, 3.75vw) auto 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLX .modalContent__video--playing:before {
  display: none;
}
.shiseidoLX .modalContent__video:hover:before {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.shiseidoLX .modalContent__video:before {
  width: clamp(4.861111111111112vw, 4.861111111111112vw, 4.861111111111112vw);
  height: clamp(4.861111111111112vw, 4.861111111111112vw, 4.861111111111112vw);
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  z-index: 5;
  pointer-events: none;
  -webkit-transition: opacity 360ms ease;
  -moz-transition: opacity 360ms ease;
  -o-transition: opacity 360ms ease;
  -ms-transition: opacity 360ms ease;
  transition: opacity 360ms ease;
}
.shiseidoLX .modalContent__video video,
.shiseidoLX .modalContent__video .video-js,
.shiseidoLX .modalContent__video .vjs-tech {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  height: auto;
}
.shiseidoLX .modalContent__video video:hover .vjs-big-play-button,
.shiseidoLX .modalContent__video .video-js:hover .vjs-big-play-button,
.shiseidoLX .modalContent__video .vjs-tech:hover .vjs-big-play-button {
  background-color: transparent;
  border-color: #c9b17d !important;
  -webkit-transition: opacity 360ms ease;
  -moz-transition: opacity 360ms ease;
  -o-transition: opacity 360ms ease;
  -ms-transition: opacity 360ms ease;
  transition: opacity 360ms ease;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.shiseidoLX .modalContent__video .vjs-big-play-button {
  background-color: transparent;
  border: 1px solid #c9b17d;
  width: clamp(4.861111111111112vw, 4.861111111111112vw, 4.861111111111112vw);
  height: clamp(4.861111111111112vw, 4.861111111111112vw, 4.861111111111112vw);
  -webkit-transition: opacity 360ms ease;
  -moz-transition: opacity 360ms ease;
  -o-transition: opacity 360ms ease;
  -ms-transition: opacity 360ms ease;
  transition: opacity 360ms ease;
}
.shiseidoLX .modalContent__video .vjs-big-play-button:hover {
  background-color: transparent;
}
.shiseidoLX .modalContent__sliderArrow {
  display: none;
}
.shiseidoLX .modalContent__sliderMeters {
  display: none;
}
@media screen and (max-width: 768px) {
  .shiseidoLX .modalContent {
    padding: 11.733333333333333vw 0 18.666666666666668vw;
  }
  .shiseidoLX .modalContent--1,
  .shiseidoLX .modalContent--2 {
    padding-bottom: 16vw;
  }
  .shiseidoLX .modalContent--3 {
    padding-bottom: 13.6vw;
  }
  .shiseidoLX .modalContent--3 .modalContent__photo {
    width: 76.8vw;
    height: 24vw;
  }
  .shiseidoLX .modalContent--3 .modalContent__flexBox {
    margin-top: 8vw;
  }
  .shiseidoLX .modalContent--3 .modalContent__flexItem .modalContent__text {
    width: 76.8vw;
    margin-right: auto;
    margin-left: auto;
    white-space: nowrap;
  }
  .shiseidoLX .modalContent--4 {
    padding-bottom: 16vw;
  }
  .shiseidoLX .modalContent--4 .modalContent__photo {
    width: 62.666666666666664vw;
    height: 41.06666666666667vw;
  }
  .shiseidoLX .modalContent--5,
  .shiseidoLX .modalContent--6,
  .shiseidoLX .modalContent--7,
  .shiseidoLX .modalContent--8 {
    padding-bottom: 32vw;
  }
  .shiseidoLX .modalContent--5 .modalContent__photo,
  .shiseidoLX .modalContent--6 .modalContent__photo,
  .shiseidoLX .modalContent--7 .modalContent__photo,
  .shiseidoLX .modalContent--8 .modalContent__photo {
    width: 58.666666666666664vw;
    height: 73.33333333333333vw;
    margin: 1.066666666666667vw auto 0;
  }
  .shiseidoLX .modalContent--5 .modalContent__flexItem .modalContent__text,
  .shiseidoLX .modalContent--6 .modalContent__flexItem .modalContent__text,
  .shiseidoLX .modalContent--7 .modalContent__flexItem .modalContent__text,
  .shiseidoLX .modalContent--8 .modalContent__flexItem .modalContent__text {
    width: 73.33333333333333vw;
    margin: 4vw auto 0;
    text-align: left;
  }
  .shiseidoLX .modalContent--6 .modalContent__slider {
    margin-top: -2.666666666666667vw;
  }
  .shiseidoLX .modalContent--6 .modalContent__slider--2,
  .shiseidoLX .modalContent--6 .modalContent__slider--3 {
    margin-top: -8vw;
  }
  .shiseidoLX .modalContent--7 {
    padding-bottom: 29.333333333333332vw;
  }
  .shiseidoLX .modalContent--7 .modalContent__slider {
    margin-top: -5.333333333333333vw;
  }
  .shiseidoLX .modalContent--7 .modalContent__sliderMeters {
    margin-top: 16vw;
  }
  .shiseidoLX .modalContent--8 {
    padding-bottom: 30.666666666666668vw;
  }
  .shiseidoLX .modalContent--8 .modalContent__slider--1 {
    margin-top: -6.666666666666667vw;
  }
  .shiseidoLX .modalContent--8 .modalContent__slider--1 .modalContent__sliderMeters {
    margin-top: 12.266666666666667vw;
  }
  .shiseidoLX .modalContent--8 .modalContent__slider--2 {
    margin-top: -7.2vw;
  }
  .shiseidoLX .modalContent--8 .modalContent__slider--2 .modalContent__sliderMeters {
    margin-top: 14.133333333333333vw;
  }
  .shiseidoLX .modalContent--8 .modalContent__slider--3 {
    margin-top: -8vw;
  }
  .shiseidoLX .modalContent--8 .modalContent__slider--3 .modalContent__sliderMeters {
    margin-top: 4.8vw;
  }
  .shiseidoLX .modalContent--9 {
    padding-bottom: 23.2vw;
  }
  .shiseidoLX .modalContent--9 .modalContent__video {
    position: relative;
    height: 78.66666666666667vw;
    overflow: hidden;
  }
  .shiseidoLX .modalContent--9 .modalContent__video > div,
  .shiseidoLX .modalContent--9 .modalContent__video video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 100%;
    height: 100%;
  }
  .shiseidoLX .modalContent--9 .modalContent__flexBox {
    margin-top: 9.6vw;
  }
  .shiseidoLX .modalContent--9 .modalContent__flexBox .modalContent__text {
    text-align: left;
  }
  .shiseidoLX .modalContent--9 .modalContent__flexBox--2 {
    margin-top: 15.466666666666667vw;
  }
  .shiseidoLX .modalContent--9 .modalContent__flexItem--2 {
    width: 78.66666666666667vw;
    margin: 8vw auto 0;
  }
  .shiseidoLX .modalContent--9 .modalContent__flexHeading {
    font-size: 4.8vw;
  }
  .shiseidoLX .modalContent--9 .modalContent__photo {
    width: 78.66666666666667vw;
    height: 104.53333333333333vw;
  }
  .shiseidoLX .modalContent--9 .modalContent__text {
    margin-top: 4.8vw;
  }
  .shiseidoLX .modalContent--9 .modalContent__textSmall {
    position: static;
    top: auto;
    left: auto;
    margin-top: 0.8vw;
    font-size: 2.666666666666667vw;
  }
  .shiseidoLX .modalContent--9 .modalContent__figure {
    position: relative;
    margin: 8vw auto 0;
    z-index: 2;
  }
  .shiseidoLX .modalContent--9 .modalContent__figure--1 {
    width: 64.592vw;
    height: 53.74666666666667vw;
  }
  .shiseidoLX .modalContent--9 .modalContent__figure--2 {
    width: 64.94666666666667vw;
    height: 81.17866666666667vw;
  }
  .shiseidoLX .modalContent--9 .modalContent__note {
    position: relative;
    margin-top: 14.933333333333334vw;
    font-size: 3.2vw;
    line-height: 1.666666666666667;
    z-index: 2;
  }
  .shiseidoLX .modalContent--9 .modalContent__button {
    width: 77.33333333333333vw;
    height: 13.333333333333334vw;
    margin: 10.666666666666666vw auto 0;
  }
  .shiseidoLX .modalContent--9 .modalContent__buttonLink {
    padding: 2.133333333333333vw 14.4vw 2.666666666666667vw;
    font-size: 3.733333333333333vw;
    line-height: 1.285714285714286;
    text-align: center;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .shiseidoLX .modalContent--9 .modalContent__buttonLink:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoLX .modalContent__title {
    font-size: 4.266666666666667vw;
    line-height: 1.5;
    padding-bottom: 6.133333333333334vw;
  }
  .shiseidoLX .modalContent__title:after {
    width: 4vw;
    height: 1px;
  }
  .shiseidoLX .modalContent__title+.modalContent__titleSecondary {
    margin-top: 8vw;
  }
  .shiseidoLX .modalContent__titleSecondary {
    position: relative;
    font-size: 3.733333333333333vw;
    margin-top: 18.666666666666668vw;
    z-index: 2;
  }
  .shiseidoLX .modalContent__titleSecondary+.modalContent__flexBox {
    margin-top: 8vw;
  }
  .shiseidoLX .modalContent__titleSecondary+.modalContent__text--center {
    margin-top: 3.733333333333333vw;
  }
  .shiseidoLX .modalContent__slider {
    position: relative;
    width: 100%;
  }
  .shiseidoLX .modalContent__sliderBox {
    position: relative;
    white-space: nowrap;
  }
  .shiseidoLX .modalContent__sliderBox .modalContent__flexItem {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    overflow: hidden;
    z-index: 2;
  }
  .shiseidoLX .modalContent__sliderBox .modalContent__text {
    white-space: normal;
  }
  .shiseidoLX .modalContent__heading {
    width: 83.46666666666667vw;
    margin: 13.333333333333334vw auto 0;
    font-size: 4.266666666666667vw;
  }
  .shiseidoLX .modalContent__heading:before,
  .shiseidoLX .modalContent__heading:after {
    width: 10.666666666666666vw;
  }
  .shiseidoLX .modalContent__flexBox {
    position: relative;
    display: block;
    margin-top: 7.466666666666667vw;
    font-size: 0;
    z-index: 2;
  }
  .shiseidoLX .modalContent__flexBox--start {
    margin-top: 12.8vw;
  }
  .shiseidoLX .modalContent__flexItem {
    margin-left: 0vw;
  }
  .shiseidoLX .modalContent__flexItem:first-child {
    margin-left: 0;
  }
  .shiseidoLX .modalContent__flexItem.scrollPhotosClone {
    display: inline-block;
  }
  .shiseidoLX .modalContent__flexItemTag {
    font-size: 3.733333333333333vw;
    line-height: 2.142857142857143;
  }
  .shiseidoLX .modalContent__photo {
    width: 62.666666666666664vw;
    height: 46.13333333333333vw;
    margin: 0 auto;
  }
  .shiseidoLX .modalContent__text {
    position: relative;
    text-align: center;
    font-size: 3.2vw;
    line-height: 2;
    letter-spacing: 0.16em;
    margin-top: 6.933333333333334vw;
    z-index: 2;
  }
  .shiseidoLX .modalContent__text--center {
    margin-top: 6.933333333333334vw;
    text-align: center;
  }
  .shiseidoLX .modalContent__text span {
    font-size: 2.666666666666667vw;
    line-height: 2.6;
    letter-spacing: 0.24em;
  }
  .shiseidoLX .modalContent__video {
    width: 78.66666666666667vw;
    height: 44vw;
    margin: 7.733333333333333vw auto 0;
  }
  .shiseidoLX .modalContent__video:hover:before {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoLX .modalContent__video:before {
    width: 9.333333333333334vw;
    height: 9.333333333333334vw;
  }
  .shiseidoLX .modalContent__video video:hover .vjs-big-play-button,
  .shiseidoLX .modalContent__video .video-js:hover .vjs-big-play-button,
  .shiseidoLX .modalContent__video .vjs-tech:hover .vjs-big-play-button {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoLX .modalContent__video .vjs-big-play-button {
    width: 9.333333333333334vw;
    height: 9.333333333333334vw;
    -webkit-transform: translate3d(90%, 90%, 0);
    -moz-transform: translate3d(90%, 90%, 0);
    -o-transform: translate3d(90%, 90%, 0);
    -ms-transform: translate3d(90%, 90%, 0);
    transform: translate3d(90%, 90%, 0);
  }
  .shiseidoLX .modalContent__sliderArrow {
    display: block;
    position: absolute;
    top: 42.666666666666664vw;
    left: 8.533333333333333vw;
    width: 3.2vw;
    height: 5.333333333333333vw;
    z-index: 100;
  }
  .shiseidoLX .modalContent__sliderArrow--right {
    left: auto;
    right: 8.533333333333333vw;
  }
  .shiseidoLX .modalContent__sliderArrow--right .modalContent__sliderArrowLink:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2221%22%20viewBox%3D%220%200%2012%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1.41418%2019.4141L10.4142%2010.4141L1.41419%201.41406%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }
  .shiseidoLX .modalContent__sliderArrowLink {
    position: relative;
    display: block;
    height: 100%;
  }
  .shiseidoLX .modalContent__sliderArrowLink:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2221%22%20viewBox%3D%220%200%2012%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10%201.41407L1%2010.4141L10%2019.4141%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .shiseidoLX .modalContent__sliderArrowLink {
    display: block;
width
  }
  .shiseidoLX .modalContent__sliderMeters {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 8vw;
  }
  .shiseidoLX .modalContent__sliderMeter {
    width: 12.266666666666667vw;
    height: 2px;
    background-color: #000;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    margin-left: 1.333333333333333vw;
  }
  .shiseidoLX .modalContent__sliderMeter:first-child {
    margin-left: 0;
  }
  .shiseidoLX .modalContent__sliderMeter.scrollPhotosActive {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
.shiseidoLX-mv {
  position: fixed;
  z-index: 10;
  top: 45px;
  left: 0;
  right: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  height: calc(100lvh - 45px);
}
.shiseidoLX-mv.inview--on {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 800ms ease;
  -moz-transition: opacity 800ms ease;
  -o-transition: opacity 800ms ease;
  -ms-transition: opacity 800ms ease;
  transition: opacity 800ms ease;
}
.shiseidoLX-mv.inview--on .shiseidoLX-mv__phImg {
  -webkit-transition: opacity 840ms ease, -webkit-transform 2000ms ease;
  -moz-transition: opacity 840ms ease, -moz-transform 2000ms ease;
  -o-transition: opacity 840ms ease, -o-transform 2000ms ease;
  -ms-transition: opacity 840ms ease, -ms-transform 2000ms ease;
  transition: opacity 840ms ease, transform 2000ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: scale(1) translate3d(0, 0, 0);
  -moz-transform: scale(1) translate3d(0, 0, 0);
  -o-transform: scale(1) translate3d(0, 0, 0);
  -ms-transform: scale(1) translate3d(0, 0, 0);
  transform: scale(1) translate3d(0, 0, 0);
}
.shiseidoLX-mv.inview--on .shiseidoLX-mv__cont {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 1000ms ease 750ms, filter 1000ms ease 750ms;
  -moz-transition: opacity 1000ms ease 750ms, filter 1000ms ease 750ms;
  -o-transition: opacity 1000ms ease 750ms, filter 1000ms ease 750ms;
  -ms-transition: opacity 1000ms ease 750ms, filter 1000ms ease 750ms;
  transition: opacity 1000ms ease 750ms, filter 1000ms ease 750ms;
}
.shiseidoLX-mv.inview--on .shiseidoLX-mv__copy {
  mask-position: 0 31%;
  -webkit-transition: mask-position 2s cubic-bezier(0.33, 1, 0.68, 1) 1000ms;
  -moz-transition: mask-position 2s cubic-bezier(0.33, 1, 0.68, 1) 1000ms;
  -o-transition: mask-position 2s cubic-bezier(0.33, 1, 0.68, 1) 1000ms;
  -ms-transition: mask-position 2s cubic-bezier(0.33, 1, 0.68, 1) 1000ms;
  transition: mask-position 2s cubic-bezier(0.33, 1, 0.68, 1) 1000ms;
}
.shiseidoLX-mv.inview--on .shiseidoLX-mv__copyBg {
  mask-position: 0 31%;
  -webkit-transition: mask-position 2s cubic-bezier(0.33, 1, 0.68, 1) 1000ms;
  -moz-transition: mask-position 2s cubic-bezier(0.33, 1, 0.68, 1) 1000ms;
  -o-transition: mask-position 2s cubic-bezier(0.33, 1, 0.68, 1) 1000ms;
  -ms-transition: mask-position 2s cubic-bezier(0.33, 1, 0.68, 1) 1000ms;
  transition: mask-position 2s cubic-bezier(0.33, 1, 0.68, 1) 1000ms;
}
.shiseidoLX-mv.inview--on.is-hide {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  pointer-events: none;
}
.shiseidoLX-mv--rikka .shiseidoLX-mv__ttl {
  width: 10.972222222222221vw;
  height: 18.75vw;
}
.shiseidoLX-mv--rikka .shiseidoLX-mv__ttlBg {
  width: 10.972222222222221vw;
  height: 18.75vw;
}
.shiseidoLX-mv--rikka .shiseidoLX-mv__copy {
  width: 9.722222222222221vw;
  height: 27.36111111111111vw;
}
.shiseidoLX-mv--rikka .shiseidoLX-mv__copyBg {
  width: 9.722222222222221vw;
  height: 27.36111111111111vw;
}
.shiseidoLX-mv__cont {
  position: relative;
  width: 100%;
  height: calc(100lvh - 130px);
  filter: blur(7px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
@media screen and (max-width: 1025px) {
  .shiseidoLX-mv__cont {
    height: calc(100lvh - 100px);
  }
}
.shiseidoLX-mv__ph {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.shiseidoLX-mv__phImg {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 800ms ease, -webkit-transform 1800ms ease;
  -moz-transition: opacity 800ms ease, -moz-transform 1800ms ease;
  -o-transition: opacity 800ms ease, -o-transform 1800ms ease;
  -ms-transition: opacity 800ms ease, -ms-transform 1800ms ease;
  transition: opacity 800ms ease, transform 1800ms ease;
}
.shiseidoLX-mv__phImg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.shiseidoLX-mv__copy {
  position: absolute;
  z-index: 1;
  top: 62%;
  left: 5.555555555555555vw;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  -webkit-mask-image: linear-gradient(180deg, #060725 0%, #060725 28%, #060725 40%, rgba(6,7,37,0) 58%, rgba(6,7,37,0) 100%);
  -webkit-mask-size: auto 1200%;
  -webkit-mask-position: 0 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-source-type: alpha;
  mask-image: linear-gradient(180deg, #060725 0%, #060725 28%, #060725 40%, rgba(6,7,37,0) 58%, rgba(6,7,37,0) 100%);
  mask-size: auto 1200%;
  mask-position: 0 100%;
  mask-repeat: no-repeat;
  mask-mode: alpha;
}
.shiseidoLX-mv__copyBg {
  position: absolute;
  top: 62%;
  left: 5.555555555555555vw;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  -webkit-mask-image: linear-gradient(180deg, #060725 0%, #060725 28%, #060725 40%, rgba(6,7,37,0) 58%, rgba(6,7,37,0) 100%);
  -webkit-mask-size: auto 1200%;
  -webkit-mask-position: 0 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-source-type: alpha;
  mask-image: linear-gradient(180deg, #060725 0%, #060725 28%, #060725 40%, rgba(6,7,37,0) 58%, rgba(6,7,37,0) 100%);
  mask-size: auto 1200%;
  mask-position: 0 100%;
  mask-repeat: no-repeat;
  mask-mode: alpha;
}
.shiseidoLX-mv__ttl {
  position: absolute;
  z-index: 1;
  top: 60%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.shiseidoLX-mv__ttlBg {
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
@media screen and (max-width: 768px) {
  .shiseidoLX-mv {
    top: 0;
    height: 100lvh;
  }
  .shiseidoLX-mv.inview--on .shiseidoLX-mv__copy {
    mask-position: 31% 0;
    -webkit-transition: mask-position 3s cubic-bezier(0.33, 1, 0.68, 1) 800ms;
    -moz-transition: mask-position 3s cubic-bezier(0.33, 1, 0.68, 1) 800ms;
    -o-transition: mask-position 3s cubic-bezier(0.33, 1, 0.68, 1) 800ms;
    -ms-transition: mask-position 3s cubic-bezier(0.33, 1, 0.68, 1) 800ms;
    transition: mask-position 3s cubic-bezier(0.33, 1, 0.68, 1) 800ms;
  }
  .shiseidoLX-mv.inview--on .shiseidoLX-mv__copyBg {
    mask-position: 31% 0;
    -webkit-transition: mask-position 3s cubic-bezier(0.33, 1, 0.68, 1) 800ms;
    -moz-transition: mask-position 3s cubic-bezier(0.33, 1, 0.68, 1) 800ms;
    -o-transition: mask-position 3s cubic-bezier(0.33, 1, 0.68, 1) 800ms;
    -ms-transition: mask-position 3s cubic-bezier(0.33, 1, 0.68, 1) 800ms;
    transition: mask-position 3s cubic-bezier(0.33, 1, 0.68, 1) 800ms;
  }
  .shiseidoLX-mv--rikka .shiseidoLX-mv__ttl {
    width: 35.2vw;
    height: 60.8vw;
  }
  .shiseidoLX-mv--rikka .shiseidoLX-mv__ttlBg {
    width: 35.2vw;
    height: 60.8vw;
  }
  .shiseidoLX-mv--rikka .shiseidoLX-mv__copy {
    width: 46.13333333333333vw;
    height: 9.6vw;
  }
  .shiseidoLX-mv--rikka .shiseidoLX-mv__copyBg {
    width: 46.13333333333333vw;
    height: 9.6vw;
  }
  .shiseidoLX-mv__cont {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100svh;
  }
  .shiseidoLX-mv__copy {
    position: absolute;
    z-index: 1;
    top: auto;
    left: 50%;
    bottom: 7.2vw;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    mask-image: linear-gradient(270deg, rgba(6,7,37,0) 0%, rgba(6,7,37,0) 27%, rgba(6,7,37,0) 40%, #060725 58%, #060725 100%);
    mask-position: 100% 0;
    mask-size: 1200% auto;
  }
  .shiseidoLX-mv__copyBg {
    position: absolute;
    top: auto;
    left: 5.555555555555555vw;
    bottom: 7.2vw;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    mask-image: linear-gradient(270deg, rgba(6,7,37,0) 0%, rgba(6,7,37,0) 27%, rgba(6,7,37,0) 40%, #060725 58%, #060725 100%);
    mask-position: 100% 0;
    mask-size: 1200% auto;
  }
  .shiseidoLX-mv__ttl {
    position: absolute;
    z-index: 1;
    top: 55%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
  .shiseidoLX-mv__ttlBg {
    position: absolute;
    top: 55%;
    left: 50%;
    bottom: 42.666666666666664vw;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
html {
  overflow-x: visible;
}
.bottom-notification-message {
  z-index: 0 !important;
}
.sticky-component {
  z-index: 1 !important;
}
header,
footer {
  z-index: 9998 !important;
}
.shiseidoLX {
  overflow: clip;
  background: #fff;
  color: #000;
}
.shiseidoLX__inner {
  position: relative;
  z-index: 0;
}
.shiseidoLX__cont {
  position: relative;
  z-index: 1;
}
.shiseidoLX__block {
  width: 100%;
}
.shiseidoLX sup {
  font-size: 60%;
  top: -0.55em;
  vertical-align: baseline;
}
footer {
  overflow: hidden;
}
.fontplus-trial-banner {
  display: none !important;
}
#shiseidoLX-technology,
#shiseidoLX-color,
#shiseidoLX-campaign,
#shiseidoLX-point,
#shiseidoLX-series,
#shiseidoLX-lineup,
#shiseidoLX-review,
#shiseidoLX-brush,
#shiseidoLX-banner {
  scroll-margin-top: 80px;
}
@media screen and (max-width: 768px) {
  #movie,
  #item1,
  #item2,
  #lineup {
    scroll-margin-top: 14.4vw;
  }
}