@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: 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;
}
.f-ginzaR {
  font-family: ShiseidoGinza-Regular !important;
}
.f-ginzaM {
  font-family: ShiseidoGinza-Medium !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;
}
.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-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;
  font-feature-settings: 'palt';
}
.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-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;
  font-feature-settings: 'palt';
  -webkit-font-smoothing: antialiased;
}
.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-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;
  font-feature-settings: 'palt';
  -webkit-font-smoothing: antialiased;
}
.f-tazuganeB a {
  font-family: "TazuganeGothicStdN-Bold" !important;
  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;
}
@media screen and (max-width: 812px) {
  .f-tazuganeM {
    font-weight: 600;
  }
  .f-tazuganeB {
    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: 600;
  }
  .f-tazuganeB 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;
    font-weight: 600;
  }
}
html {
  color: #000;
  background: #fff;
}
body,
div {
  margin: 0;
  padding: 0;
}
.shiseidoLx dl,
.shiseidoLx dt,
.shiseidoLx dd,
.shiseidoLx ul,
.shiseidoLx ol,
.shiseidoLx li,
.shiseidoLx h1,
.shiseidoLx h2,
.shiseidoLx h3,
.shiseidoLx h4,
.shiseidoLx h5,
.shiseidoLx h6,
.shiseidoLx pre,
.shiseidoLx code,
.shiseidoLx form,
.shiseidoLx fieldset,
.shiseidoLx legend,
.shiseidoLx input,
.shiseidoLx textarea,
.shiseidoLx p,
.shiseidoLx blockquote,
.shiseidoLx th,
.shiseidoLx td {
  margin: 0;
  padding: 0;
}
.shiseidoLx table {
  border-collapse: collapse;
  border-spacing: 0;
}
.shiseidoLx fieldset,
.shiseidoLx img {
  border: 0;
}
.shiseidoLx address,
.shiseidoLx caption,
.shiseidoLx cite,
.shiseidoLx code,
.shiseidoLx dfn,
.shiseidoLx em,
.shiseidoLx strong,
.shiseidoLx th,
.shiseidoLx var {
  font-style: normal;
  font-weight: normal;
}
.shiseidoLx ol,
.shiseidoLx ul {
  list-style: none;
}
.shiseidoLx caption,
.shiseidoLx th {
  text-align: left;
}
.shiseidoLx h1,
.shiseidoLx h2,
.shiseidoLx h3,
.shiseidoLx h4,
.shiseidoLx h5,
.shiseidoLx h6 {
  font-size: 100%;
  font-weight: normal;
}
.shiseidoLx q:before,
.shiseidoLx q:after {
  content: '';
}
.shiseidoLx abbr,
.shiseidoLx acronym {
  border: 0;
  font-variant: normal;
}
.shiseidoLx sup {
  vertical-align: text-top;
}
.shiseidoLx sub {
  vertical-align: text-bottom;
}
.shiseidoLx input,
.shiseidoLx textarea,
.shiseidoLx select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.shiseidoLx input *,
.shiseidoLx textarea *,
.shiseidoLx select * {
  font-size: 100%;
}
.shiseidoLx legend {
  color: #000;
}
.shiseidoLx #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;
  overflow: visible;
}
.shiseidoLx {
  font-size: 10px;
  line-height: 1;
  background: -webkit-linear-gradient(270deg, #b19970 0%, #b19970 12.02%, #c0b093 50%, #b19970 90.87%, #b19970 100%);
  background: -moz-linear-gradient(270deg, #b19970 0%, #b19970 12.02%, #c0b093 50%, #b19970 90.87%, #b19970 100%);
  background: -o-linear-gradient(270deg, #b19970 0%, #b19970 12.02%, #c0b093 50%, #b19970 90.87%, #b19970 100%);
  background: -ms-linear-gradient(270deg, #b19970 0%, #b19970 12.02%, #c0b093 50%, #b19970 90.87%, #b19970 100%);
  background: linear-gradient(180deg, #b19970 0%, #b19970 12.02%, #c0b093 50%, #b19970 90.87%, #b19970 100%);
}
.shiseidoLx a {
  text-decoration: inherit;
  color: inherit;
}
.shiseidoLx img,
.shiseidoLx svg,
.shiseidoLx video,
.shiseidoLx iframe,
.shiseidoLx picture {
  display: block;
  width: 100%;
}
@media screen and (min-width: 813px) {
  .shiseidoLx .mo_op {
    display: inline-block;
    -webkit-transition: opacity 160ms ease-in-out;
    -moz-transition: opacity 160ms ease-in-out;
    -o-transition: opacity 160ms ease-in-out;
    -ms-transition: opacity 160ms ease-in-out;
    transition: opacity 160ms ease-in-out;
  }
  .shiseidoLx .mo_op:hover {
    opacity: 0.65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
  }
  .shiseidoLx .sp {
    display: none !important;
  }
}
@media screen and (max-width: 812px) {
  html,
  body {
    min-width: 320px;
  }
  .shiseidoLx .pc {
    display: none !important;
  }
}
.shiseidoLx .about {
  position: relative;
  color: #000;
  text-align: center;
}
.shiseidoLx .about.inview--on .about__background img {
  -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;
  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 .about.inview--on .about__title {
  -webkit-transition: opacity 700ms 300ms ease, -webkit-transform 700ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 700ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 700ms 300ms ease, -moz-transform 700ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 700ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 700ms 300ms ease, -o-transform 700ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 700ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 700ms 300ms ease, -ms-transform 700ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 700ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 700ms 300ms ease, transform 700ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 700ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  filter: blur(0);
  -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 .about.inview--on .about__lead {
  -webkit-transition: opacity 700ms 600ms ease, -webkit-transform 700ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 700ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 700ms 600ms ease, -moz-transform 700ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 700ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 700ms 600ms ease, -o-transform 700ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 700ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 700ms 600ms ease, -ms-transform 700ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 700ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 700ms 600ms ease, transform 700ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 700ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  filter: blur(0);
  -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 .about__background {
  overflow: hidden;
}
.shiseidoLx .about__background img {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  will-change: transform, opacity;
  -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 .about__content {
  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);
}
.shiseidoLx .about__title {
  font-size: clamp(2.777777777777778vw, 2.777777777777778vw, 2.777777777777778vw);
  letter-spacing: 0.03em;
  text-transform: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  filter: blur(7px);
  -webkit-transform: translate3d(0, 4%, 0);
  -moz-transform: translate3d(0, 4%, 0);
  -o-transform: translate3d(0, 4%, 0);
  -ms-transform: translate3d(0, 4%, 0);
  transform: translate3d(0, 4%, 0);
}
.shiseidoLx .about__lead {
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  letter-spacing: 0.24em;
  line-height: 2.125;
  margin-top: clamp(2.638888888888889vw, 2.638888888888889vw, 2.638888888888889vw);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  filter: blur(7px);
  -webkit-transform: translate3d(0, 1%, 0);
  -moz-transform: translate3d(0, 1%, 0);
  -o-transform: translate3d(0, 1%, 0);
  -ms-transform: translate3d(0, 1%, 0);
  transform: translate3d(0, 1%, 0);
}
@media screen and (max-width: 812px) {
  .shiseidoLx .about__content {
    width: 89.33333333333333vw;
  }
  .shiseidoLx .about__title {
    font-size: 5.333333333333334vw;
  }
  .shiseidoLx .about__lead {
    font-size: 3.2vw;
    letter-spacing: 0.16em;
    line-height: 2;
    margin-top: 5.333333333333334vw;
  }
}
.banner {
  padding-bottom: clamp(8.402777777777779vw, 8.402777777777779vw, 8.402777777777779vw);
}
.banner__button {
  display: block;
  width: clamp(74.30555555555556vw, 74.30555555555556vw, 74.30555555555556vw);
  margin: 0 auto;
}
.banner__link {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: clamp(16.666666666666664vw, 16.666666666666664vw, 16.666666666666664vw);
  -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);
  will-change: opacity;
  -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 (max-width: 812px) {
  .banner {
    padding-bottom: 13.333333333333334vw;
  }
  .banner__button {
    width: 89.33333333333333vw;
  }
  .banner__link {
    padding-bottom: 54.400000000000006vw;
  }
  .banner__link:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
.shiseidoLx .charts {
  position: relative;
  height: clamp(42.56944444444444vw, 42.56944444444444vw, 42.56944444444444vw);
  text-align: center;
  margin-top: clamp(8.055555555555555vw, 8.055555555555555vw, 8.055555555555555vw);
  overflow: hidden;
}
.shiseidoLx .charts.inview--on .charts__lead {
  -webkit-transition: opacity 640ms ease;
  -moz-transition: opacity 640ms ease;
  -o-transition: opacity 640ms ease;
  -ms-transition: opacity 640ms ease;
  transition: opacity 640ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .charts.inview--on .charts__controller {
  -webkit-transition: opacity 640ms ease;
  -moz-transition: opacity 640ms ease;
  -o-transition: opacity 640ms ease;
  -ms-transition: opacity 640ms ease;
  transition: opacity 640ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .charts.inview--on .charts__icon {
  -webkit-transition: -webkit-transform 1140ms ease, opacity 1440ms ease;
  -moz-transition: -moz-transform 1140ms ease, opacity 1440ms ease;
  -o-transition: -o-transform 1140ms ease, opacity 1440ms ease;
  -ms-transition: -ms-transform 1140ms ease, opacity 1440ms ease;
  transition: transform 1140ms ease, opacity 1440ms ease;
  -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);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .charts.inview--on .charts__boxes:before,
.shiseidoLx .charts.inview--on .charts__boxes:after {
  -webkit-transition: -webkit-transform 110ms 600ms linear;
  -moz-transition: -moz-transform 110ms 600ms linear;
  -o-transition: -o-transform 110ms 600ms linear;
  -ms-transition: -ms-transform 110ms 600ms linear;
  transition: transform 110ms 600ms linear;
  -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 .charts.inview--on .charts__box:nth-child(1) {
  -webkit-transition: -webkit-transform 940ms 820ms ease, opacity 940ms 820ms ease;
  -moz-transition: -moz-transform 940ms 820ms ease, opacity 940ms 820ms ease;
  -o-transition: -o-transform 940ms 820ms ease, opacity 940ms 820ms ease;
  -ms-transition: -ms-transform 940ms 820ms ease, opacity 940ms 820ms ease;
  transition: transform 940ms 820ms ease, opacity 940ms 820ms ease;
  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);
}
.shiseidoLx .charts.inview--on .charts__box:nth-child(1):before,
.shiseidoLx .charts.inview--on .charts__box:nth-child(1):after {
  -webkit-transition: -webkit-transform 60ms 1440ms linear, clip-path 60ms 1440ms linear;
  -moz-transition: -moz-transform 60ms 1440ms linear, clip-path 60ms 1440ms linear;
  -o-transition: -o-transform 60ms 1440ms linear, clip-path 60ms 1440ms linear;
  -ms-transition: -ms-transform 60ms 1440ms linear, clip-path 60ms 1440ms linear;
  transition: transform 60ms 1440ms linear, clip-path 60ms 1440ms linear;
  -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);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.shiseidoLx .charts.inview--on .charts__box:nth-child(2) {
  -webkit-transition: -webkit-transform 940ms 960ms ease, opacity 940ms 960ms ease;
  -moz-transition: -moz-transform 940ms 960ms ease, opacity 940ms 960ms ease;
  -o-transition: -o-transform 940ms 960ms ease, opacity 940ms 960ms ease;
  -ms-transition: -ms-transform 940ms 960ms ease, opacity 940ms 960ms ease;
  transition: transform 940ms 960ms ease, opacity 940ms 960ms ease;
  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);
}
.shiseidoLx .charts.inview--on .charts__box:nth-child(2):before,
.shiseidoLx .charts.inview--on .charts__box:nth-child(2):after {
  -webkit-transition: -webkit-transform 60ms 1520ms linear, clip-path 60ms 1520ms linear;
  -moz-transition: -moz-transform 60ms 1520ms linear, clip-path 60ms 1520ms linear;
  -o-transition: -o-transform 60ms 1520ms linear, clip-path 60ms 1520ms linear;
  -ms-transition: -ms-transform 60ms 1520ms linear, clip-path 60ms 1520ms linear;
  transition: transform 60ms 1520ms linear, clip-path 60ms 1520ms linear;
  -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);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.shiseidoLx .charts.inview--on .charts__box:nth-child(3) {
  -webkit-transition: -webkit-transform 940ms 1100ms ease, opacity 940ms 1100ms ease;
  -moz-transition: -moz-transform 940ms 1100ms ease, opacity 940ms 1100ms ease;
  -o-transition: -o-transform 940ms 1100ms ease, opacity 940ms 1100ms ease;
  -ms-transition: -ms-transform 940ms 1100ms ease, opacity 940ms 1100ms ease;
  transition: transform 940ms 1100ms ease, opacity 940ms 1100ms ease;
  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);
}
.shiseidoLx .charts.inview--on .charts__box:nth-child(3):before,
.shiseidoLx .charts.inview--on .charts__box:nth-child(3):after {
  -webkit-transition: -webkit-transform 60ms 1600ms linear, clip-path 60ms 1600ms linear;
  -moz-transition: -moz-transform 60ms 1600ms linear, clip-path 60ms 1600ms linear;
  -o-transition: -o-transform 60ms 1600ms linear, clip-path 60ms 1600ms linear;
  -ms-transition: -ms-transform 60ms 1600ms linear, clip-path 60ms 1600ms linear;
  transition: transform 60ms 1600ms linear, clip-path 60ms 1600ms linear;
  -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);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.shiseidoLx .charts.inview--on .charts__box:nth-child(4) {
  -webkit-transition: -webkit-transform 940ms 1240ms ease, opacity 940ms 1240ms ease;
  -moz-transition: -moz-transform 940ms 1240ms ease, opacity 940ms 1240ms ease;
  -o-transition: -o-transform 940ms 1240ms ease, opacity 940ms 1240ms ease;
  -ms-transition: -ms-transform 940ms 1240ms ease, opacity 940ms 1240ms ease;
  transition: transform 940ms 1240ms ease, opacity 940ms 1240ms ease;
  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);
}
.shiseidoLx .charts.inview--on .charts__box:nth-child(4):before,
.shiseidoLx .charts.inview--on .charts__box:nth-child(4):after {
  -webkit-transition: -webkit-transform 60ms 1680ms linear, clip-path 60ms 1680ms linear;
  -moz-transition: -moz-transform 60ms 1680ms linear, clip-path 60ms 1680ms linear;
  -o-transition: -o-transform 60ms 1680ms linear, clip-path 60ms 1680ms linear;
  -ms-transition: -ms-transform 60ms 1680ms linear, clip-path 60ms 1680ms linear;
  transition: transform 60ms 1680ms linear, clip-path 60ms 1680ms linear;
  -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);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.shiseidoLx .charts.inview--on .charts__box:nth-child(5) {
  -webkit-transition: -webkit-transform 940ms 1380ms ease, opacity 940ms 1380ms ease;
  -moz-transition: -moz-transform 940ms 1380ms ease, opacity 940ms 1380ms ease;
  -o-transition: -o-transform 940ms 1380ms ease, opacity 940ms 1380ms ease;
  -ms-transition: -ms-transform 940ms 1380ms ease, opacity 940ms 1380ms ease;
  transition: transform 940ms 1380ms ease, opacity 940ms 1380ms ease;
  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);
}
.shiseidoLx .charts.inview--on .charts__box:nth-child(5):before,
.shiseidoLx .charts.inview--on .charts__box:nth-child(5):after {
  -webkit-transition: -webkit-transform 60ms 1760ms linear, clip-path 60ms 1760ms linear;
  -moz-transition: -moz-transform 60ms 1760ms linear, clip-path 60ms 1760ms linear;
  -o-transition: -o-transform 60ms 1760ms linear, clip-path 60ms 1760ms linear;
  -ms-transition: -ms-transform 60ms 1760ms linear, clip-path 60ms 1760ms linear;
  transition: transform 60ms 1760ms linear, clip-path 60ms 1760ms linear;
  -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);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.shiseidoLx .charts.inview--on .charts__box:nth-child(6) {
  -webkit-transition: -webkit-transform 940ms 1520ms ease, opacity 940ms 1520ms ease;
  -moz-transition: -moz-transform 940ms 1520ms ease, opacity 940ms 1520ms ease;
  -o-transition: -o-transform 940ms 1520ms ease, opacity 940ms 1520ms ease;
  -ms-transition: -ms-transform 940ms 1520ms ease, opacity 940ms 1520ms ease;
  transition: transform 940ms 1520ms ease, opacity 940ms 1520ms ease;
  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);
}
.shiseidoLx .charts.inview--on .charts__box:nth-child(6):before,
.shiseidoLx .charts.inview--on .charts__box:nth-child(6):after {
  -webkit-transition: -webkit-transform 60ms 1840ms linear, clip-path 60ms 1840ms linear;
  -moz-transition: -moz-transform 60ms 1840ms linear, clip-path 60ms 1840ms linear;
  -o-transition: -o-transform 60ms 1840ms linear, clip-path 60ms 1840ms linear;
  -ms-transition: -ms-transform 60ms 1840ms linear, clip-path 60ms 1840ms linear;
  transition: transform 60ms 1840ms linear, clip-path 60ms 1840ms linear;
  -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);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.shiseidoLx .charts.inview--on .charts__box--1:before,
.shiseidoLx .charts.inview--on .charts__box--2:before,
.shiseidoLx .charts.inview--on .charts__box--1:after,
.shiseidoLx .charts.inview--on .charts__box--2:after {
  -webkit-transition-duration: 60ms;
  -moz-transition-duration: 60ms;
  -o-transition-duration: 60ms;
  -ms-transition-duration: 60ms;
  transition-duration: 60ms;
}
.shiseidoLx .charts.inview--on .charts__box--3:before {
  -webkit-transition-duration: 360ms !important;
  -moz-transition-duration: 360ms !important;
  -o-transition-duration: 360ms !important;
  -ms-transition-duration: 360ms !important;
  transition-duration: 360ms !important;
}
.shiseidoLx .charts.inview--on .charts__box--3:after {
  -webkit-transition-duration: 60ms;
  -moz-transition-duration: 60ms;
  -o-transition-duration: 60ms;
  -ms-transition-duration: 60ms;
  transition-duration: 60ms;
}
.shiseidoLx .charts.inview--on .charts__box--4:after {
  -webkit-transition-duration: 60ms;
  -moz-transition-duration: 60ms;
  -o-transition-duration: 60ms;
  -ms-transition-duration: 60ms;
  transition-duration: 60ms;
}
.shiseidoLx .charts.inview--on .charts__box--5:before {
  -webkit-transition-duration: 60ms;
  -moz-transition-duration: 60ms;
  -o-transition-duration: 60ms;
  -ms-transition-duration: 60ms;
  transition-duration: 60ms;
  -webkit-transition-delay: 2055ms !important;
  -moz-transition-delay: 2055ms !important;
  -o-transition-delay: 2055ms !important;
  -ms-transition-delay: 2055ms !important;
  transition-delay: 2055ms !important;
}
.shiseidoLx .charts.inview--on .charts__box--5:after {
  -webkit-transition-duration: 418ms !important;
  -moz-transition-duration: 418ms !important;
  -o-transition-duration: 418ms !important;
  -ms-transition-duration: 418ms !important;
  transition-duration: 418ms !important;
  -webkit-transition-delay: 2055ms !important;
  -moz-transition-delay: 2055ms !important;
  -o-transition-delay: 2055ms !important;
  -ms-transition-delay: 2055ms !important;
  transition-delay: 2055ms !important;
}
.shiseidoLx .charts__background {
  position: absolute;
  width: 100%;
  height: 86%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.shiseidoLx .charts__background picture {
  height: 100%;
}
.shiseidoLx .charts__background img {
  height: 100%;
  -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);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  mask-image: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #000 50%, #000 100%);
  mask-repeat: no-repeat;
  mask-size: 200vw;
  mask-position: -200vw center;
}
.shiseidoLx .charts__lead {
  position: relative;
  font-size: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
  line-height: 1.533333333333333;
  letter-spacing: 0.24em;
}
.shiseidoLx .charts__content {
  position: relative;
  margin-top: clamp(3.819444444444445vw, 3.819444444444445vw, 3.819444444444445vw);
  -webkit-transform: translate3d(4%, 0, 0);
  -moz-transform: translate3d(4%, 0, 0);
  -o-transform: translate3d(4%, 0, 0);
  -ms-transform: translate3d(4%, 0, 0);
  transform: translate3d(4%, 0, 0);
}
.shiseidoLx .charts__icon {
  position: absolute;
  width: clamp(3.263888888888889vw, 3.263888888888889vw, 3.263888888888889vw);
  height: clamp(3.263888888888889vw, 3.263888888888889vw, 3.263888888888889vw);
  top: clamp(7.986111111111111vw, 7.986111111111111vw, 7.986111111111111vw);
  right: calc(50% + (510 / 1440 * 100vw));
}
.shiseidoLx .charts__icon--moon {
  top: clamp(23.61111111111111vw, 23.61111111111111vw, 23.61111111111111vw);
}
.shiseidoLx .charts__boxes {
  position: relative;
  display: inline-block;
}
.shiseidoLx .charts__boxes:before,
.shiseidoLx .charts__boxes:after {
  content: '';
  display: block;
  position: absolute;
  top: clamp(9.722222222222223vw, 9.722222222222223vw, 9.722222222222223vw);
  left: clamp(-3.819444444444445vw, -3.819444444444445vw, -3.819444444444445vw);
  width: clamp(3.819444444444445vw, 3.819444444444445vw, 3.819444444444445vw);
  height: 1px;
  background-color: #fff;
}
.shiseidoLx .charts__boxes:after {
  top: clamp(25.48611111111111vw, 25.48611111111111vw, 25.48611111111111vw);
  background: #fff;
}
.shiseidoLx .charts__box {
  position: relative;
  display: inline-block;
  width: clamp(8.333333333333332vw, 8.333333333333332vw, 8.333333333333332vw);
  height: clamp(32.361111111111114vw, 32.361111111111114vw, 32.361111111111114vw);
  margin-left: clamp(2.013888888888889vw, 2.013888888888889vw, 2.013888888888889vw);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.shiseidoLx .charts__box:first-child {
  margin-left: 0;
}
.shiseidoLx .charts__box:before,
.shiseidoLx .charts__box:after {
  content: '';
  display: block;
  position: absolute;
  top: clamp(9.722222222222223vw, 9.722222222222223vw, 9.722222222222223vw);
  left: calc(100%);
  width: clamp(2.222222222222222vw, 2.222222222222222vw, 2.222222222222222vw);
  height: 1px;
  background-color: #fff;
}
.shiseidoLx .charts__box:after {
  top: clamp(25.48611111111111vw, 25.48611111111111vw, 25.48611111111111vw);
  background: #fff;
}
.shiseidoLx .charts__box--1 {
  vertical-align: top;
}
.shiseidoLx .charts__box--1 .charts__boxTitle {
  margin-top: clamp(1.25vw, 1.25vw, 1.25vw);
}
.shiseidoLx .charts__box--3:before {
  width: clamp(12.743055555555555vw, 12.743055555555555vw, 12.743055555555555vw);
}
.shiseidoLx .charts__box--4 {
  height: clamp(15.48611111111111vw, 15.48611111111111vw, 15.48611111111111vw);
  vertical-align: bottom;
}
.shiseidoLx .charts__box--4 .charts__boxTitle {
  margin-top: clamp(1.25vw, 1.25vw, 1.25vw);
}
.shiseidoLx .charts__box--4:before {
  display: none;
}
.shiseidoLx .charts__box--4:after {
  top: calc((130 / 1440 * 100vw));
}
.shiseidoLx .charts__box--5 .charts__boxTitle {
  margin-top: clamp(1.25vw, 1.25vw, 1.25vw);
}
.shiseidoLx .charts__box--5:after {
  display: none;
}
.shiseidoLx .charts__box--6 {
  height: clamp(16.041666666666668vw, 16.041666666666668vw, 16.041666666666668vw);
}
.shiseidoLx .charts__box--6 .charts__boxTitle {
  margin-top: clamp(1.25vw, 1.25vw, 1.25vw);
}
.shiseidoLx .charts__box--6:before {
  display: none;
}
.shiseidoLx .charts__box--6:after {
  display: none;
}
.shiseidoLx .charts__boxBackground {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  -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);
}
.shiseidoLx .charts__boxTitle {
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  line-height: 1.25;
  letter-spacing: 0.08em;
  margin-top: clamp(1.805555555555555vw, 1.805555555555555vw, 1.805555555555555vw);
}
.shiseidoLx .charts__boxImage {
  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);
}
.shiseidoLx .charts__boxImage--1 {
  width: clamp(3.472222222222222vw, 3.472222222222222vw, 3.472222222222222vw);
}
.shiseidoLx .charts__boxImage--2 {
  width: clamp(2.291666666666667vw, 2.291666666666667vw, 2.291666666666667vw);
}
.shiseidoLx .charts__boxImage--3 {
  width: clamp(2.430555555555556vw, 2.430555555555556vw, 2.430555555555556vw);
}
.shiseidoLx .charts__boxImage--4 {
  width: clamp(3.819444444444445vw, 3.819444444444445vw, 3.819444444444445vw);
  top: clamp(6.458333333333334vw, 6.458333333333334vw, 6.458333333333334vw);
  -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);
}
.shiseidoLx .charts__boxImage--5 {
  width: clamp(4.305555555555555vw, 4.305555555555555vw, 4.305555555555555vw);
}
.shiseidoLx .charts__boxImage--6 {
  width: clamp(3.819444444444445vw, 3.819444444444445vw, 3.819444444444445vw);
  top: clamp(7.638888888888889vw, 7.638888888888889vw, 7.638888888888889vw);
  -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);
}
@media screen and (max-width: 812px) {
  .shiseidoLx .charts {
    height: auto;
    text-align: center;
    margin-top: 13.333333333333334vw;
  }
  .shiseidoLx .charts.inview--on .charts__background img {
    -webkit-transform: translate3d(0, 14%, 0);
    -moz-transform: translate3d(0, 14%, 0);
    -o-transform: translate3d(0, 14%, 0);
    -ms-transform: translate3d(0, 14%, 0);
    transform: translate3d(0, 14%, 0);
  }
  .shiseidoLx .charts__background {
    height: 104.53333333333332vw;
  }
  .shiseidoLx .charts__background img {
    -webkit-transform: translate3d(0, 14%, 0);
    -moz-transform: translate3d(0, 14%, 0);
    -o-transform: translate3d(0, 14%, 0);
    -ms-transform: translate3d(0, 14%, 0);
    transform: translate3d(0, 14%, 0);
  }
  .shiseidoLx .charts__lead {
    font-size: 4.266666666666667vw;
    line-height: 1.75;
  }
  .shiseidoLx .charts__content {
    margin-top: 0vw;
    -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 .charts__icon {
    position: absolute;
    width: 7.626666666666668vw;
    height: 7.626666666666668vw;
    top: 29.46666666666667vw;
    right: auto;
    left: 5.2vw;
  }
  .shiseidoLx .charts__icon--moon {
    top: 66.8vw;
  }
  .shiseidoLx .charts__boxes {
    margin-left: 24.108vw;
    padding-top: 10vw;
  }
  .shiseidoLx .charts__boxes:before,
  .shiseidoLx .charts__boxes:after {
    top: 33.46666666666667vw;
    left: -9.066666666666666vw;
    width: 9.066666666666666vw;
    height: 1px;
  }
  .shiseidoLx .charts__boxes:after {
    top: 71.06666666666666vw;
  }
  .shiseidoLx .charts__box {
    width: 19.92vw;
    height: 77.33333333333333vw;
    margin-left: 4.8vw;
  }
  .shiseidoLx .charts__box:first-child {
    margin-left: 0;
  }
  .shiseidoLx .charts__box:before,
  .shiseidoLx .charts__box:after {
    top: 23.200000000000003vw;
    width: 5.600000000000001vw;
    height: 1px;
  }
  .shiseidoLx .charts__box:after {
    top: 60.8vw;
  }
  .shiseidoLx .charts__box--1 {
    vertical-align: top;
  }
  .shiseidoLx .charts__box--1 .charts__boxTitle {
    margin-top: 2.933333333333333vw;
  }
  .shiseidoLx .charts__box--3:before {
    width: 30.933333333333334vw;
  }
  .shiseidoLx .charts__box--4 {
    height: 37.008vw;
    vertical-align: bottom;
  }
  .shiseidoLx .charts__box--4 .charts__boxTitle {
    margin-top: 2.933333333333333vw;
  }
  .shiseidoLx .charts__box--4:before {
    display: none;
  }
  .shiseidoLx .charts__box--4:after {
    top: 20.266666666666666vw;
  }
  .shiseidoLx .charts__box--5 .charts__boxTitle {
    margin-top: 2.933333333333333vw;
  }
  .shiseidoLx .charts__box--5:before {
    top: 22.26666666666667vw;
  }
  .shiseidoLx .charts__box--5:after {
    background: none;
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%20210%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M199.75%200.867188L209.75%206.64069L199.75%2012.4142V7.64069H149.75V5.64069H199.75V0.867188Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M149.75%207.64062H0.75V5.64062H149.75V7.64062Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E%0A");
    width: 34.66666666666667vw;
    height: 1.538666666666666vw;
    height: 2.14vw;
    top: 60.13333333333334vw;
  }
  .shiseidoLx .charts__box--6 {
    height: 38.336vw;
  }
  .shiseidoLx .charts__box--6 .charts__boxTitle {
    margin-top: 2.986666666666667vw;
  }
  .shiseidoLx .charts__box--6:after {
    display: none;
  }
  .shiseidoLx .charts__boxBackground {
    width: 100%;
  }
  .shiseidoLx .charts__boxTitle {
    font-size: 2.666666666666667vw;
    line-height: 1.2;
    letter-spacing: 0.08em;
    margin-top: 3.5vw;
    text-align: center;
  }
  .shiseidoLx .charts__boxImage--1 {
    width: 8.346666666666668vw;
  }
  .shiseidoLx .charts__boxImage--2 {
    width: 5.477333333333333vw;
  }
  .shiseidoLx .charts__boxImage--3 {
    width: 5.824vw;
  }
  .shiseidoLx .charts__boxImage--4 {
    width: 9.248vw;
    top: 15.424000000000001vw;
    -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);
  }
  .shiseidoLx .charts__boxImage--5 {
    width: 10.666666666666668vw;
  }
  .shiseidoLx .charts__boxImage--6 {
    width: 9.213333333333333vw;
    top: 18.08vw;
    -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);
  }
  .shiseidoLx .charts__contentWidth {
    width: 180.53333333333333vw;
    text-align: left;
  }
  .shiseidoLx .charts__fullContent {
    position: relative;
    left: 50%;
    width: 100vw;
    -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);
  }
  .shiseidoLx .charts__contentScroll {
    position: relative;
    width: 100%;
    height: 98vw;
    overflow: auto;
/*IE(Internet Explorer)・Microsoft Edgeへの対応*/
    -ms-overflow-style: none;
/*Firefoxへの対応*/
    scrollbar-width: none;
/*Google Chrome、Safariへの対応*/
  }
  .shiseidoLx .charts__contentScroll::-webkit-scrollbar {
    display: none;
  }
  .shiseidoLx .charts__controller {
    position: relative;
    width: 89.33333333333333vw;
    margin: 0 auto;
    height: 1.066666666666667vw;
    background-color: rgba(0,0,0,0.4);
  }
  .shiseidoLx .charts__controllerButton {
    position: absolute;
    width: 37.6vw;
    height: 100%;
    background-color: #000;
    top: 0;
    left: 0;
  }
}
.shiseidoLx .column {
  position: relative;
  height: clamp(55.55555555555556vw, 55.55555555555556vw, 55.55555555555556vw);
  color: #fff;
  background-color: #000;
}
.shiseidoLx .column.inview--on .column__background {
  -webkit-transition: opacity 840ms ease;
  -moz-transition: opacity 840ms ease;
  -o-transition: opacity 840ms ease;
  -ms-transition: opacity 840ms ease;
  transition: opacity 840ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .column.inview--on .column__texts {
  -webkit-transition: opacity 840ms 440ms ease;
  -moz-transition: opacity 840ms 440ms ease;
  -o-transition: opacity 840ms 440ms ease;
  -ms-transition: opacity 840ms 440ms ease;
  transition: opacity 840ms 440ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .column__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .column__texts {
  position: relative;
  display: inline-block;
  top: clamp(16.180555555555557vw, 16.180555555555557vw, 16.180555555555557vw);
  left: clamp(13.125vw, 13.125vw, 13.125vw);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .column__title {
  font-size: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
  line-height: 1.533333333333333;
  letter-spacing: 0.24em;
}
.shiseidoLx .column__text {
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  line-height: 2;
  letter-spacing: 0.16em;
  margin-top: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
}
.shiseidoLx .column__text .lxSuperscript {
  font-size: clamp(0.555555555555556vw, 0.555555555555556vw, 0.555555555555556vw);
  -webkit-transform: translate3d(0, -30%, 0);
  -moz-transform: translate3d(0, -30%, 0);
  -o-transform: translate3d(0, -30%, 0);
  -ms-transform: translate3d(0, -30%, 0);
  transform: translate3d(0, -30%, 0);
}
@media screen and (max-width: 812px) {
  .shiseidoLx .column {
    height: auto;
    color: #fff;
  }
  .shiseidoLx .column__background {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 100vw;
  }
  .shiseidoLx .column__texts {
    display: block;
    top: auto;
    left: auto;
    text-align: left;
    margin-top: 13.333333333333334vw;
    padding-left: 5.333333333333334vw;
  }
  .shiseidoLx .column__title {
    font-size: 4.266666666666667vw;
    line-height: 1.875;
  }
  .shiseidoLx .column__text {
    width: 88vw;
    font-size: 3.2vw;
    line-height: 2;
    letter-spacing: 0.16em;
    margin-top: 3.5vw;
  }
  .shiseidoLx .column__text .lxSuperscript {
    font-size: 2.133333333333333vw;
    -webkit-transform: translate3d(0, -25%, 0);
    -moz-transform: translate3d(0, -25%, 0);
    -o-transform: translate3d(0, -25%, 0);
    -ms-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
  }
}
.shiseidoLx .concept {
  position: relative;
  padding-top: clamp(9.86111111111111vw, 9.86111111111111vw, 9.86111111111111vw);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.shiseidoLx .concept.inview--on .concept__button--1 {
  -webkit-transition: opacity 1040ms 400ms ease, -webkit-transform 1040ms 400ms ease;
  -moz-transition: opacity 1040ms 400ms ease, -moz-transform 1040ms 400ms ease;
  -o-transition: opacity 1040ms 400ms ease, -o-transform 1040ms 400ms ease;
  -ms-transition: opacity 1040ms 400ms ease, -ms-transform 1040ms 400ms ease;
  transition: opacity 1040ms 400ms ease, transform 1040ms 400ms ease;
}
.shiseidoLx .concept.inview--on .concept__button--2 {
  -webkit-transition: opacity 1040ms 600ms ease, -webkit-transform 1040ms 600ms ease;
  -moz-transition: opacity 1040ms 600ms ease, -moz-transform 1040ms 600ms ease;
  -o-transition: opacity 1040ms 600ms ease, -o-transform 1040ms 600ms ease;
  -ms-transition: opacity 1040ms 600ms ease, -ms-transform 1040ms 600ms ease;
  transition: opacity 1040ms 600ms ease, transform 1040ms 600ms ease;
}
.shiseidoLx .concept.inview--on .concept__button--3 {
  -webkit-transition: opacity 1040ms 800ms ease, -webkit-transform 1040ms 800ms ease;
  -moz-transition: opacity 1040ms 800ms ease, -moz-transform 1040ms 800ms ease;
  -o-transition: opacity 1040ms 800ms ease, -o-transform 1040ms 800ms ease;
  -ms-transition: opacity 1040ms 800ms ease, -ms-transform 1040ms 800ms ease;
  transition: opacity 1040ms 800ms ease, transform 1040ms 800ms ease;
}
.shiseidoLx .concept.inview--on .concept__button--4 {
  -webkit-transition: opacity 1040ms 1000ms ease, -webkit-transform 1040ms 1000ms ease;
  -moz-transition: opacity 1040ms 1000ms ease, -moz-transform 1040ms 1000ms ease;
  -o-transition: opacity 1040ms 1000ms ease, -o-transform 1040ms 1000ms ease;
  -ms-transition: opacity 1040ms 1000ms ease, -ms-transform 1040ms 1000ms ease;
  transition: opacity 1040ms 1000ms ease, transform 1040ms 1000ms ease;
}
.shiseidoLx .concept.inview--on .concept__button--1,
.shiseidoLx .concept.inview--on .concept__button--2,
.shiseidoLx .concept.inview--on .concept__button--3,
.shiseidoLx .concept.inview--on .concept__button--4 {
  -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);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .concept.inview--on .concept__lead {
  -webkit-transition: opacity 840ms 400ms ease;
  -moz-transition: opacity 840ms 400ms ease;
  -o-transition: opacity 840ms 400ms ease;
  -ms-transition: opacity 840ms 400ms ease;
  transition: opacity 840ms 400ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .concept__title {
  position: relative;
  width: clamp(80vw, 80vw, 80vw);
  margin: 0 auto;
  font-size: clamp(2.777777777777778vw, 2.777777777777778vw, 2.777777777777778vw);
  letter-spacing: 0.03em;
  text-align: center;
}
.shiseidoLx .concept__title:before,
.shiseidoLx .concept__title:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: clamp(25.694444444444443vw, 25.694444444444443vw, 25.694444444444443vw);
  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 .concept__title: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%);
  clip-path: inset(0 0 0 100%);
}
.shiseidoLx .concept__title: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%);
  clip-path: inset(0 100% 0 0);
}
.shiseidoLx .concept__title.inview--on .concept__titleText {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shiseidoLx .concept__title.inview--on:before,
.shiseidoLx .concept__title.inview--on:after {
  clip-path: inset(0 0 0 0);
  -webkit-transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shiseidoLx .concept__titleText {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .concept__background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}
.shiseidoLx .concept__background picture {
  height: 100%;
}
.shiseidoLx .concept__background img {
  -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);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  height: 100%;
  mask-image: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #000 50%, #000 100%);
  mask-repeat: no-repeat;
  mask-size: 200vw;
  mask-position: -200vw center;
}
.shiseidoLx .concept__lead {
  position: relative;
  margin-top: clamp(2.291666666666667vw, 2.291666666666667vw, 2.291666666666667vw);
  font-size: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
  line-height: 1.7;
  letter-spacing: 0.24em;
  text-align: center;
  z-index: 2;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .concept__lead .lxSuperscript {
  font-size: clamp(0.833333333333333vw, 0.833333333333333vw, 0.833333333333333vw);
}
.shiseidoLx .concept__buttons {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -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: clamp(64.93055555555556vw, 64.93055555555556vw, 64.93055555555556vw);
  margin: clamp(2.777777777777778vw, 2.777777777777778vw, 2.777777777777778vw) auto 0;
  z-index: 2;
}
.shiseidoLx .concept__button {
  width: clamp(31.944444444444443vw, 31.944444444444443vw, 31.944444444444443vw);
  height: clamp(5vw, 5vw, 5vw);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .concept__button:first-child {
  margin-left: 0;
}
.shiseidoLx .concept__button--1,
.shiseidoLx .concept__button--3 {
  -webkit-transform: translate3d(0, -30%, 0);
  -moz-transform: translate3d(0, -30%, 0);
  -o-transform: translate3d(0, -30%, 0);
  -ms-transform: translate3d(0, -30%, 0);
  transform: translate3d(0, -30%, 0);
}
.shiseidoLx .concept__button--2,
.shiseidoLx .concept__button--4 {
  -webkit-transform: translate3d(0, 30%, 0);
  -moz-transform: translate3d(0, 30%, 0);
  -o-transform: translate3d(0, 30%, 0);
  -ms-transform: translate3d(0, 30%, 0);
  transform: translate3d(0, 30%, 0);
}
.shiseidoLx .concept__button--3,
.shiseidoLx .concept__button--4 {
  margin-top: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
}
.shiseidoLx .concept__buttonLink {
  position: relative;
  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;
  width: 100%;
  height: 100%;
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  line-height: 1.25;
  letter-spacing: 0.08em;
  color: #fff;
  border: 1px solid linear-gradient(90deg, #c9b17d, #fcf5d0);
  padding-left: clamp(1.944444444444444vw, 1.944444444444444vw, 1.944444444444444vw);
  padding-top: clamp(0.208333333333333vw, 0.208333333333333vw, 0.208333333333333vw);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000;
  -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 .concept__buttonLink:before {
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cline%20x1%3D%227%22%20y1%3D%2214%22%20x2%3D%227%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%0A%3Cline%20y1%3D%227%22%20x2%3D%2214%22%20y2%3D%227%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  width: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  height: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  top: clamp(1.944444444444444vw, 1.944444444444444vw, 1.944444444444444vw);
  right: clamp(2.152777777777778vw, 2.152777777777778vw, 2.152777777777778vw);
}
.shiseidoLx .concept__buttonLink:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.shiseidoLx .concept__buttonLinkBg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: -webkit-linear-gradient(0deg, #c9b17d, #fcf5d0);
  background: -moz-linear-gradient(0deg, #c9b17d, #fcf5d0);
  background: -o-linear-gradient(0deg, #c9b17d, #fcf5d0);
  background: -ms-linear-gradient(0deg, #c9b17d, #fcf5d0);
  background: linear-gradient(90deg, #c9b17d, #fcf5d0);
  -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: -1;
}
.shiseidoLx .concept__gokan {
  position: relative;
  width: 100%;
  height: clamp(35.41666666666667vw, 35.41666666666667vw, 35.41666666666667vw);
  margin-top: clamp(6.25vw, 6.25vw, 6.25vw);
}
.shiseidoLx .concept__gokan.inview--on .concept__gokanBg img {
  -webkit-transition: opacity 680ms 300ms ease, -webkit-transform 1600ms 300ms ease;
  -moz-transition: opacity 680ms 300ms ease, -moz-transform 1600ms 300ms ease;
  -o-transition: opacity 680ms 300ms ease, -o-transform 1600ms 300ms ease;
  -ms-transition: opacity 680ms 300ms ease, -ms-transform 1600ms 300ms ease;
  transition: opacity 680ms 300ms ease, transform 1600ms 300ms 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 .concept__gokan.inview--on .concept__gokanWrap {
  -webkit-transition: opacity 800ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 800ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 800ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 800ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 800ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .concept__gokan.inview--on .concept__gokanMovie {
  -webkit-transition: opacity 800ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 800ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 800ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 800ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 800ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .concept__gokanBg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
}
.shiseidoLx .concept__gokanBg img {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  will-change: transform, opacity;
  -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 .concept__gokanCont {
  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;
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(78.47222222222221vw, 78.47222222222221vw, 78.47222222222221vw);
  height: clamp(22.916666666666664vw, 22.916666666666664vw, 22.916666666666664vw);
  -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 .concept__gokanWrap {
  width: clamp(32.63888888888889vw, 32.63888888888889vw, 32.63888888888889vw);
  color: #fff;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .concept__gokanHeading {
  font-size: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
  line-height: 1.6;
  letter-spacing: 0.24em;
  z-index: 2;
}
.shiseidoLx .concept__gokanText {
  margin-top: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  line-height: 1.857142857142857;
  letter-spacing: 0.08em;
}
.shiseidoLx .concept__gokanButton {
  width: clamp(13.194444444444445vw, 13.194444444444445vw, 13.194444444444445vw);
  margin-top: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
}
.shiseidoLx .concept__gokanLink {
  display: block;
  position: relative;
  width: 100%;
  padding: clamp(1.041666666666667vw, 1.041666666666667vw, 1.041666666666667vw) clamp(1.805555555555555vw, 1.805555555555555vw, 1.805555555555555vw) clamp(0.902777777777778vw, 0.902777777777778vw, 0.902777777777778vw);
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  letter-spacing: 0.08em;
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.shiseidoLx .concept__gokanLink:before {
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cline%20x1%3D%227%22%20y1%3D%2214%22%20x2%3D%227%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%0A%3Cline%20y1%3D%227%22%20x2%3D%2214%22%20y2%3D%227%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  width: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  height: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  top: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  right: clamp(1.805555555555555vw, 1.805555555555555vw, 1.805555555555555vw);
}
.shiseidoLx .concept__gokanMovie {
  width: clamp(40.69444444444444vw, 40.69444444444444vw, 40.69444444444444vw);
  height: clamp(22.916666666666664vw, 22.916666666666664vw, 22.916666666666664vw);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .concept__gokanMovie video,
.shiseidoLx .concept__gokanMovie .video-js,
.shiseidoLx .concept__gokanMovie .vjs-tech {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  height: auto;
}
@media screen and (max-width: 812px) {
  .shiseidoLx .concept {
    height: 330.6666666666667vw;
    padding-top: 21.333333333333336vw;
    overflow: hidden;
  }
  .shiseidoLx .concept.inview--on .concept__background img {
    -webkit-transform: translate3d(0%, 40%, 0);
    -moz-transform: translate3d(0%, 40%, 0);
    -o-transform: translate3d(0%, 40%, 0);
    -ms-transform: translate3d(0%, 40%, 0);
    transform: translate3d(0%, 40%, 0);
  }
  .shiseidoLx .concept__background picture {
    height: 90.66666666666666vw;
  }
  .shiseidoLx .concept__background img {
    -webkit-transform: translate3d(0%, 40%, 0);
    -moz-transform: translate3d(0%, 40%, 0);
    -o-transform: translate3d(0%, 40%, 0);
    -ms-transform: translate3d(0%, 40%, 0);
    transform: translate3d(0%, 40%, 0);
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
  .shiseidoLx .concept__title {
    width: 89.33333333333333vw;
    font-size: 5.333333333333334vw;
  }
  .shiseidoLx .concept__title:before,
  .shiseidoLx .concept__title:after {
    width: 18.666666666666668vw;
  }
  .shiseidoLx .concept__lead {
    margin-top: 9.333333333333334vw;
    font-size: 4.266666666666667vw;
    line-height: 1.75;
  }
  .shiseidoLx .concept__lead .lxSuperscript {
    font-size: 2.533333333333333vw;
    -webkit-transform: translate3d(0, -30%, 0);
    -moz-transform: translate3d(0, -30%, 0);
    -o-transform: translate3d(0, -30%, 0);
    -ms-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }
  .shiseidoLx .concept__lead .lxLetterSpacing {
    letter-spacing: 0.2em;
  }
  .shiseidoLx .concept__buttons {
    display: block;
    width: 89.33333333333333vw;
    margin-top: 9vw;
  }
  .shiseidoLx .concept__button {
    width: 89.33333333333333vw;
    height: 19.2vw;
    margin: 5vw auto 0;
  }
  .shiseidoLx .concept__button:first-child {
    margin-left: auto;
    margin-top: 0;
  }
  .shiseidoLx .concept__button--1,
  .shiseidoLx .concept__button--3 {
    -webkit-transform: translate3d(-10%, 0%, 0);
    -moz-transform: translate3d(-10%, 0%, 0);
    -o-transform: translate3d(-10%, 0%, 0);
    -ms-transform: translate3d(-10%, 0%, 0);
    transform: translate3d(-10%, 0%, 0);
  }
  .shiseidoLx .concept__button--2,
  .shiseidoLx .concept__button--4 {
    -webkit-transform: translate3d(10%, 0%, 0);
    -moz-transform: translate3d(10%, 0%, 0);
    -o-transform: translate3d(10%, 0%, 0);
    -ms-transform: translate3d(10%, 0%, 0);
    transform: translate3d(10%, 0%, 0);
  }
  .shiseidoLx .concept__buttonLink {
    font-size: 3.733333333333334vw;
    line-height: 1.285714285714286;
    padding-left: 7.466666666666668vw;
    padding-top: 0.533333333333333vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .shiseidoLx .concept__buttonLink:before {
    width: 3.733333333333334vw;
    height: 3.733333333333334vw;
    top: 7.466666666666668vw;
    right: 8.266666666666666vw;
  }
  .shiseidoLx .concept__buttonLink:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoLx .concept__gokan {
    height: 154.4vw;
    margin-top: 16vw;
  }
  .shiseidoLx .concept__gokanCont {
    display: block;
    position: static;
    top: auto;
    left: auto;
    width: 89.33333333333333vw;
    height: 124.53333333333335vw;
    margin: 0 auto 0;
    padding-top: 14.133333333333335vw;
    -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 .concept__gokanWrap {
    width: 89.33333333333333vw;
    margin-top: 9.333333333333334vw;
    color: #fff;
  }
  .shiseidoLx .concept__gokanHeading {
    font-size: 4.266666666666667vw;
    line-height: 1.75;
    z-index: 2;
  }
  .shiseidoLx .concept__gokanText {
    margin-top: 4.266666666666667vw;
    font-size: 3.2vw;
    line-height: 2;
  }
  .shiseidoLx .concept__gokanButton {
    width: 37.333333333333336vw;
    margin: 6.133333333333333vw auto 0;
  }
  .shiseidoLx .concept__gokanLink {
    width: 100%;
    padding: 2.933333333333333vw 4.533333333333333vw;
    font-size: 3.733333333333334vw;
    letter-spacing: 0.04em;
    border: 1px solid #fff;
  }
  .shiseidoLx .concept__gokanLink:before {
    width: 2.133333333333333vw;
    height: 2.133333333333333vw;
    top: 3.466666666666666vw;
    right: 4.8vw;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.136%207.756V4.606H0V3.178H3.136V0H4.662V3.178H7.77V4.606H4.662V7.756H3.136Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }
  .shiseidoLx .concept__gokanMovie {
    width: 89.33333333333333vw;
    height: 50.13333333333333vw;
  }
}
.shiseidoLx .event {
  color: #fff;
  text-align: center;
  margin-top: clamp(-0.694444444444444vw, -0.694444444444444vw, -0.694444444444444vw);
}
.shiseidoLx .event.lxInviewFade .event__title,
.shiseidoLx .event.lxInviewFade .event__lead,
.shiseidoLx .event.lxInviewFade .event__description,
.shiseidoLx .event.lxInviewFade .event__slider {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .event.inview--on .event__title {
  -webkit-transition: opacity 800ms ease;
  -moz-transition: opacity 800ms ease;
  -o-transition: opacity 800ms ease;
  -ms-transition: opacity 800ms ease;
  transition: opacity 800ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .event.inview--on .event__lead,
.shiseidoLx .event.inview--on .event__description {
  -webkit-transition: opacity 800ms 240ms ease;
  -moz-transition: opacity 800ms 240ms ease;
  -o-transition: opacity 800ms 240ms ease;
  -ms-transition: opacity 800ms 240ms ease;
  transition: opacity 800ms 240ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .event.inview--on .event__slider {
  -webkit-transition: opacity 800ms 480ms ease;
  -moz-transition: opacity 800ms 480ms ease;
  -o-transition: opacity 800ms 480ms ease;
  -ms-transition: opacity 800ms 480ms ease;
  transition: opacity 800ms 480ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .event__title {
  font-size: clamp(2.777777777777778vw, 2.777777777777778vw, 2.777777777777778vw);
  letter-spacing: 0.03em;
  display: inline-block;
  leading-trim: both;
  text-edge: cap;
  font-feature-settings: 'palt' on;
  line-height: 1.1;
  background: -webkit-linear-gradient(0deg, #caa658 18.23%, #e4d19d 41.49%, #e4d19d 59.83%, #caa658 81.96%);
  background: -moz-linear-gradient(0deg, #caa658 18.23%, #e4d19d 41.49%, #e4d19d 59.83%, #caa658 81.96%);
  background: -o-linear-gradient(0deg, #caa658 18.23%, #e4d19d 41.49%, #e4d19d 59.83%, #caa658 81.96%);
  background: -ms-linear-gradient(0deg, #caa658 18.23%, #e4d19d 41.49%, #e4d19d 59.83%, #caa658 81.96%);
  background: linear-gradient(90deg, #caa658 18.23%, #e4d19d 41.49%, #e4d19d 59.83%, #caa658 81.96%);
  -webkit-background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}
.shiseidoLx .event__lead {
  font-size: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
  letter-spacing: 0.24em;
  line-height: 1.5;
  margin-top: clamp(2.777777777777778vw, 2.777777777777778vw, 2.777777777777778vw);
}
.shiseidoLx .event__description {
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  letter-spacing: 0.24em;
  line-height: 2;
  margin-top: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
}
.shiseidoLx .event__slider {
  position: relative;
  display: block;
  width: clamp(54.37499999999999vw, 54.37499999999999vw, 54.37499999999999vw);
  margin: clamp(3.75vw, 3.75vw, 3.75vw) auto 0;
}
.shiseidoLx .event__sliderContent {
  position: relative;
  height: clamp(42.986111111111114vw, 42.986111111111114vw, 42.986111111111114vw);
  cursor: pointer;
}
.shiseidoLx .event__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -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 .event__sliderText {
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  line-height: 1.714285714285714;
  letter-spacing: 0.24em;
  margin-top: clamp(1.666666666666667vw, 1.666666666666667vw, 1.666666666666667vw);
  text-align: center;
}
.shiseidoLx .event__sliderArrow {
  position: absolute;
  width: clamp(1.416666666666667vw, 1.416666666666667vw, 1.416666666666667vw);
  height: clamp(2.694444444444444vw, 2.694444444444444vw, 2.694444444444444vw);
  top: clamp(16.73611111111111vw, 16.73611111111111vw, 16.73611111111111vw);
  right: calc(100% + (27 / 1440 * 100vw));
}
.shiseidoLx .event__sliderArrow--next {
  right: auto;
  left: calc(100% + (27 / 1440 * 100vw));
}
.shiseidoLx .event__sliderArrow--next .event__sliderArrowLink:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2021%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.00015%200.462891L20.7073%2019.17C20.8948%2019.3575%2021.0002%2019.6119%2021.0002%2019.8771C21.0002%2020.1423%2020.8948%2020.3967%2020.7073%2020.5842L2.00015%2039.2913L0.585938%2037.8771L18.5859%2019.8771L0.585938%201.8771L2.00015%200.462891Z%22%20fill%3D%22%23C9B17D%22%2F%3E%3C%2Fsvg%3E%0A");
}
.shiseidoLx .event__sliderArrowLink {
  display: block;
  width: 100%;
  height: 100%;
}
.shiseidoLx .event__sliderArrowLink:before {
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2021%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.9998%2039.291L0.292738%2020.5839C0.105201%2020.3964%20-0.000154729%2020.142%20-0.000154705%2019.8768C-0.000154682%2019.6116%200.105202%2019.3572%200.292738%2019.1697L18.9999%200.462585L20.4141%201.8768L2.41406%2019.8768L20.4141%2037.8768L18.9998%2039.291Z%22%20fill%3D%22%23C9B17D%22%2F%3E%3C%2Fsvg%3E%0A");
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.shiseidoLx .event__sliderMeters {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: clamp(1.666666666666667vw, 1.666666666666667vw, 1.666666666666667vw) 0 0 clamp(-0.694444444444444vw, -0.694444444444444vw, -0.694444444444444vw);
}
.shiseidoLx .event__sliderMeter {
  position: relative;
  width: 11.23882503192848%;
  margin: clamp(0.694444444444444vw, 0.694444444444444vw, 0.694444444444444vw) 0 0 clamp(0.694444444444444vw, 0.694444444444444vw, 0.694444444444444vw);
  cursor: pointer;
}
.shiseidoLx .event__sliderMeter.meter--on:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .event__sliderMeter:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #c9b17d;
  -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.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
@media screen and (max-width: 812px) {
  .shiseidoLx .event {
    position: relative;
    margin-top: 24vw;
    overflow: hidden;
  }
  .shiseidoLx .event__title {
    font-size: 5.333333333333334vw;
  }
  .shiseidoLx .event__lead {
    font-size: 3.52vw;
    line-height: 1.857142857142857;
    margin-top: 5.333333333333334vw;
  }
  .shiseidoLx .event__description {
    font-size: 3.2vw;
    line-height: 2.166666666666667;
    margin-top: 4.533333333333333vw;
  }
  .shiseidoLx .event__slider {
    width: 89.33333333333333vw;
    margin: 8.799999999999999vw auto 0;
  }
  .shiseidoLx .event__sliderContent {
    height: 92.53333333333333vw;
  }
  .shiseidoLx .event__sliderText {
    font-size: 3.2vw;
    line-height: 1.666666666666667;
    margin-top: 4vw;
    text-align: center;
  }
  .shiseidoLx .event__sliderArrow {
    display: none;
  }
  .shiseidoLx .event__sliderMeters {
    margin: 4.8vw 0 0 -2.666666666666667vw;
  }
  .shiseidoLx .event__sliderMeter {
    width: 15.466666666666667vw;
    cursor: pointer;
    margin: 2.666666666666667vw 0 0 2.666666666666667vw;
  }
  .shiseidoLx .event__sliderMeter.meter--on:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .shiseidoLx .event__sliderMeter:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #c9b17d;
    -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.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
}
.shiseidoLx .fv {
  position: relative;
  color: #000;
}
.shiseidoLx .fv.inview--on .fv__background,
.shiseidoLx .fv.inview--on .fv__text,
.shiseidoLx .fv.inview--on .fv__tag {
  -webkit-transition: opacity 1000ms ease;
  -moz-transition: opacity 1000ms ease;
  -o-transition: opacity 1000ms ease;
  -ms-transition: opacity 1000ms ease;
  transition: opacity 1000ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .fv.inview--on .fv__text,
.shiseidoLx .fv.inview--on .fv__tag {
  -webkit-transition: opacity 1000ms 460ms ease;
  -moz-transition: opacity 1000ms 460ms ease;
  -o-transition: opacity 1000ms 460ms ease;
  -ms-transition: opacity 1000ms 460ms ease;
  transition: opacity 1000ms 460ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .fv.inview--on .nav {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 1000ms 460ms ease;
  -moz-transition: opacity 1000ms 460ms ease;
  -o-transition: opacity 1000ms 460ms ease;
  -ms-transition: opacity 1000ms 460ms ease;
  transition: opacity 1000ms 460ms ease;
}
.shiseidoLx .fv__background {
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .fv__text {
  position: absolute;
  top: clamp(4.375vw, 4.375vw, 4.375vw);
  right: clamp(15.347222222222223vw, 15.347222222222223vw, 15.347222222222223vw);
  text-align: center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .fv__title {
  font-size: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
  letter-spacing: 0.24em;
  font-weight: 600;
}
.shiseidoLx .fv__titleSecondary {
  font-size: clamp(1.25vw, 1.25vw, 1.25vw);
  letter-spacing: 0.16em;
  line-height: 1.777777777777778;
  margin-top: clamp(0.694444444444444vw, 0.694444444444444vw, 0.694444444444444vw);
  -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 .fv__titleSecondary span {
  letter-spacing: 0.1em;
}
.shiseidoLx .fv__titleSecondary .lxAlphabet {
  letter-spacing: 0.24em;
  display: inline-block;
  margin-left: clamp(-1.041666666666667vw, -1.041666666666667vw, -1.041666666666667vw);
}
.shiseidoLx .fv__tag {
  position: absolute;
  display: inline-block;
  font-size: clamp(1.666666666666667vw, 1.666666666666667vw, 1.666666666666667vw);
  line-height: 1;
  text-align: center;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: clamp(3.611111111111111vw, 3.611111111111111vw, 3.611111111111111vw);
  z-index: 1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .fv__tagContent {
  position: relative;
  display: inline-block;
}
.shiseidoLx .fv__tagContent:before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  bottom: clamp(-0.277777777777778vw, -0.277777777777778vw, -0.277777777777778vw);
  left: 0;
  background-color: #fff;
}
@media screen and (max-width: 812px) {
  .shiseidoLx .fv__text {
    top: 10.133333333333333vw;
    left: auto;
    right: 2.933333333333333vw;
    margin: 0 auto;
  }
  .shiseidoLx .fv__title {
    font-size: 4.266666666666667vw;
    line-height: 1.375;
    letter-spacing: 0.1em;
    font-weight: 600;
  }
  .shiseidoLx .fv__title.f-tazuganeR {
    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-feature-settings: 'palt';
  }
  .shiseidoLx .fv__title span.fvSpacing {
    display: inline-block;
    -webkit-transform: translate3d(2%, 0, 0);
    -moz-transform: translate3d(2%, 0, 0);
    -o-transform: translate3d(2%, 0, 0);
    -ms-transform: translate3d(2%, 0, 0);
    transform: translate3d(2%, 0, 0);
  }
  .shiseidoLx .fv__titleSecondary {
    font-size: 2.666666666666667vw;
    line-height: 1.6;
    margin-top: 1.333333333333333vw;
    -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 .fv__titleSecondary .lxAlphabet {
    margin: 0;
  }
  .shiseidoLx .fv__tag {
    font-size: 3.733333333333334vw;
    width: auto;
    left: 4.8vw;
    right: auto;
    margin: 0;
    bottom: 13.333333333333334vw;
  }
  .shiseidoLx .fv__tagContent:before {
    bottom: -1.333333333333333vw;
  }
}
.shiseidoLx .lineup {
  padding-top: clamp(11.805555555555555vw, 11.805555555555555vw, 11.805555555555555vw);
  text-align: center;
  overflow: hidden;
}
.shiseidoLx .lineup__title {
  position: relative;
  width: clamp(80vw, 80vw, 80vw);
  margin: 0 auto;
  font-size: clamp(2.777777777777778vw, 2.777777777777778vw, 2.777777777777778vw);
  letter-spacing: 0.03em;
  text-align: center;
}
.shiseidoLx .lineup__title:before,
.shiseidoLx .lineup__title:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: clamp(28.749999999999996vw, 28.749999999999996vw, 28.749999999999996vw);
  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 .lineup__title: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%);
  clip-path: inset(0 0 0 100%);
}
.shiseidoLx .lineup__title: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%);
  clip-path: inset(0 100% 0 0);
}
.shiseidoLx .lineup__title.inview--on .lineup__titleText {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shiseidoLx .lineup__title.inview--on:before,
.shiseidoLx .lineup__title.inview--on:after {
  clip-path: inset(0 0 0 0);
  -webkit-transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shiseidoLx .lineup__titleText {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .lineup__list {
  margin-top: clamp(2.986111111111111vw, 2.986111111111111vw, 2.986111111111111vw);
}
.shiseidoLx .lineup__item {
  position: relative;
  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;
  width: clamp(79.44444444444444vw, 79.44444444444444vw, 79.44444444444444vw);
  height: clamp(47.91666666666667vw, 47.91666666666667vw, 47.91666666666667vw);
  margin: clamp(6.944444444444445vw, 6.944444444444445vw, 6.944444444444445vw) auto 0;
}
.shiseidoLx .lineup__item.inview--on .lineup__background img {
  -webkit-transition: opacity 640ms ease, -webkit-transform 1200ms ease;
  -moz-transition: opacity 640ms ease, -moz-transform 1200ms ease;
  -o-transition: opacity 640ms ease, -o-transform 1200ms ease;
  -ms-transition: opacity 640ms ease, -ms-transform 1200ms ease;
  transition: opacity 640ms ease, transform 1200ms 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 .lineup__item.inview--on .lineup__detail {
  -webkit-transition: opacity 840ms 340ms ease;
  -moz-transition: opacity 840ms 340ms ease;
  -o-transition: opacity 840ms 340ms ease;
  -ms-transition: opacity 840ms 340ms ease;
  transition: opacity 840ms 340ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .lineup__item--1 {
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.shiseidoLx .lineup__item--1 .lineup__detail {
  margin-right: clamp(7.916666666666666vw, 7.916666666666666vw, 7.916666666666666vw);
}
.shiseidoLx .lineup__item--2 .lineup__detail {
  margin: 0 clamp(2.986111111111111vw, 2.986111111111111vw, 2.986111111111111vw) 0 clamp(7.916666666666666vw, 7.916666666666666vw, 7.916666666666666vw);
}
.shiseidoLx .lineup__item--3 {
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.shiseidoLx .lineup__item--3 .lineup__detail {
  margin: 0 clamp(7.916666666666666vw, 7.916666666666666vw, 7.916666666666666vw) 0 clamp(2.986111111111111vw, 2.986111111111111vw, 2.986111111111111vw);
}
.shiseidoLx .lineup__item--4 .lineup__detail {
  margin: 0 clamp(2.986111111111111vw, 2.986111111111111vw, 2.986111111111111vw) 0 clamp(7.916666666666666vw, 7.916666666666666vw, 7.916666666666666vw);
}
.shiseidoLx .lineup__item--5 {
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.shiseidoLx .lineup__item--5 .lineup__detail {
  margin: 0 clamp(7.916666666666666vw, 7.916666666666666vw, 7.916666666666666vw) 0 clamp(2.986111111111111vw, 2.986111111111111vw, 2.986111111111111vw);
}
.shiseidoLx .lineup__item--6 .lineup__detail {
  margin: 0 clamp(2.986111111111111vw, 2.986111111111111vw, 2.986111111111111vw) 0 clamp(7.916666666666666vw, 7.916666666666666vw, 7.916666666666666vw);
}
.shiseidoLx .lineup__awardLogo {
  position: absolute;
  z-index: 3;
}
.shiseidoLx .lineup__background {
  display: block;
  width: clamp(38.333333333333336vw, 38.333333333333336vw, 38.333333333333336vw);
  height: clamp(47.91666666666667vw, 47.91666666666667vw, 47.91666666666667vw);
  overflow: hidden;
}
.shiseidoLx .lineup__background img {
  will-change: transform, opacity;
  -webkit-transform: scale(1.08) translate3d(0, 0, 0);
  -moz-transform: scale(1.08) translate3d(0, 0, 0);
  -o-transform: scale(1.08) translate3d(0, 0, 0);
  -ms-transform: scale(1.08) translate3d(0, 0, 0);
  transform: scale(1.08) translate3d(0, 0, 0);
}
.shiseidoLx .lineup__detail {
  position: relative;
  width: clamp(30.555555555555557vw, 30.555555555555557vw, 30.555555555555557vw);
  text-align: left;
}
.shiseidoLx .lineup__tag {
  font-size: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
  letter-spacing: 0.03em;
}
.shiseidoLx .lineup__name {
  font-size: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
  line-height: 1.6;
  letter-spacing: 0.16em;
  white-space: nowrap;
}
.shiseidoLx .lineup__description {
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  line-height: 2;
  letter-spacing: 0.16em;
  margin-top: clamp(1.041666666666667vw, 1.041666666666667vw, 1.041666666666667vw);
}
.shiseidoLx .lineup__description .lxSuperscript {
  font-size: clamp(0.625vw, 0.625vw, 0.625vw);
}
.shiseidoLx .lineup__note {
  font-size: clamp(0.833333333333333vw, 0.833333333333333vw, 0.833333333333333vw);
  line-height: 1;
  letter-spacing: 0.08em;
  margin-top: clamp(1.041666666666667vw, 1.041666666666667vw, 1.041666666666667vw);
}
.shiseidoLx .lineup__note .lxRemoveSuperscript {
  font-size: clamp(1.25vw, 1.25vw, 1.25vw);
  margin-right: clamp(0.069444444444444vw, 0.069444444444444vw, 0.069444444444444vw);
  display: inline-block;
  -webkit-transform: translate3d(0, 35%, 0);
  -moz-transform: translate3d(0, 35%, 0);
  -o-transform: translate3d(0, 35%, 0);
  -ms-transform: translate3d(0, 35%, 0);
  transform: translate3d(0, 35%, 0);
}
.shiseidoLx .lineup__point {
  position: relative;
  padding-left: clamp(1.180555555555556vw, 1.180555555555556vw, 1.180555555555556vw);
  margin-top: clamp(2.777777777777778vw, 2.777777777777778vw, 2.777777777777778vw);
}
.shiseidoLx .lineup__point:before {
  content: '';
  display: block;
  position: absolute;
  top: clamp(0.416666666666667vw, 0.416666666666667vw, 0.416666666666667vw);
  left: 0;
  width: 1px;
  height: calc(100% - (8 / 1440 * 100vw));
  background-color: #000;
}
.shiseidoLx .lineup__pointTitle {
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  line-height: 2.333333333333333;
  letter-spacing: 0.24em;
}
.shiseidoLx .lineup__pointText {
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  line-height: 1.714285714285714;
  letter-spacing: 0.16em;
  margin-top: clamp(-0.138888888888889vw, -0.138888888888889vw, -0.138888888888889vw);
}
.shiseidoLx .lineup__pointText .lxSuperscript {
  font-size: clamp(0.625vw, 0.625vw, 0.625vw);
  -webkit-transform: translate3d(0, -30%, 0);
  -moz-transform: translate3d(0, -30%, 0);
  -o-transform: translate3d(0, -30%, 0);
  -ms-transform: translate3d(0, -30%, 0);
  transform: translate3d(0, -30%, 0);
}
.shiseidoLx .lineup__moreButton {
  display: block;
  margin-top: clamp(1.041666666666667vw, 1.041666666666667vw, 1.041666666666667vw);
}
.shiseidoLx .lineup__moreButtonLink {
  position: relative;
  display: inline-block;
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  letter-spacing: 0.08em;
  padding: clamp(1.25vw, 1.25vw, 1.25vw) clamp(2.777777777777778vw, 2.777777777777778vw, 2.777777777777778vw) clamp(1.041666666666667vw, 1.041666666666667vw, 1.041666666666667vw) clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
  background-color: transparent;
  border: 1px solid #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 .lineup__moreButtonLink:before {
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%200.85083V14.8508H6L6%200.85083H8Z%22%20fill%3D%22%23000000%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14%208.53687H0V6.53687H14V8.53687Z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E%0A");
  width: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  height: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  top: 50%;
  right: clamp(1.041666666666667vw, 1.041666666666667vw, 1.041666666666667vw);
  -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-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__moreButtonLink:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.shiseidoLx .lineup__form {
  margin-top: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
}
.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: clamp(-0.138888888888889vw, -0.138888888888889vw, -0.138888888888889vw);
  width: clamp(8.666666666666666px, 0.902777777777778vw, 0.902777777777778vw);
  height: clamp(8.666666666666666px, 0.902777777777778vw, 0.902777777777778vw);
  background-color: #fff;
  border-radius: 50%;
}
.shiseidoLx .lineup__optionButton.lxActive:before {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  left: 50%;
  width: clamp(6px, 0.625vw, 0.625vw);
  height: clamp(6px, 0.625vw, 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: clamp(4.666666666666667px, 0.486111111111111vw, 0.486111111111111vw);
}
.shiseidoLx .lineup__optionLabel {
  display: inline-block;
  vertical-align: middle;
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  line-height: 2;
  letter-spacing: 0.08em;
}
.shiseidoLx .lineup__buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-top: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
}
.shiseidoLx .lineup__cartButtons {
  position: relative;
  width: clamp(11.11111111111111vw, 11.11111111111111vw, 11.11111111111111vw);
  text-align: center;
}
.shiseidoLx .lineup__cartButtons button#add-to-cart.button.add-to-cart.ignore,
.shiseidoLx .lineup__cartButtons div.product-form-actions.add-to-cart-out-of-stock,
.shiseidoLx .lineup__cartButtons button#add-to-cart.button.outline.disabled {
  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';
  color: #fff;
  background-color: #000;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
  width: 100%;
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  letter-spacing: 0.08em;
  padding-top: clamp(0.277777777777778vw, 0.277777777777778vw, 0.277777777777778vw);
  height: clamp(3.194444444444444vw, 3.194444444444444vw, 3.194444444444444vw) !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;
}
.shiseidoLx .lineup__cartButtons 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);
}
.shiseidoLx .lineup__cartButtons .add-to-cart-in-stock {
  height: clamp(3.194444444444444vw, 3.194444444444444vw, 3.194444444444444vw) !important;
}
.shiseidoLx .lineup__cartButtons div.product-form-actions.add-to-cart-out-of-stock {
  padding-top: 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 .callout.alert {
  display: inline-block;
  text-align: left;
  height: 0;
  white-space: nowrap;
  -webkit-transform: translate3d(0, clamp(0.486111111111111vw, 0.486111111111111vw, 0.486111111111111vw), 0);
  -moz-transform: translate3d(0, clamp(0.486111111111111vw, 0.486111111111111vw, 0.486111111111111vw), 0);
  -o-transform: translate3d(0, clamp(0.486111111111111vw, 0.486111111111111vw, 0.486111111111111vw), 0);
  -ms-transform: translate3d(0, clamp(0.486111111111111vw, 0.486111111111111vw, 0.486111111111111vw), 0);
  transform: translate3d(0, clamp(0.486111111111111vw, 0.486111111111111vw, 0.486111111111111vw), 0);
  font-size: clamp(8px, 0.833333333333333vw, 0.833333333333333vw);
  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-feature-settings: 'palt';
}
.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__storeButton {
  width: clamp(11.11111111111111vw, 11.11111111111111vw, 11.11111111111111vw);
  height: clamp(3.194444444444444vw, 3.194444444444444vw, 3.194444444444444vw);
  margin-left: clamp(0.694444444444444vw, 0.694444444444444vw, 0.694444444444444vw);
  text-align: center;
}
.shiseidoLx .lineup__storeButtonLink {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  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;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  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;
  font-feature-settings: 'palt';
  color: #fff;
  background-color: #000;
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  letter-spacing: 0.08em;
  padding-top: clamp(0.208333333333333vw, 0.208333333333333vw, 0.208333333333333vw);
  -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__storeButtonLink span {
  display: block;
}
.shiseidoLx .lineup__storeButtonLink:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.shiseidoLx .lineup__productInfoButton {
  display: inline-block;
  margin-top: clamp(1.944444444444444vw, 1.944444444444444vw, 1.944444444444444vw);
}
.shiseidoLx .lineup__productInfoButtonLink {
  position: relative;
  display: inline-block;
  font-size: clamp(8px, 0.833333333333333vw, 0.833333333333333vw);
  letter-spacing: -0.02em;
  padding-right: clamp(0.763888888888889vw, 0.763888888888889vw, 0.763888888888889vw);
  padding: 0 clamp(0.763888888888889vw, 0.763888888888889vw, 0.763888888888889vw) clamp(4.666666666666667px, 0.486111111111111vw, 0.486111111111111vw) 0;
}
.shiseidoLx .lineup__productInfoButtonLink:after {
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  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: clamp(4px, 0.416666666666667vw, 0.416666666666667vw);
  height: clamp(6.666666666666666px, 0.694444444444444vw, 0.694444444444444vw);
  top: 0;
  right: 0;
}
.shiseidoLx .lineup__productInfoButtonLink span {
  position: relative;
  display: inline-block;
}
.shiseidoLx .lineup__productInfoButtonLink span:before,
.shiseidoLx .lineup__productInfoButtonLink span:after {
  content: '';
  position: absolute;
  display: block;
  bottom: clamp(-2px, -0.208333333333333vw, -0.208333333333333vw);
  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__productInfoButtonLink 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);
}
.shiseidoLx .lineup__productInfoButtonLink: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__productInfoButtonLink: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: 812px) {
  .shiseidoLx .lineup {
    padding-top: 22.666666666666664vw;
    text-align: center;
  }
  .shiseidoLx .lineup__title {
    width: 89.33333333333333vw;
    font-size: 5.333333333333334vw;
  }
  .shiseidoLx .lineup__title:before,
  .shiseidoLx .lineup__title:after {
    width: 24vw;
  }
  .shiseidoLx .lineup__list {
    margin-top: 10.666666666666668vw;
  }
  .shiseidoLx .lineup__item {
    height: auto;
    display: block;
    width: 89.33333333333333vw;
    margin: 0 auto;
    margin-top: 16vw;
  }
  .shiseidoLx .lineup__item:first-child {
    margin-top: 0;
  }
  .shiseidoLx .lineup__item--1 .lineup__detail {
    margin-left: auto;
  }
  .shiseidoLx .lineup__item--2 .lineup__detail {
    margin-left: auto;
  }
  .shiseidoLx .lineup__item--3 .lineup__detail {
    margin-left: auto;
  }
  .shiseidoLx .lineup__item--4 .lineup__detail {
    margin-left: auto;
  }
  .shiseidoLx .lineup__item--4 .lineup__background {
    margin-left: 0;
  }
  .shiseidoLx .lineup__item--5 .lineup__detail {
    margin-left: auto;
  }
  .shiseidoLx .lineup__item--6 {
    height: auto;
  }
  .shiseidoLx .lineup__item--6 .lineup__detail {
    margin-left: auto;
    top: auto;
    -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 .lineup__item--3 .lineup__background,
  .shiseidoLx .lineup__item--4 .lineup__background,
  .shiseidoLx .lineup__item--5 .lineup__background,
  .shiseidoLx .lineup__item--6 .lineup__background {
    height: 89.33333333333333vw;
  }
  .shiseidoLx .lineup__background {
    position: relative;
    width: 89.33333333333333vw;
    height: 89.33333333333333vw;
  }
  .shiseidoLx .lineup__background img {
    -webkit-transform: scale(1.15) translate3d(0, 0, 0);
    -moz-transform: scale(1.15) translate3d(0, 0, 0);
    -o-transform: scale(1.15) translate3d(0, 0, 0);
    -ms-transform: scale(1.15) translate3d(0, 0, 0);
    transform: scale(1.15) translate3d(0, 0, 0);
  }
  .shiseidoLx .lineup__detail {
    position: relative;
    text-align: left;
    top: auto;
    -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);
    width: 89.60000000000001vw;
    margin: 0 auto;
  }
  .shiseidoLx .lineup__tag {
    font-size: 3.733333333333334vw;
  }
  .shiseidoLx .lineup__name {
    font-size: 3.733333333333334vw;
    line-height: 1.857142857142857;
    margin-top: 3.466666666666666vw;
  }
  .shiseidoLx .lineup__description {
    font-size: 3.2vw;
    line-height: 2;
    margin-top: 2.2vw;
  }
  .shiseidoLx .lineup__description .lxSuperscript {
    font-size: 2vw;
    -webkit-transform: translate3d(0, -25%, 0);
    -moz-transform: translate3d(0, -25%, 0);
    -o-transform: translate3d(0, -25%, 0);
    -ms-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
  }
  .shiseidoLx .lineup__note {
    font-size: 2.666666666666667vw;
    line-height: 1;
    margin-top: 1.634666666666666vw;
  }
  .shiseidoLx .lineup__note .lxRemoveSuperscript {
    font-size: 5.333333333333334vw;
    margin-right: 0.533333333333333vw;
    -webkit-transform: translate3d(0, 42%, 0);
    -moz-transform: translate3d(0, 42%, 0);
    -o-transform: translate3d(0, 42%, 0);
    -ms-transform: translate3d(0, 42%, 0);
    transform: translate3d(0, 42%, 0);
  }
  .shiseidoLx .lineup__point {
    padding-left: 2.666666666666667vw;
    margin-top: 10.4vw;
  }
  .shiseidoLx .lineup__point:before {
    top: 0vw;
    width: 1px;
    height: calc(100% - (1 / 375 * 100vw));
  }
  .shiseidoLx .lineup__pointTitle {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.16em;
  }
  .shiseidoLx .lineup__pointText {
    font-size: 3.2vw;
    line-height: 1.666666666666667;
    letter-spacing: 0.16em;
    margin-top: 2vw;
  }
  .shiseidoLx .lineup__pointText .lxSuperscript {
    font-size: 2.133333333333333vw;
    -webkit-transform: translate3d(0, -30%, 0);
    -moz-transform: translate3d(0, -30%, 0);
    -o-transform: translate3d(0, -30%, 0);
    -ms-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }
  .shiseidoLx .lineup__moreButton {
    margin-top: 4vw;
  }
  .shiseidoLx .lineup__moreButtonLink {
    font-size: 3.733333333333334vw;
    padding: 4.399999999999999vw 12.533333333333333vw 3.866666666666667vw 5.333333333333334vw;
  }
  .shiseidoLx .lineup__moreButtonLink:before {
    width: 3.733333333333334vw;
    height: 3.733333333333334vw;
    right: 4vw;
  }
  .shiseidoLx .lineup__moreButtonLink:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoLx .lineup__form {
    margin-top: 4vw;
  }
  .shiseidoLx .lineup__optionLink:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoLx .lineup__optionButton {
    margin-left: -0.533333333333333vw;
    width: 3.466666666666666vw;
    height: 3.466666666666666vw;
  }
  .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__buttons {
    margin-top: 7.298666666666668vw;
  }
  .shiseidoLx .lineup__cartButtons {
    width: 42.66666666666667vw;
  }
  .shiseidoLx .lineup__cartButtons button#add-to-cart.button.add-to-cart.ignore,
  .shiseidoLx .lineup__cartButtons div.product-form-actions.add-to-cart-out-of-stock,
  .shiseidoLx .lineup__cartButtons button#add-to-cart.button.outline.disabled {
    font-weight: 600 !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%;
    font-size: 3.733333333333334vw;
    letter-spacing: 0.08em;
    padding-top: 0.533333333333333vw;
    height: 11.200000000000001vw !important;
  }
  .shiseidoLx .lineup__cartButtons button#add-to-cart.button.add-to-cart.ignore:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoLx .lineup__cartButtons .add-to-cart-in-stock {
    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;
    background-color: #000;
    height: 11.200000000000001vw !important;
  }
  .shiseidoLx .lineup__cartButton .callout.alert {
    -webkit-transform: translate3d(0, 2.098666666666667vw, 0);
    -moz-transform: translate3d(0, 2.098666666666667vw, 0);
    -o-transform: translate3d(0, 2.098666666666667vw, 0);
    -ms-transform: translate3d(0, 2.098666666666667vw, 0);
    transform: translate3d(0, 2.098666666666667vw, 0);
    font-size: 3.2vw;
    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-feature-settings: 'palt';
  }
  .shiseidoLx .lineup__cartButton.lxActive:hover button#add-to-cart.button.add-to-cart.ignore {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoLx .lineup__storeButton {
    width: 42.66666666666667vw;
    height: 11.200000000000001vw;
    margin-left: 2.666666666666667vw;
  }
  .shiseidoLx .lineup__storeButtonLink {
    -webkit-font-smoothing: antialiased;
    font-size: 3.733333333333334vw;
    background-color: #000;
    color: #fff;
    padding-top: 0.533333333333333vw;
  }
  .shiseidoLx .lineup__storeButtonLink span {
    display: block;
  }
  .shiseidoLx .lineup__storeButtonLink:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoLx .lineup__productInfoButton {
    text-align: left;
    display: block;
    margin-top: 9.333333333333334vw;
    margin-left: 0vw;
  }
  .shiseidoLx .lineup__productInfoButtonLink {
    font-size: 3.2vw;
    padding: 0 2.666666666666667vw 1.866666666666667vw 0;
  }
  .shiseidoLx .lineup__productInfoButtonLink:after {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    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");
    width: 1.6vw;
    height: 2.666666666666667vw;
    top: 0;
    right: 0;
  }
  .shiseidoLx .lineup__productInfoButtonLink span:before {
    bottom: -0.8vw;
    height: 1px;
  }
  .shiseidoLx .lineup__productInfoButtonLink: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__productInfoButtonLink: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: 812px) {
  .shiseidoLx .lxModal--opened .lxModal__scrollBox {
    pointer-events: auto;
  }
  .shiseidoLx .lxModal--center .lxModal__closeButton {
    top: 3.733333333333334vw;
    right: 3.733333333333334vw;
  }
  .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: 7.000000000000001vw;
    height: 7.000000000000001vw;
  }
  .shiseidoLx .lxModal__content {
    width: 89.33333333333333vw;
    margin: 6.933333333333333vw auto 6.933333333333333vw;
  }
}
.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 {
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2070%2071%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M70%2035.7628C70%2055.0928%2054.33%2070.7628%2035%2070.7628C15.67%2070.7628%200%2055.0928%200%2035.7628C0%2016.4328%2015.67%200.762817%2035%200.762817C54.33%200.762817%2070%2016.4328%2070%2035.7628Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M35%2069.7628C53.7777%2069.7628%2069%2054.5405%2069%2035.7628C69%2016.9851%2053.7777%201.76282%2035%201.76282C16.2223%201.76282%201%2016.9851%201%2035.7628C1%2054.5405%2016.2223%2069.7628%2035%2069.7628ZM35%2070.7628C54.33%2070.7628%2070%2055.0928%2070%2035.7628C70%2016.4328%2054.33%200.762817%2035%200.762817C15.67%200.762817%200%2016.4328%200%2035.7628C0%2055.0928%2015.67%2070.7628%2035%2070.7628Z%22%20fill%3D%22%23C9B17D%22%2F%3E%3Cpath%20d%3D%22M45%2035.7628L30%2044.423L30%2027.1025L45%2035.7628Z%22%20fill%3D%22%23C9B17D%22%2F%3E%3C%2Fsvg%3E%0A");
  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: 812px) {
  .shiseidoLx .modalContent {
    padding: 11.733333333333333vw 0 18.666666666666668vw;
  }
  .shiseidoLx .modalContent--1,
  .shiseidoLx .modalContent--2 {
    padding-bottom: 16vw;
  }
  .shiseidoLx .modalContent--3 {
    padding-bottom: 13.600000000000001vw;
  }
  .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.66666666666667vw;
    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.333333333333334vw;
  }
  .shiseidoLx .modalContent--7 .modalContent__sliderMeters {
    margin-top: 16vw;
  }
  .shiseidoLx .modalContent--8 {
    padding-bottom: 30.666666666666664vw;
  }
  .shiseidoLx .modalContent--8 .modalContent__slider--1 {
    margin-top: -6.666666666666667vw;
  }
  .shiseidoLx .modalContent--8 .modalContent__slider--1 .modalContent__sliderMeters {
    margin-top: 12.266666666666666vw;
  }
  .shiseidoLx .modalContent--8 .modalContent__slider--2 {
    margin-top: -7.199999999999999vw;
  }
  .shiseidoLx .modalContent--8 .modalContent__slider--2 .modalContent__sliderMeters {
    margin-top: 14.133333333333335vw;
  }
  .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.200000000000003vw;
  }
  .shiseidoLx .modalContent--9 .modalContent__video {
    position: relative;
    height: 78.66666666666666vw;
    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.66666666666666vw;
    margin: 8vw auto 0;
  }
  .shiseidoLx .modalContent--9 .modalContent__flexHeading {
    font-size: 4.8vw;
  }
  .shiseidoLx .modalContent--9 .modalContent__photo {
    width: 78.66666666666666vw;
    height: 104.53333333333332vw;
  }
  .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.74666666666666vw;
  }
  .shiseidoLx .modalContent--9 .modalContent__figure--2 {
    width: 64.94666666666667vw;
    height: 81.17866666666667vw;
  }
  .shiseidoLx .modalContent--9 .modalContent__note {
    position: relative;
    margin-top: 14.933333333333335vw;
    font-size: 3.2vw;
    line-height: 1.666666666666667;
    z-index: 2;
  }
  .shiseidoLx .modalContent--9 .modalContent__button {
    width: 77.33333333333333vw;
    height: 13.333333333333334vw;
    margin: 10.666666666666668vw auto 0;
  }
  .shiseidoLx .modalContent--9 .modalContent__buttonLink {
    padding: 2.133333333333333vw 14.399999999999999vw 2.666666666666667vw;
    font-size: 3.733333333333334vw;
    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.133333333333333vw;
  }
  .shiseidoLx .modalContent__title:after {
    width: 4vw;
    height: 1px;
  }
  .shiseidoLx .modalContent__title+.modalContent__titleSecondary {
    margin-top: 8vw;
  }
  .shiseidoLx .modalContent__titleSecondary {
    position: relative;
    font-size: 3.733333333333334vw;
    margin-top: 18.666666666666668vw;
    z-index: 2;
  }
  .shiseidoLx .modalContent__titleSecondary+.modalContent__flexBox {
    margin-top: 8vw;
  }
  .shiseidoLx .modalContent__titleSecondary+.modalContent__text--center {
    margin-top: 3.733333333333334vw;
  }
  .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.666666666666668vw;
  }
  .shiseidoLx .modalContent__flexBox {
    position: relative;
    display: block;
    margin-top: 7.466666666666668vw;
    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.733333333333334vw;
    line-height: 2.142857142857143;
  }
  .shiseidoLx .modalContent__photo {
    width: 62.66666666666667vw;
    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.933333333333333vw;
    z-index: 2;
  }
  .shiseidoLx .modalContent__text--center {
    margin-top: 6.933333333333333vw;
    text-align: center;
  }
  .shiseidoLx .modalContent__text span {
    font-size: 2.666666666666667vw;
    line-height: 2.6;
    letter-spacing: 0.24em;
  }
  .shiseidoLx .modalContent__video {
    width: 78.66666666666666vw;
    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.66666666666667vw;
    left: 8.533333333333333vw;
    width: 3.2vw;
    height: 5.333333333333334vw;
    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 {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    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.266666666666666vw;
    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 .nav {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .nav__list {
  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 .nav__item {
  width: clamp(33.33333333333333vw, 33.33333333333333vw, 33.33333333333333vw);
}
.shiseidoLx .nav__link {
  display: block;
  position: relative;
  width: clamp(33.33333333333333vw, 33.33333333333333vw, 33.33333333333333vw);
  height: clamp(4.861111111111112vw, 4.861111111111112vw, 4.861111111111112vw);
  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;
  -webkit-transition: opacity 360ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 360ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 360ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 360ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 360ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shiseidoLx .nav__link:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.shiseidoLx .nav__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(33.33333333333333vw, 33.33333333333333vw, 33.33333333333333vw);
  -webkit-transition: -webkit-transform 420ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 420ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 420ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 420ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 420ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 420ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: -ms-transform 420ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 420ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 420ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 420ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shiseidoLx .nav__linkText {
  display: inline-block;
  position: absolute;
  top: calc(50% + 1px);
  left: 0;
  font-size: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
  letter-spacing: 0.01em;
  -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 .nav__linkText--1 {
  margin-left: clamp(10.416666666666668vw, 10.416666666666668vw, 10.416666666666668vw);
}
.shiseidoLx .nav__linkText--2 {
  margin-left: clamp(11.944444444444445vw, 11.944444444444445vw, 11.944444444444445vw);
}
.shiseidoLx .nav__linkText--3 {
  margin-left: clamp(6.25vw, 6.25vw, 6.25vw);
}
.shiseidoLx .nav__linkText:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: clamp(-2.083333333333333vw, -2.083333333333333vw, -2.083333333333333vw);
  width: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
  height: clamp(0.625vw, 0.625vw, 0.625vw);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2222%22%20height%3D%2211%22%20viewBox%3D%220%200%2022%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.706031%200.706056L10.7616%209.70605L20.8171%200.706055%22%20stroke%3D%22black%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -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);
}
@media screen and (max-width: 812px) {
  .shiseidoLx .nav__item {
    width: 33.33333333333333vw;
  }
  .shiseidoLx .nav__link {
    width: 33.33333333333333vw;
    height: 13.333333333333334vw;
    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%);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .shiseidoLx .nav__link:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoLx .nav__bg {
    width: 33.33333333333333vw;
  }
  .shiseidoLx .nav__linkText {
    padding-right: 4vw;
    font-size: 3.2vw;
    line-height: 1.166666666666667;
    letter-spacing: -0.01em;
    white-space: nowrap;
    text-align: center;
  }
  .shiseidoLx .nav__linkText--1 {
    margin-left: 2.133333333333333vw;
  }
  .shiseidoLx .nav__linkText--2 {
    margin-left: 5.866666666666666vw;
  }
  .shiseidoLx .nav__linkText--3 {
    margin-left: 2.133333333333333vw;
  }
  .shiseidoLx .nav__linkText:after {
    right: 0vw;
    width: 2.666666666666667vw;
    height: 1.2vw;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%226%22%20viewBox%3D%220%200%2012%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.705994%200.706055L5.70599%205.18119L10.706%200.706055%22%20stroke%3D%22black%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }
}
.shiseidoLx .primary {
  position: relative;
  height: clamp(55.55555555555556vw, 55.55555555555556vw, 55.55555555555556vw);
  padding-top: clamp(4.513888888888888vw, 4.513888888888888vw, 4.513888888888888vw);
  overflow: hidden;
  background-color: #fff;
}
.shiseidoLx .primary.inview--on .primary__background {
  -webkit-transition: opacity 840ms ease;
  -moz-transition: opacity 840ms ease;
  -o-transition: opacity 840ms ease;
  -ms-transition: opacity 840ms ease;
  transition: opacity 840ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .primary.inview--on .primary__detail {
  -webkit-transition: opacity 840ms 340ms ease;
  -moz-transition: opacity 840ms 340ms ease;
  -o-transition: opacity 840ms 340ms ease;
  -ms-transition: opacity 840ms 340ms ease;
  transition: opacity 840ms 340ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .primary__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;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  width: clamp(85.41666666666666vw, 85.41666666666666vw, 85.41666666666666vw);
  margin-left: clamp(10vw, 10vw, 10vw);
}
.shiseidoLx .primary__background {
  width: clamp(39.44444444444444vw, 39.44444444444444vw, 39.44444444444444vw);
  margin-left: clamp(1.25vw, 1.25vw, 1.25vw);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  background-color: #000;
}
.shiseidoLx .primary__detail {
  width: clamp(44.72222222222222vw, 44.72222222222222vw, 44.72222222222222vw);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .primary__tag {
  display: inline-block;
  position: relative;
  font-size: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
  letter-spacing: 0.03em;
  padding-bottom: clamp(0.416666666666667vw, 0.416666666666667vw, 0.416666666666667vw);
}
.shiseidoLx .primary__tag:after {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
.shiseidoLx .primary__title {
  font-size: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
  line-height: 1.533333333333333;
  letter-spacing: 0.23em;
  white-space: nowrap;
  margin-top: clamp(1.666666666666667vw, 1.666666666666667vw, 1.666666666666667vw);
}
.shiseidoLx .primary__description {
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  line-height: 2;
  letter-spacing: 0.16em;
  margin-top: clamp(0.763888888888889vw, 0.763888888888889vw, 0.763888888888889vw);
}
.shiseidoLx .primary__name {
  font-size: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
  line-height: 1.6;
  letter-spacing: 0.24em;
  margin-top: clamp(2.430555555555556vw, 2.430555555555556vw, 2.430555555555556vw);
}
.shiseidoLx .primary__credit {
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  letter-spacing: 0.08em;
  margin-top: clamp(0vw, 0vw, 0vw);
  line-height: 1.714285714285714;
}
.shiseidoLx .primary__buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-top: clamp(1.180555555555556vw, 1.180555555555556vw, 1.180555555555556vw);
}
.shiseidoLx .primary__cartButtons {
  position: relative;
  width: clamp(11.11111111111111vw, 11.11111111111111vw, 11.11111111111111vw);
  text-align: center;
}
.shiseidoLx .primary__cartButtons button#add-to-cart.button.add-to-cart.ignore,
.shiseidoLx .primary__cartButtons div.product-form-actions.add-to-cart-out-of-stock,
.shiseidoLx .primary__cartButtons button#add-to-cart.button.outline.disabled {
  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';
  color: #fff;
  background-color: #000 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
  width: 100%;
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  letter-spacing: 0.08em;
  padding-top: clamp(0.208333333333333vw, 0.208333333333333vw, 0.208333333333333vw);
  height: clamp(3.194444444444444vw, 3.194444444444444vw, 3.194444444444444vw) !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;
  border: 1px solid #fff;
}
.shiseidoLx .primary__cartButtons 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);
}
.shiseidoLx .primary__cartButtons .add-to-cart-in-stock {
  background-color: transparent;
  height: clamp(3.194444444444444vw, 3.194444444444444vw, 3.194444444444444vw) !important;
}
.shiseidoLx .primary__cartButton {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.shiseidoLx .primary__cartButton .callout.alert {
  display: inline-block;
  text-align: left;
  height: 0;
  white-space: nowrap;
  -webkit-transform: translate3d(0, clamp(0.486111111111111vw, 0.486111111111111vw, 0.486111111111111vw), 0);
  -moz-transform: translate3d(0, clamp(0.486111111111111vw, 0.486111111111111vw, 0.486111111111111vw), 0);
  -o-transform: translate3d(0, clamp(0.486111111111111vw, 0.486111111111111vw, 0.486111111111111vw), 0);
  -ms-transform: translate3d(0, clamp(0.486111111111111vw, 0.486111111111111vw, 0.486111111111111vw), 0);
  transform: translate3d(0, clamp(0.486111111111111vw, 0.486111111111111vw, 0.486111111111111vw), 0);
  font-size: clamp(8px, 0.833333333333333vw, 0.833333333333333vw);
  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-feature-settings: 'palt';
}
.shiseidoLx .primary__storeButton {
  width: clamp(11.11111111111111vw, 11.11111111111111vw, 11.11111111111111vw);
  height: clamp(3.194444444444444vw, 3.194444444444444vw, 3.194444444444444vw);
  margin-left: clamp(0.694444444444444vw, 0.694444444444444vw, 0.694444444444444vw);
  text-align: center;
  color: #fff;
}
.shiseidoLx .primary__storeButtonLink {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  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;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  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;
  font-feature-settings: 'palt';
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  letter-spacing: 0.08em;
  background-color: #000;
  color: #fff;
  padding-top: clamp(0.208333333333333vw, 0.208333333333333vw, 0.208333333333333vw);
  -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 .primary__storeButtonLink span {
  display: block;
}
.shiseidoLx .primary__storeButtonLink:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.shiseidoLx .primary__productInfoButton {
  display: inline-block;
  margin-top: clamp(1.944444444444444vw, 1.944444444444444vw, 1.944444444444444vw);
}
.shiseidoLx .primary__productInfoButton--guide {
  margin-left: clamp(1.736111111111111vw, 1.736111111111111vw, 1.736111111111111vw);
}
.shiseidoLx .primary__productInfoButtonLink {
  position: relative;
  display: inline-block;
  font-size: clamp(8px, 0.833333333333333vw, 0.833333333333333vw);
  letter-spacing: -0.02em;
  padding-right: clamp(0.763888888888889vw, 0.763888888888889vw, 0.763888888888889vw);
  padding: 0 clamp(0.763888888888889vw, 0.763888888888889vw, 0.763888888888889vw) clamp(4.666666666666667px, 0.486111111111111vw, 0.486111111111111vw) 0;
}
.shiseidoLx .primary__productInfoButtonLink:after {
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  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%22black%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  width: clamp(4px, 0.416666666666667vw, 0.416666666666667vw);
  height: clamp(6.666666666666666px, 0.694444444444444vw, 0.694444444444444vw);
  top: 0;
  right: 0;
}
.shiseidoLx .primary__productInfoButtonLink span {
  position: relative;
  display: inline-block;
}
.shiseidoLx .primary__productInfoButtonLink span:before,
.shiseidoLx .primary__productInfoButtonLink span:after {
  content: '';
  position: absolute;
  display: block;
  bottom: clamp(-2px, -0.208333333333333vw, -0.208333333333333vw);
  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 .primary__productInfoButtonLink 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);
}
.shiseidoLx .primary__productInfoButtonLink: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 .primary__productInfoButtonLink: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: 812px) {
  .shiseidoLx .primary {
    background-color: #fff;
    height: auto;
    overflow: hidden;
    padding-top: 0;
  }
  .shiseidoLx .primary__tag {
    margin-left: 5.333333333333334vw;
  }
  .shiseidoLx .primary__cont {
    display: block;
    width: 100vw;
    margin: 0;
  }
  .shiseidoLx .primary__background {
    position: relative;
    width: 100%;
    height: 124.8vw;
    top: auto;
    left: auto;
    margin: 0;
  }
  .shiseidoLx .primary__detail {
    position: relative;
    display: block;
    top: auto;
    left: auto;
    color: #000;
    text-align: left;
    width: 89.33333333333333vw;
    margin: 8vw auto 0;
    -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 .primary__tag {
    font-size: 3.733333333333334vw;
    padding-bottom: 1.6vw;
  }
  .shiseidoLx .primary__tag:after {
    background-color: #000;
  }
  .shiseidoLx .primary__title {
    font-size: 4.266666666666667vw;
    line-height: 1.875;
    margin-top: 5.333333333333334vw;
  }
  .shiseidoLx .primary__description {
    font-size: 3.2vw;
    line-height: 2.166666666666667;
    margin-top: 5.600000000000001vw;
  }
  .shiseidoLx .primary__name {
    font-size: 3.733333333333334vw;
    line-height: 1.714285714285714;
    margin-top: 6vw;
  }
  .shiseidoLx .primary__credit {
    font-size: 3.2vw;
    margin-top: 2.4vw;
  }
  .shiseidoLx .primary__buttons {
    -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: 7.298666666666668vw;
  }
  .shiseidoLx .primary__cartButtons {
    width: 42.66666666666667vw;
  }
  .shiseidoLx .primary__cartButtons button#add-to-cart.button.add-to-cart.ignore,
  .shiseidoLx .primary__cartButtons div.product-form-actions.add-to-cart-out-of-stock,
  .shiseidoLx .primary__cartButtons button#add-to-cart.button.outline.disabled {
    font-weight: 600 !important;
    font-feature-settings: 'palt';
    color: #fff;
    background-color: #000 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    width: 100%;
    font-size: 3.733333333333334vw;
    letter-spacing: 0.08em;
    height: 11.200000000000001vw !important;
    padding-top: 0vw;
    border: none;
  }
  .shiseidoLx .primary__cartButtons button#add-to-cart.button.add-to-cart.ignore:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoLx .primary__cartButtons .add-to-cart-in-stock {
    background-color: #000;
    height: 11.200000000000001vw !important;
    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;
  }
  .shiseidoLx .primary__cartButton .callout.alert {
    -webkit-transform: translate3d(0, 2.098666666666667vw, 0);
    -moz-transform: translate3d(0, 2.098666666666667vw, 0);
    -o-transform: translate3d(0, 2.098666666666667vw, 0);
    -ms-transform: translate3d(0, 2.098666666666667vw, 0);
    transform: translate3d(0, 2.098666666666667vw, 0);
    font-size: 3.2vw;
    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-feature-settings: 'palt';
  }
  .shiseidoLx .primary__storeButton {
    width: 42.66666666666667vw;
    height: 11.200000000000001vw;
    margin-left: 2.666666666666667vw;
  }
  .shiseidoLx .primary__storeButtonLink {
    font-weight: 600;
    font-size: 3.733333333333334vw;
    background-color: #000;
    color: #fff;
    padding-top: 0.533333333333333vw;
    border: none;
  }
  .shiseidoLx .primary__storeButtonLink span {
    display: block;
  }
  .shiseidoLx .primary__storeButtonLink:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoLx .primary__productInfoButton {
    display: block;
    text-align: left;
    margin-top: 9.333333333333334vw;
  }
  .shiseidoLx .primary__productInfoButton--guide {
    margin-top: 4vw;
    margin-left: 5.333333333333334vw;
  }
  .shiseidoLx .primary__productInfoButtonLink {
    font-size: 3.2vw;
    padding: 0 2.666666666666667vw 1.866666666666667vw 0;
  }
  .shiseidoLx .primary__productInfoButtonLink:after {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    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%22black%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 1.6vw;
    height: 2.666666666666667vw;
    top: 0;
    right: 0;
  }
  .shiseidoLx .primary__productInfoButtonLink span:before {
    bottom: -0.8vw;
    height: 1px;
    background-color: #000;
  }
  .shiseidoLx .primary__productInfoButtonLink: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 .primary__productInfoButtonLink: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 .products {
  text-align: center;
  background-color: #fff;
  color: #000;
  padding: clamp(0.694444444444444vw, 0.694444444444444vw, 0.694444444444444vw) 0 clamp(7.777777777777778vw, 7.777777777777778vw, 7.777777777777778vw);
}
.shiseidoLx .products--black {
  background-color: #000;
  color: #fff;
  padding: clamp(8.88888888888889vw, 8.88888888888889vw, 8.88888888888889vw) 0 clamp(7.083333333333333vw, 7.083333333333333vw, 7.083333333333333vw);
}
.shiseidoLx .products--black .products__list {
  margin-left: clamp(18.75vw, 18.75vw, 18.75vw);
}
.shiseidoLx .products--black .products__item--1 .products__itemButton {
  margin-top: clamp(3.402777777777778vw, 3.402777777777778vw, 3.402777777777778vw);
}
.shiseidoLx .products--black .products__item--2 {
  margin-left: clamp(5.902777777777778vw, 5.902777777777778vw, 5.902777777777778vw);
}
.shiseidoLx .products--black .products__item--3 {
  margin-left: clamp(5.347222222222222vw, 5.347222222222222vw, 5.347222222222222vw);
}
.shiseidoLx .products--black .products__itemImage--1 {
  width: clamp(16.944444444444446vw, 16.944444444444446vw, 16.944444444444446vw);
  height: clamp(12.847222222222221vw, 12.847222222222221vw, 12.847222222222221vw);
  top: clamp(-2.291666666666667vw, -2.291666666666667vw, -2.291666666666667vw);
  left: clamp(0.416666666666667vw, 0.416666666666667vw, 0.416666666666667vw);
}
.shiseidoLx .products--black .products__itemImage--2 {
  width: clamp(6.875000000000001vw, 6.875000000000001vw, 6.875000000000001vw);
  height: clamp(18.055555555555554vw, 18.055555555555554vw, 18.055555555555554vw);
  top: clamp(-2.222222222222222vw, -2.222222222222222vw, -2.222222222222222vw);
  left: clamp(-0.138888888888889vw, -0.138888888888889vw, -0.138888888888889vw);
}
.shiseidoLx .products--black .products__itemImage--3 {
  width: clamp(16.73611111111111vw, 16.73611111111111vw, 16.73611111111111vw);
  height: clamp(12.152777777777777vw, 12.152777777777777vw, 12.152777777777777vw);
  top: clamp(-2.222222222222222vw, -2.222222222222222vw, -2.222222222222222vw);
  left: clamp(-0.208333333333333vw, -0.208333333333333vw, -0.208333333333333vw);
}
.shiseidoLx .products--black .products__itemName {
  margin-top: clamp(1.527777777777778vw, 1.527777777777778vw, 1.527777777777778vw);
}
.shiseidoLx .products--black .products__itemPrice {
  margin-top: clamp(1.041666666666667vw, 1.041666666666667vw, 1.041666666666667vw);
}
.shiseidoLx .products--black .products__itemButtonLink {
  background-color: #fff;
  color: #000 !important;
}
.shiseidoLx .products__list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin-left: clamp(9.355555555555556vw, 9.355555555555556vw, 9.355555555555556vw);
}
.shiseidoLx .products__list .scrollPhotosClone {
  display: none;
}
.shiseidoLx .products__item--2 {
  margin-left: clamp(1.458333333333333vw, 1.458333333333333vw, 1.458333333333333vw);
}
.shiseidoLx .products__item--3 {
  margin-left: clamp(1.666666666666667vw, 1.666666666666667vw, 1.666666666666667vw);
}
.shiseidoLx .products__item--1 {
  margin-left: clamp(1.875vw, 1.875vw, 1.875vw);
}
.shiseidoLx .products__itemImage {
  position: relative;
  margin: 0 auto;
  top: clamp(0vw, 0vw, 0vw);
  left: clamp(0vw, 0vw, 0vw);
}
.shiseidoLx .products__itemImage--1,
.shiseidoLx .products__itemImage--2 {
  width: clamp(20.833333333333336vw, 20.833333333333336vw, 20.833333333333336vw);
  height: clamp(20.833333333333336vw, 20.833333333333336vw, 20.833333333333336vw);
  top: clamp(-0.208333333333333vw, -0.208333333333333vw, -0.208333333333333vw);
  left: clamp(-0.833333333333333vw, -0.833333333333333vw, -0.833333333333333vw);
}
.shiseidoLx .products__itemImage--2 {
  top: clamp(-1.944444444444444vw, -1.944444444444444vw, -1.944444444444444vw);
  left: clamp(-0.347222222222222vw, -0.347222222222222vw, -0.347222222222222vw);
}
.shiseidoLx .products__itemImage--3 {
  width: clamp(17.916666666666668vw, 17.916666666666668vw, 17.916666666666668vw);
  height: clamp(10.416666666666668vw, 10.416666666666668vw, 10.416666666666668vw);
  top: clamp(-3.125vw, -3.125vw, -3.125vw);
  left: clamp(-1.666666666666667vw, -1.666666666666667vw, -1.666666666666667vw);
}
.shiseidoLx .products__itemImage--4 {
  width: clamp(10.208333333333334vw, 10.208333333333334vw, 10.208333333333334vw);
  height: clamp(20.833333333333336vw, 20.833333333333336vw, 20.833333333333336vw);
  top: clamp(-2.083333333333333vw, -2.083333333333333vw, -2.083333333333333vw);
}
.shiseidoLx .products__itemCopy {
  font-size: clamp(1.25vw, 1.25vw, 1.25vw);
  line-height: 1.5;
  letter-spacing: 0.24em;
}
.shiseidoLx .products__itemName {
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  line-height: 1.333333333333333;
  letter-spacing: 0.16em;
  margin-top: clamp(1.180555555555556vw, 1.180555555555556vw, 1.180555555555556vw);
}
.shiseidoLx .products__itemPrice {
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  letter-spacing: 0.08em;
  margin-top: clamp(1.041666666666667vw, 1.041666666666667vw, 1.041666666666667vw);
}
.shiseidoLx .products__itemButton {
  margin-top: clamp(1.944444444444444vw, 1.944444444444444vw, 1.944444444444444vw);
}
.shiseidoLx .products__itemButtonLink {
  display: inline-block;
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  letter-spacing: 0.08em;
  background-color: #000;
  color: #fff !important;
  padding: clamp(1.319444444444444vw, 1.319444444444444vw, 1.319444444444444vw) clamp(1.979166666666667vw, 1.979166666666667vw, 1.979166666666667vw) clamp(1.041666666666667vw, 1.041666666666667vw, 1.041666666666667vw);
  -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 .products__itemButtonLink:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.shiseidoLx .products__note {
  font-size: clamp(0.833333333333333vw, 0.833333333333333vw, 0.833333333333333vw);
  line-height: 1.666666666666667;
  letter-spacing: 0.08em;
  margin-top: clamp(3.333333333333333vw, 3.333333333333333vw, 3.333333333333333vw);
}
.shiseidoLx .products__sliderArrow {
  display: none;
}
.shiseidoLx .products__sliderMeters {
  display: none;
}
@media screen and (max-width: 812px) {
  .shiseidoLx .products {
    padding: 0vw 0 26.13333333333333vw;
    overflow: hidden;
  }
  .shiseidoLx .products--black {
    padding: 13.866666666666665vw 0 16vw;
  }
  .shiseidoLx .products--black .products__list {
    margin-left: 0vw;
  }
  .shiseidoLx .products--black .products__item--1 .products__itemButton {
    margin-top: 7.466666666666668vw;
  }
  .shiseidoLx .products--black .products__item--2 {
    margin-left: 0vw;
  }
  .shiseidoLx .products--black .products__item--3 {
    margin-left: 0vw;
  }
  .shiseidoLx .products--black .products__itemImage--1 {
    width: 58.56vw;
    height: 44.4vw;
    top: -10.666666666666668vw;
    left: 1.6vw;
  }
  .shiseidoLx .products--black .products__itemImage--2 {
    width: 23.759999999999998vw;
    height: 62.4vw;
    top: -8vw;
    left: -0.533333333333333vw;
  }
  .shiseidoLx .products--black .products__itemImage--3 {
    width: 57.84vw;
    height: 42vw;
    top: -8.533333333333333vw;
    left: -0.8vw;
  }
  .shiseidoLx .products--black .products__itemName {
    margin-top: 4.533333333333333vw;
  }
  .shiseidoLx .products--black .products__itemPrice {
    margin-top: 3.733333333333334vw;
  }
  .shiseidoLx .products--black .products__itemButtonLink {
    background-color: #fff;
    color: #000 !important;
  }
  .shiseidoLx .products--black .products__slider {
    display: block;
  }
  .shiseidoLx .products--black .products__sliderMeter {
    background-color: #fff;
  }
  .shiseidoLx .products--black .products__sliderArrow--right .products__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%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }
  .shiseidoLx .products--black .products__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%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }
  .shiseidoLx .products__slider {
    position: relative;
    width: 100%;
  }
  .shiseidoLx .products__sliderBox {
    position: relative;
    white-space: nowrap;
  }
  .shiseidoLx .products__list {
    display: block;
    margin-left: 0vw;
    white-space: nowrap;
    font-size: 0;
  }
  .shiseidoLx .products__list .scrollPhotosClone {
    display: inline-block;
  }
  .shiseidoLx .products__item {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    vertical-align: bottom;
    z-index: 2;
    padding-top: 12.8vw;
  }
  .shiseidoLx .products__item--1 {
    margin-left: 0;
  }
  .shiseidoLx .products__item--2 {
    margin-left: 0vw;
  }
  .shiseidoLx .products__item--3 {
    margin-left: 0vw;
    overflow: visible;
  }
  .shiseidoLx .products__item--4 {
    margin-left: 0vw;
  }
  .shiseidoLx .products__itemImage {
    position: relative;
    margin: 0 auto;
    top: 0vw;
    left: 0vw;
  }
  .shiseidoLx .products__itemImage--1,
  .shiseidoLx .products__itemImage--2 {
    width: 72vw;
    height: 72vw;
    top: -6vw;
    left: 0vw;
  }
  .shiseidoLx .products__itemImage--2 {
    top: -11vw;
    left: 0vw;
  }
  .shiseidoLx .products__itemImage--3 {
    width: 61.919999999999995vw;
    height: 36vw;
    top: -19vw;
    left: -2.666666666666667vw;
  }
  .shiseidoLx .products__itemImage--4 {
    width: 35.28000000000001vw;
    height: 72vw;
    top: -2vw;
  }
  .shiseidoLx .products__itemCopy {
    font-size: 3.733333333333334vw;
    line-height: 1.428571428571429;
    text-align: center;
  }
  .shiseidoLx .products__itemName {
    font-size: 3.733333333333334vw;
    line-height: 1.428571428571429;
    margin-top: 4.533333333333333vw;
  }
  .shiseidoLx .products__itemPrice {
    font-size: 3.2vw;
    margin-top: 3.733333333333334vw;
  }
  .shiseidoLx .products__itemButton {
    margin-top: 7.466666666666668vw;
  }
  .shiseidoLx .products__itemButtonLink {
    font-size: 3.733333333333334vw;
    padding: 4vw 9.2vw 3.2vw;
  }
  .shiseidoLx .products__itemButtonLink:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoLx .products__note {
    width: 89.33333333333333vw;
    margin: 0 auto;
    font-size: 2.666666666666667vw;
    line-height: 1.8;
    margin-top: 14.666666666666666vw;
    text-align: left;
  }
  .shiseidoLx .products__sliderArrow {
    display: block;
    position: absolute;
    top: 42.66666666666667vw;
    left: 5.333333333333334vw;
    width: 3.2vw;
    height: 5.333333333333334vw;
    z-index: 10;
  }
  .shiseidoLx .products__sliderArrow--right {
    left: auto;
    right: 5.333333333333334vw;
  }
  .shiseidoLx .products__sliderArrow--right .products__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 .products__sliderArrowLink {
    display: block;
  }
  .shiseidoLx .products__sliderArrowLink:before {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    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 .products__sliderArrowLink {
    display: block;
width
  }
  .shiseidoLx .products__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: 10.666666666666668vw;
  }
  .shiseidoLx .products__sliderMeter {
    width: 12.266666666666666vw;
    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 .products__sliderMeter:first-child {
    margin-left: 0;
  }
  .shiseidoLx .products__sliderMeter.scrollPhotosActive {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
.shiseidoLx .special {
  position: relative;
  padding-top: clamp(7.569444444444444vw, 7.569444444444444vw, 7.569444444444444vw);
}
.shiseidoLx .special.inview--on .shiseidoLx__blockBg {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 880ms ease;
  -moz-transition: opacity 880ms ease;
  -o-transition: opacity 880ms ease;
  -ms-transition: opacity 880ms ease;
  transition: opacity 880ms ease;
}
.shiseidoLx .special__title {
  position: relative;
  width: clamp(80vw, 80vw, 80vw);
  margin: 0 auto 0;
  font-size: clamp(2.777777777777778vw, 2.777777777777778vw, 2.777777777777778vw);
  letter-spacing: 0.03em;
  text-align: center;
}
.shiseidoLx .special__title:before,
.shiseidoLx .special__title:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: clamp(25.27777777777778vw, 25.27777777777778vw, 25.27777777777778vw);
  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 .special__title: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%);
  clip-path: inset(0 0 0 100%);
}
.shiseidoLx .special__title: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%);
  clip-path: inset(0 100% 0 0);
}
.shiseidoLx .special__title.inview--on .special__titleText {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shiseidoLx .special__title.inview--on:before,
.shiseidoLx .special__title.inview--on:after {
  clip-path: inset(0 0 0 0);
  -webkit-transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shiseidoLx .special__titleText {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .special__movie {
  position: relative;
  width: clamp(54.166666666666664vw, 54.166666666666664vw, 54.166666666666664vw);
  height: clamp(30.555555555555557vw, 30.555555555555557vw, 30.555555555555557vw);
  margin: clamp(4.027777777777778vw, 4.027777777777778vw, 4.027777777777778vw) auto 0;
  overflow: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .special__movie > div,
.shiseidoLx .special__movie 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: 101%;
  height: 101%;
}
.shiseidoLx .special__movie.inview--on {
  -webkit-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .special__product {
  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;
  width: clamp(70.90277777777779vw, 70.90277777777779vw, 70.90277777777779vw);
  margin: 0 0 clamp(7.430555555555555vw, 7.430555555555555vw, 7.430555555555555vw) clamp(13.194444444444445vw, 13.194444444444445vw, 13.194444444444445vw);
  padding-top: clamp(6.875000000000001vw, 6.875000000000001vw, 6.875000000000001vw);
}
.shiseidoLx .special__product.inview--on .lineup__background img {
  -webkit-transition: opacity 840ms ease, -webkit-transform 2200ms ease;
  -moz-transition: opacity 840ms ease, -moz-transform 2200ms ease;
  -o-transition: opacity 840ms ease, -o-transform 2200ms ease;
  -ms-transition: opacity 840ms ease, -ms-transform 2200ms ease;
  transition: opacity 840ms ease, transform 2200ms 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 .special__product.inview--on .lineup__detail {
  -webkit-transition: opacity 840ms 340ms ease;
  -moz-transition: opacity 840ms 340ms ease;
  -o-transition: opacity 840ms 340ms ease;
  -ms-transition: opacity 840ms 340ms ease;
  transition: opacity 840ms 340ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .special__product .lineup__background {
  width: clamp(36.80555555555556vw, 36.80555555555556vw, 36.80555555555556vw);
  height: clamp(36.80555555555556vw, 36.80555555555556vw, 36.80555555555556vw);
  overflow: hidden;
}
.shiseidoLx .special__product .lineup__background img {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  will-change: transform, opacity;
  -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 .special__product .lineup__tag {
  text-decoration: underline;
  text-underline-offset: clamp(0.416666666666667vw, 0.416666666666667vw, 0.416666666666667vw);
}
.shiseidoLx .special__product .lineup__name {
  margin-top: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
}
.shiseidoLx .special__product .lineup__detail {
  width: clamp(30vw, 30vw, 30vw);
  margin-left: clamp(4.097222222222222vw, 4.097222222222222vw, 4.097222222222222vw);
  text-align: left;
}
.shiseidoLx .special__product .lineup__storeButton--product {
  margin-left: 0;
}
@media screen and (max-width: 812px) {
  .shiseidoLx .special {
    padding-top: 14.666666666666666vw;
  }
  .shiseidoLx .special__title {
    width: 88.53333333333333vw;
    font-size: 5.333333333333334vw;
  }
  .shiseidoLx .special__title:before,
  .shiseidoLx .special__title:after {
    width: 16vw;
  }
  .shiseidoLx .special__movie {
    position: relative;
    width: 89.33333333333333vw;
    height: 89.33333333333333vw;
    margin: 8vw auto 0;
    overflow: hidden;
  }
  .shiseidoLx .special__movie > div,
  .shiseidoLx .special__movie 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: 134%;
    height: 134%;
  }
  .shiseidoLx .special__product {
    display: block;
    width: 89.33333333333333vw;
    margin: 0 auto 18.666666666666668vw;
    padding-top: 15.466666666666667vw;
  }
  .shiseidoLx .special__product .lineup__background {
    width: 89.33333333333333vw;
    height: 89.33333333333333vw;
  }
  .shiseidoLx .special__product .lineup__tag {
    text-underline-offset: 1.6vw;
  }
  .shiseidoLx .special__product .lineup__name {
    margin-top: 4.266666666666667vw;
    white-space: wrap;
    letter-spacing: 0.16em;
  }
  .shiseidoLx .special__product .lineup__detail {
    width: 89.33333333333333vw;
    margin: 5.333333333333334vw auto 0;
  }
}
.shiseidoLx .technology {
  padding-top: clamp(9.583333333333334vw, 9.583333333333334vw, 9.583333333333334vw);
}
.shiseidoLx .technology__title {
  position: relative;
  width: clamp(80vw, 80vw, 80vw);
  margin: 0 auto;
  font-size: clamp(2.777777777777778vw, 2.777777777777778vw, 2.777777777777778vw);
  letter-spacing: 0.03em;
  text-align: center;
}
.shiseidoLx .technology__title:before,
.shiseidoLx .technology__title:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: clamp(26.38888888888889vw, 26.38888888888889vw, 26.38888888888889vw);
  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 .technology__title: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%);
  clip-path: inset(0 0 0 100%);
}
.shiseidoLx .technology__title: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%);
  clip-path: inset(0 100% 0 0);
}
.shiseidoLx .technology__title.inview--on .technology__titleText {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shiseidoLx .technology__title.inview--on:before,
.shiseidoLx .technology__title.inview--on:after {
  clip-path: inset(0 0 0 0);
  -webkit-transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: clip-path 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shiseidoLx .technology__titleText {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .technology__list {
  margin-top: clamp(5.555555555555555vw, 5.555555555555555vw, 5.555555555555555vw);
}
.shiseidoLx .technology__item {
  position: relative;
  height: clamp(22.916666666666664vw, 22.916666666666664vw, 22.916666666666664vw);
}
.shiseidoLx .technology__item:nth-child(2) {
  margin-top: clamp(2.291666666666667vw, 2.291666666666667vw, 2.291666666666667vw);
}
.shiseidoLx .technology__item.inview--on .technology__visual,
.shiseidoLx .technology__item.inview--on .technology__texts {
  -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);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .technology__item.inview--on .technology__visual img,
.shiseidoLx .technology__item.inview--on .technology__texts img {
  -webkit-transition: opacity 840ms ease, -webkit-transform 1600ms ease;
  -moz-transition: opacity 840ms ease, -moz-transform 1600ms ease;
  -o-transition: opacity 840ms ease, -o-transform 1600ms ease;
  -ms-transition: opacity 840ms ease, -ms-transform 1600ms ease;
  transition: opacity 840ms ease, transform 1600ms 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 .technology__item--1 .technology__content {
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.shiseidoLx .technology__item--1 .technology__visual {
  width: clamp(34.02777777777778vw, 34.02777777777778vw, 34.02777777777778vw);
  height: clamp(22.916666666666664vw, 22.916666666666664vw, 22.916666666666664vw);
  margin-left: clamp(6.944444444444445vw, 6.944444444444445vw, 6.944444444444445vw);
}
.shiseidoLx .technology__item--1 .technology__texts {
  width: clamp(29.86111111111111vw, 29.86111111111111vw, 29.86111111111111vw);
}
.shiseidoLx .technology__item--2 .technology__visual {
  width: clamp(34.02777777777778vw, 34.02777777777778vw, 34.02777777777778vw);
  height: clamp(22.916666666666664vw, 22.916666666666664vw, 22.916666666666664vw);
}
.shiseidoLx .technology__item--2 .technology__texts {
  width: clamp(29.86111111111111vw, 29.86111111111111vw, 29.86111111111111vw);
  margin-left: clamp(5.555555555555555vw, 5.555555555555555vw, 5.555555555555555vw);
}
.shiseidoLx .technology__background {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.shiseidoLx .technology__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: scale(1.09) translate3d(0, 0, 0);
  -moz-transform: scale(1.09) translate3d(0, 0, 0);
  -o-transform: scale(1.09) translate3d(0, 0, 0);
  -ms-transform: scale(1.09) translate3d(0, 0, 0);
  transform: scale(1.09) translate3d(0, 0, 0);
}
.shiseidoLx .technology__content {
  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;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}
.shiseidoLx .technology__visual {
  overflow: hidden;
}
.shiseidoLx .technology__visual img {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  will-change: transform, opacity;
  -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 .technology__texts {
  display: inline-block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .technology__lead {
  font-size: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
  line-height: 1.6;
  letter-spacing: 0.24em;
}
.shiseidoLx .technology__description {
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  line-height: 1.857142857142857;
  letter-spacing: 0.08em;
  margin-top: clamp(1.041666666666667vw, 1.041666666666667vw, 1.041666666666667vw);
}
.shiseidoLx .technology__description .lxSuperscript {
  font-size: clamp(0.625vw, 0.625vw, 0.625vw);
  letter-spacing: 0.22em;
  -webkit-transform: translate3d(0, -30%, 0);
  -moz-transform: translate3d(0, -30%, 0);
  -o-transform: translate3d(0, -30%, 0);
  -ms-transform: translate3d(0, -30%, 0);
  transform: translate3d(0, -30%, 0);
}
.shiseidoLx .technology__note {
  width: clamp(72.63888888888889vw, 72.63888888888889vw, 72.63888888888889vw);
  font-size: clamp(0.833333333333333vw, 0.833333333333333vw, 0.833333333333333vw);
  line-height: 1.666666666666667;
  letter-spacing: 0.08em;
  color: #000;
  margin: clamp(4.166666666666666vw, 4.166666666666666vw, 4.166666666666666vw) auto 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .technology__note.inview--on {
  -webkit-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media screen and (max-width: 812px) {
  .shiseidoLx .technology {
    padding-top: 24vw;
  }
  .shiseidoLx .technology__title {
    width: 89.33333333333333vw;
    font-size: 5.333333333333334vw;
  }
  .shiseidoLx .technology__title:before,
  .shiseidoLx .technology__title:after {
    width: 21.333333333333336vw;
  }
  .shiseidoLx .technology__list {
    margin-top: 11.733333333333333vw;
  }
  .shiseidoLx .technology__item {
    height: 114.93333333333334vw;
  }
  .shiseidoLx .technology__item:nth-child(2) {
    margin-top: 10.666666666666668vw;
  }
  .shiseidoLx .technology__item--1 .technology__visual {
    width: 89.33333333333333vw;
    height: 60vw;
    margin: 0 auto 0;
  }
  .shiseidoLx .technology__item--1 .technology__texts {
    width: 89.33333333333333vw;
  }
  .shiseidoLx .technology__item--2 {
    height: 110.93333333333332vw;
  }
  .shiseidoLx .technology__item--2 .technology__visual {
    width: 89.33333333333333vw;
    height: 60vw;
    margin-left: auto;
  }
  .shiseidoLx .technology__item--2 .technology__texts {
    width: 89.33333333333333vw;
    margin: 8vw auto 0;
  }
  .shiseidoLx .technology__item--2 .technology__note {
    width: 100%;
    margin-top: 9.333333333333334vw;
  }
  .shiseidoLx .technology__background img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
  }
  .shiseidoLx .technology__content {
    display: block;
  }
  .shiseidoLx .technology__visual {
    margin: 0 auto;
  }
  .shiseidoLx .technology__texts {
    display: block;
    width: 89.33333333333333vw;
    margin: 6.666666666666667vw auto 0;
  }
  .shiseidoLx .technology__lead {
    font-size: 4.266666666666667vw;
    line-height: 1.75;
    letter-spacing: 0.24em;
    text-align: center;
  }
  .shiseidoLx .technology__description {
    font-size: 3.2vw;
    line-height: 2;
    text-align: justify;
    margin-top: 3.733333333333334vw;
  }
  .shiseidoLx .technology__description .lxSuperscript {
    font-size: 2vw;
    letter-spacing: 0.21em;
    -webkit-transform: translate3d(0, -28%, 0);
    -moz-transform: translate3d(0, -28%, 0);
    -o-transform: translate3d(0, -28%, 0);
    -ms-transform: translate3d(0, -28%, 0);
    transform: translate3d(0, -28%, 0);
  }
  .shiseidoLx .technology__note {
    width: 89.33333333333333vw;
    font-size: 2.666666666666667vw;
    line-height: 1.8;
    text-align: justify;
    margin-top: 9.333333333333334vw;
  }
}
.shiseidoLx {
  background-color: #000;
}
.shiseidoLx__block {
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
}
.shiseidoLx__block--1 {
  top: calc(100svh - ((11165 - 410) / 1440 * 100vw) + 130px);
  padding-bottom: clamp(20.833333333333336vw, 20.833333333333336vw, 20.833333333333336vw);
}
.shiseidoLx__block--2 {
  margin-top: clamp(10.416666666666668vw, 10.416666666666668vw, 10.416666666666668vw);
  top: calc(100svh - (3166 / 1440 * 100vw));
}
.shiseidoLx__blockBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx button#add-to-cart.button.add-to-cart.ignore,
.shiseidoLx div.product-form-actions.add-to-cart-out-of-stock,
.shiseidoLx button#add-to-cart.button.outline.disabled {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.shiseidoLxHeight {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}
.lxSuperscript {
  display: inline-block;
  letter-spacing: 0.22em;
  -webkit-transform: translate3d(0, -20%, 0);
  -moz-transform: translate3d(0, -20%, 0);
  -o-transform: translate3d(0, -20%, 0);
  -ms-transform: translate3d(0, -20%, 0);
  transform: translate3d(0, -20%, 0);
}
.lxInviewFade {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.lxInviewFade.inview--on {
  -webkit-transition: opacity 800ms ease;
  -moz-transition: opacity 800ms ease;
  -o-transition: opacity 800ms ease;
  -ms-transition: opacity 800ms ease;
  transition: opacity 800ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.lxInviewFade.about__video {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.lxInviewFade.about__video.inview--on_video {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
footer {
  overflow: hidden;
}
.fontplus-trial-banner {
  display: none !important;
}
@media screen and (max-width: 812px) {
  .shiseidoLx__block {
    position: sticky;
    width: 100%;
    top: 0;
    left: 0;
  }
  .shiseidoLx__block--1 {
    top: calc(100svh - (10689 / 375 * 100vw));
    padding-bottom: 80vw;
  }
  .shiseidoLx__block--2 {
    top: calc(100svh - (2966 / 375 * 100vw));
    margin-top: 80vw;
  }
}