@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';
  -webkit-font-smoothing: antialiased;
}
.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;
}
_::-webkit-full-page-media,
_:future,
:root .f-tazuganeL {
  -webkit-font-smoothing: antialiased;
}
.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;
}
.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;
    -webkit-font-smoothing: antialiased;
  }
  .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 {
  color: #fff;
  text-align: center;
  padding: clamp(8.055555555555555vw, 8.055555555555555vw, 8.055555555555555vw) 0 clamp(11.38888888888889vw, 11.38888888888889vw, 11.38888888888889vw);
}
.shiseidoLx .about__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 .about__lead {
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  letter-spacing: 0.24em;
  line-height: 2.125;
  margin-top: clamp(1.944444444444444vw, 1.944444444444444vw, 1.944444444444444vw);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .about__video {
  position: relative;
  width: clamp(54.44444444444444vw, 54.44444444444444vw, 54.44444444444444vw);
  height: clamp(30.555555555555557vw, 30.555555555555557vw, 30.555555555555557vw);
  margin: clamp(4.861111111111112vw, 4.861111111111112vw, 4.861111111111112vw) auto 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .about__video--playing:before {
  display: none;
}
.shiseidoLx .about__video:hover:before {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.shiseidoLx .about__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 .about__video video,
.shiseidoLx .about__video .video-js,
.shiseidoLx .about__video .vjs-tech {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  height: auto;
}
.shiseidoLx .about__video video:hover .vjs-big-play-button,
.shiseidoLx .about__video .video-js:hover .vjs-big-play-button,
.shiseidoLx .about__video .vjs-tech:hover .vjs-big-play-button {
  background-color: rgba(0,0,0,0.9);
  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.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.shiseidoLx .about__video .vjs-big-play-button {
  background-color: rgba(0,0,0,0.9);
  border: 1px solid #c9b17d;
  width: clamp(4.861111111111112vw, 4.861111111111112vw, 4.861111111111112vw);
  height: clamp(4.861111111111112vw, 4.861111111111112vw, 4.861111111111112vw);
  -webkit-transform: translate3d(20%, 20%, 0);
  -moz-transform: translate3d(20%, 20%, 0);
  -o-transform: translate3d(20%, 20%, 0);
  -ms-transform: translate3d(20%, 20%, 0);
  transform: translate3d(20%, 20%, 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 .about__video .vjs-big-play-button:hover {
  background-color: rgba(0,0,0,0.9);
}
.shiseidoLx .about__video .vjs-icon-placeholder:before {
  display: block !important;
}
@media screen and (max-width: 812px) {
  .shiseidoLx .about {
    padding: 18.4vw 0 31.466666666666665vw;
  }
  .shiseidoLx .about__title {
    font-size: 5.333333333333334vw;
  }
  .shiseidoLx .about__lead {
    font-size: 3.2vw;
    line-height: 2.5;
    margin-top: 8vw;
  }
  .shiseidoLx .about__video {
    width: 89.33333333333333vw;
    height: 50.13333333333333vw;
    margin: 16vw auto 0;
  }
  .shiseidoLx .about__video:hover:before {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoLx .about__video:before {
    width: 9.333333333333334vw;
    height: 9.333333333333334vw;
  }
  .shiseidoLx .about__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 .about__video .vjs-big-play-button:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
.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;
  color: #fff;
  height: clamp(56.458333333333336vw, 56.458333333333336vw, 56.458333333333336vw);
  text-align: center;
  margin-top: clamp(-11.11111111111111vw, -11.11111111111111vw, -11.11111111111111vw);
  overflow: hidden;
}
.shiseidoLx .charts.inview--on .charts__background {
  -webkit-transition: opacity 1040ms 700ms ease;
  -moz-transition: opacity 1040ms 700ms ease;
  -o-transition: opacity 1040ms 700ms ease;
  -ms-transition: opacity 1040ms 700ms ease;
  transition: opacity 1040ms 700ms ease;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.shiseidoLx .charts.inview--on .charts__background img {
  -webkit-transition: opacity 1040ms ease, -webkit-transform 1000ms cubic-bezier(0.255, 0.13, 0.545, 0.99), mask-position 3000ms ease;
  -moz-transition: opacity 1040ms ease, -moz-transform 1000ms cubic-bezier(0.255, 0.13, 0.545, 0.99), mask-position 3000ms ease;
  -o-transition: opacity 1040ms ease, -o-transform 1000ms cubic-bezier(0.255, 0.13, 0.545, 0.99), mask-position 3000ms ease;
  -ms-transition: opacity 1040ms ease, -ms-transform 1000ms cubic-bezier(0.255, 0.13, 0.545, 0.99), mask-position 3000ms ease;
  transition: opacity 1040ms ease, transform 1000ms cubic-bezier(0.255, 0.13, 0.545, 0.99), mask-position 3000ms 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;
  mask-position: 0vw center;
}
.shiseidoLx .charts.inview--on .charts__lead {
  -webkit-transition: opacity 640ms 1100ms ease;
  -moz-transition: opacity 640ms 1100ms ease;
  -o-transition: opacity 640ms 1100ms ease;
  -ms-transition: opacity 640ms 1100ms ease;
  transition: opacity 640ms 1100ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .charts.inview--on .charts__controller {
  -webkit-transition: opacity 640ms 1100ms ease;
  -moz-transition: opacity 640ms 1100ms ease;
  -o-transition: opacity 640ms 1100ms ease;
  -ms-transition: opacity 640ms 1100ms ease;
  transition: opacity 640ms 1100ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .charts.inview--on .charts__icon {
  -webkit-transition: -webkit-transform 1140ms 1100ms ease, opacity 1440ms 1100ms ease;
  -moz-transition: -moz-transform 1140ms 1100ms ease, opacity 1440ms 1100ms ease;
  -o-transition: -o-transform 1140ms 1100ms ease, opacity 1440ms 1100ms ease;
  -ms-transition: -ms-transform 1140ms 1100ms ease, opacity 1440ms 1100ms ease;
  transition: transform 1140ms 1100ms ease, opacity 1440ms 1100ms 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 1700ms linear;
  -moz-transition: -moz-transform 110ms 1700ms linear;
  -o-transition: -o-transform 110ms 1700ms linear;
  -ms-transition: -ms-transform 110ms 1700ms linear;
  transition: transform 110ms 1700ms 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 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(1):before,
.shiseidoLx .charts.inview--on .charts__box:nth-child(1):after {
  -webkit-transition: -webkit-transform 60ms 2140ms linear, clip-path 60ms 2140ms linear;
  -moz-transition: -moz-transform 60ms 2140ms linear, clip-path 60ms 2140ms linear;
  -o-transition: -o-transform 60ms 2140ms linear, clip-path 60ms 2140ms linear;
  -ms-transition: -ms-transform 60ms 2140ms linear, clip-path 60ms 2140ms linear;
  transition: transform 60ms 2140ms linear, clip-path 60ms 2140ms 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 1660ms ease, opacity 940ms 1660ms ease;
  -moz-transition: -moz-transform 940ms 1660ms ease, opacity 940ms 1660ms ease;
  -o-transition: -o-transform 940ms 1660ms ease, opacity 940ms 1660ms ease;
  -ms-transition: -ms-transform 940ms 1660ms ease, opacity 940ms 1660ms ease;
  transition: transform 940ms 1660ms ease, opacity 940ms 1660ms 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 2220ms linear, clip-path 60ms 2220ms linear;
  -moz-transition: -moz-transform 60ms 2220ms linear, clip-path 60ms 2220ms linear;
  -o-transition: -o-transform 60ms 2220ms linear, clip-path 60ms 2220ms linear;
  -ms-transition: -ms-transform 60ms 2220ms linear, clip-path 60ms 2220ms linear;
  transition: transform 60ms 2220ms linear, clip-path 60ms 2220ms 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 1800ms ease, opacity 940ms 1800ms ease;
  -moz-transition: -moz-transform 940ms 1800ms ease, opacity 940ms 1800ms ease;
  -o-transition: -o-transform 940ms 1800ms ease, opacity 940ms 1800ms ease;
  -ms-transition: -ms-transform 940ms 1800ms ease, opacity 940ms 1800ms ease;
  transition: transform 940ms 1800ms ease, opacity 940ms 1800ms 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 2300ms linear, clip-path 60ms 2300ms linear;
  -moz-transition: -moz-transform 60ms 2300ms linear, clip-path 60ms 2300ms linear;
  -o-transition: -o-transform 60ms 2300ms linear, clip-path 60ms 2300ms linear;
  -ms-transition: -ms-transform 60ms 2300ms linear, clip-path 60ms 2300ms linear;
  transition: transform 60ms 2300ms linear, clip-path 60ms 2300ms 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 1940ms ease, opacity 940ms 1940ms ease;
  -moz-transition: -moz-transform 940ms 1940ms ease, opacity 940ms 1940ms ease;
  -o-transition: -o-transform 940ms 1940ms ease, opacity 940ms 1940ms ease;
  -ms-transition: -ms-transform 940ms 1940ms ease, opacity 940ms 1940ms ease;
  transition: transform 940ms 1940ms ease, opacity 940ms 1940ms 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 2380ms linear, clip-path 60ms 2380ms linear;
  -moz-transition: -moz-transform 60ms 2380ms linear, clip-path 60ms 2380ms linear;
  -o-transition: -o-transform 60ms 2380ms linear, clip-path 60ms 2380ms linear;
  -ms-transition: -ms-transform 60ms 2380ms linear, clip-path 60ms 2380ms linear;
  transition: transform 60ms 2380ms linear, clip-path 60ms 2380ms 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 2080ms ease, opacity 940ms 2080ms ease;
  -moz-transition: -moz-transform 940ms 2080ms ease, opacity 940ms 2080ms ease;
  -o-transition: -o-transform 940ms 2080ms ease, opacity 940ms 2080ms ease;
  -ms-transition: -ms-transform 940ms 2080ms ease, opacity 940ms 2080ms ease;
  transition: transform 940ms 2080ms ease, opacity 940ms 2080ms 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 2460ms linear, clip-path 60ms 2460ms linear;
  -moz-transition: -moz-transform 60ms 2460ms linear, clip-path 60ms 2460ms linear;
  -o-transition: -o-transform 60ms 2460ms linear, clip-path 60ms 2460ms linear;
  -ms-transition: -ms-transform 60ms 2460ms linear, clip-path 60ms 2460ms linear;
  transition: transform 60ms 2460ms linear, clip-path 60ms 2460ms 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 2220ms ease, opacity 940ms 2220ms ease;
  -moz-transition: -moz-transform 940ms 2220ms ease, opacity 940ms 2220ms ease;
  -o-transition: -o-transform 940ms 2220ms ease, opacity 940ms 2220ms ease;
  -ms-transition: -ms-transform 940ms 2220ms ease, opacity 940ms 2220ms ease;
  transition: transform 940ms 2220ms ease, opacity 940ms 2220ms 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 2540ms linear, clip-path 60ms 2540ms linear;
  -moz-transition: -moz-transform 60ms 2540ms linear, clip-path 60ms 2540ms linear;
  -o-transition: -o-transform 60ms 2540ms linear, clip-path 60ms 2540ms linear;
  -ms-transition: -ms-transform 60ms 2540ms linear, clip-path 60ms 2540ms linear;
  transition: transform 60ms 2540ms linear, clip-path 60ms 2540ms 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: 2755ms !important;
  -moz-transition-delay: 2755ms !important;
  -o-transition-delay: 2755ms !important;
  -ms-transition-delay: 2755ms !important;
  transition-delay: 2755ms !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: 2755ms !important;
  -moz-transition-delay: 2755ms !important;
  -o-transition-delay: 2755ms !important;
  -ms-transition-delay: 2755ms !important;
  transition-delay: 2755ms !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;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .charts__content {
  position: relative;
  margin-top: clamp(4.166666666666666vw, 4.166666666666666vw, 4.166666666666666vw);
  -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% + (501 / 1440 * 100vw));
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.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);
  right: 100%;
  width: clamp(3.819444444444445vw, 3.819444444444445vw, 3.819444444444445vw);
  height: 2px;
  background: -webkit-linear-gradient(355deg, #caa658 0%, #e4d19d 37%, #e4d19d 65%, #caa658 100%);
  background: -moz-linear-gradient(355deg, #caa658 0%, #e4d19d 37%, #e4d19d 65%, #caa658 100%);
  background: -o-linear-gradient(355deg, #caa658 0%, #e4d19d 37%, #e4d19d 65%, #caa658 100%);
  background: -ms-linear-gradient(355deg, #caa658 0%, #e4d19d 37%, #e4d19d 65%, #caa658 100%);
  background: linear-gradient(95deg, #caa658 0%, #e4d19d 37%, #e4d19d 65%, #caa658 100%);
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}
.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(31.944444444444443vw, 31.944444444444443vw, 31.944444444444443vw);
  margin-left: clamp(2.013888888888889vw, 2.013888888888889vw, 2.013888888888889vw);
  background-color: rgba(0,0,0,0.6);
  border: 1px solid #c9b17d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.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% + 1px);
  width: clamp(2.152777777777778vw, 2.152777777777778vw, 2.152777777777778vw);
  height: 2px;
  background: -webkit-linear-gradient(355deg, #caa658 0%, #e4d19d 37%, #e4d19d 65%, #caa658 100%);
  background: -moz-linear-gradient(355deg, #caa658 0%, #e4d19d 37%, #e4d19d 65%, #caa658 100%);
  background: -o-linear-gradient(355deg, #caa658 0%, #e4d19d 37%, #e4d19d 65%, #caa658 100%);
  background: -ms-linear-gradient(355deg, #caa658 0%, #e4d19d 37%, #e4d19d 65%, #caa658 100%);
  background: linear-gradient(95deg, #caa658 0%, #e4d19d 37%, #e4d19d 65%, #caa658 100%);
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}
.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.708333333333332vw, 12.708333333333332vw, 12.708333333333332vw);
}
.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 {
  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%2029%2012%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%22M19%200.226562L29%206.00007L19%2011.7736V7.00007H0V5.00007H19V0.226562Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E%0A");
  width: clamp(2.222222222222222vw, 2.222222222222222vw, 2.222222222222222vw);
  height: clamp(1.041666666666667vw, 1.041666666666667vw, 1.041666666666667vw);
  top: calc((123.5 / 1440 * 100vw));
  -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, 0 0, 0 100%, 0% 100%);
}
.shiseidoLx .charts__box--5 .charts__boxTitle {
  margin-top: clamp(1.25vw, 1.25vw, 1.25vw);
}
.shiseidoLx .charts__box--5:before {
  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%2030%2012%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%22M20%200.226562L30%206.00007L20%2011.7736V7.00007H0V5.00007H20V0.226562Z%22%20fill%3D%22url(%23paint0_linear_287_2)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_287_2%22%20x1%3D%225.46792%22%20y1%3D%226.00007%22%20x2%3D%2224.5876%22%20y2%3D%226.00007%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23CAA658%22%2F%3E%3Cstop%20offset%3D%220.365%22%20stop-color%3D%22%23E4D19D%22%2F%3E%3Cstop%20offset%3D%220.652739%22%20stop-color%3D%22%23E4D19D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CAA658%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A");
  width: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
  height: clamp(1.041666666666667vw, 1.041666666666667vw, 1.041666666666667vw);
  top: calc((133 / 1440 * 100vw));
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.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__box:nth-child(odd) {
  -webkit-transform: translate3d(0, -6%, 0);
  -moz-transform: translate3d(0, -6%, 0);
  -o-transform: translate3d(0, -6%, 0);
  -ms-transform: translate3d(0, -6%, 0);
  transform: translate3d(0, -6%, 0);
}
.shiseidoLx .charts__box:nth-child(even) {
  -webkit-transform: translate3d(0, 6%, 0);
  -moz-transform: translate3d(0, 6%, 0);
  -o-transform: translate3d(0, 6%, 0);
  -ms-transform: translate3d(0, 6%, 0);
  transform: translate3d(0, 6%, 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);
}
.shiseidoLx .charts__controller {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
@media screen and (max-width: 812px) {
  .shiseidoLx .charts {
    height: auto;
    text-align: center;
    margin-top: 26.666666666666668vw;
  }
  .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;
    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.333333333333334vw;
    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.8vw;
  }
  .shiseidoLx .charts__box--4 {
    height: 31.674666666666667vw;
    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 {
    width: 5.600000000000001vw;
    height: 2.266666666666667vw;
    top: 14.213333333333333vw;
  }
  .shiseidoLx .charts__box--5 .charts__boxTitle {
    margin-top: 2.933333333333333vw;
  }
  .shiseidoLx .charts__box--5:before {
    width: 5.333333333333334vw;
    height: 2.133333333333333vw;
    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__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(201,177,125,0.4);
  }
  .shiseidoLx .charts__controllerButton {
    position: absolute;
    width: 37.6vw;
    height: 100%;
    background-color: #c9b17d;
    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.24em;
  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 {
    font-size: 3.2vw;
    line-height: 2.166666666666667;
    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;
  height: clamp(42.84722222222222vw, 42.84722222222222vw, 42.84722222222222vw);
  color: #c9b17d;
  padding-top: clamp(14.097222222222221vw, 14.097222222222221vw, 14.097222222222221vw);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.shiseidoLx .concept.inview--on .concept__background {
  -webkit-transition: opacity 1040ms 1000ms ease;
  -moz-transition: opacity 1040ms 1000ms ease;
  -o-transition: opacity 1040ms 1000ms ease;
  -ms-transition: opacity 1040ms 1000ms ease;
  transition: opacity 1040ms 1000ms ease;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.shiseidoLx .concept.inview--on .concept__background img {
  -webkit-transition: opacity 2840ms ease, -webkit-transform 1000ms ease, mask-position 3000ms ease;
  -moz-transition: opacity 2840ms ease, -moz-transform 1000ms ease, mask-position 3000ms ease;
  -o-transition: opacity 2840ms ease, -o-transform 1000ms ease, mask-position 3000ms ease;
  -ms-transition: opacity 2840ms ease, -ms-transform 1000ms ease, mask-position 3000ms ease;
  transition: opacity 2840ms ease, transform 1000ms ease, mask-position 3000ms 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;
  mask-position: 0vw center;
}
.shiseidoLx .concept.inview--on .concept__button--1 {
  -webkit-transition: opacity 1240ms 1100ms ease, -webkit-transform 1240ms 1100ms ease;
  -moz-transition: opacity 1240ms 1100ms ease, -moz-transform 1240ms 1100ms ease;
  -o-transition: opacity 1240ms 1100ms ease, -o-transform 1240ms 1100ms ease;
  -ms-transition: opacity 1240ms 1100ms ease, -ms-transform 1240ms 1100ms ease;
  transition: opacity 1240ms 1100ms ease, transform 1240ms 1100ms ease;
}
.shiseidoLx .concept.inview--on .concept__button--2 {
  -webkit-transition: opacity 1240ms 1400ms ease, -webkit-transform 1240ms 1400ms ease;
  -moz-transition: opacity 1240ms 1400ms ease, -moz-transform 1240ms 1400ms ease;
  -o-transition: opacity 1240ms 1400ms ease, -o-transform 1240ms 1400ms ease;
  -ms-transition: opacity 1240ms 1400ms ease, -ms-transform 1240ms 1400ms ease;
  transition: opacity 1240ms 1400ms ease, transform 1240ms 1400ms ease;
}
.shiseidoLx .concept.inview--on .concept__button--3 {
  -webkit-transition: opacity 1240ms 1700ms ease, -webkit-transform 1240ms 1700ms ease;
  -moz-transition: opacity 1240ms 1700ms ease, -moz-transform 1240ms 1700ms ease;
  -o-transition: opacity 1240ms 1700ms ease, -o-transform 1240ms 1700ms ease;
  -ms-transition: opacity 1240ms 1700ms ease, -ms-transform 1240ms 1700ms ease;
  transition: opacity 1240ms 1700ms ease, transform 1240ms 1700ms ease;
}
.shiseidoLx .concept.inview--on .concept__button--1,
.shiseidoLx .concept.inview--on .concept__button--2,
.shiseidoLx .concept.inview--on .concept__button--3 {
  -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 1100ms ease;
  -moz-transition: opacity 840ms 1100ms ease;
  -o-transition: opacity 840ms 1100ms ease;
  -ms-transition: opacity 840ms 1100ms ease;
  transition: opacity 840ms 1100ms ease;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.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;
  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-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: clamp(2.777777777777778vw, 2.777777777777778vw, 2.777777777777778vw);
  z-index: 2;
}
.shiseidoLx .concept__button {
  width: clamp(20.416666666666668vw, 20.416666666666668vw, 20.416666666666668vw);
  height: clamp(5vw, 5vw, 5vw);
  margin-left: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
  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, -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__button--2 {
  -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__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;
  border: 1px solid currentColor;
  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: rgba(0,0,0,0.6);
  -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%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%23C9B17D%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%23C9B17D%22%2F%3E%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);
}
@media screen and (max-width: 812px) {
  .shiseidoLx .concept {
    height: 150.66666666666666vw;
    padding-top: 21.333333333333336vw;
  }
  .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__lead {
    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;
    margin-top: 9vw;
  }
  .shiseidoLx .concept__button {
    width: 78.4vw;
    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 {
    -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;
    border: 1px solid currentColor;
    padding-left: 7.466666666666668vw;
    padding-top: 0.533333333333333vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.6);
  }
  .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%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%23C9B17D%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%23C9B17D%22%2F%3E%3C%2Fsvg%3E%0A");
    width: 3.733333333333334vw;
    height: 3.733333333333334vw;
    top: 7.466666666666668vw;
    right: 8.266666666666666vw;
  }
  .shiseidoLx .concept__buttonLink:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
.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: #fff;
}
.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__background {
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .fv__text {
  position: absolute;
  top: clamp(11.11111111111111vw, 11.11111111111111vw, 11.11111111111111vw);
  left: clamp(17.708333333333336vw, 17.708333333333336vw, 17.708333333333336vw);
  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);
  line-height: 1.4;
  letter-spacing: 0.22em;
  font-weight: 600;
}
.shiseidoLx .fv__title span.f-tazuganeR {
  letter-spacing: 0.17em;
}
.shiseidoLx .fv__titleSecondary {
  font-size: clamp(1.25vw, 1.25vw, 1.25vw);
  letter-spacing: 0.16em;
  line-height: 1.777777777777778;
  margin-top: clamp(1.180555555555556vw, 1.180555555555556vw, 1.180555555555556vw);
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
  -webkit-font-smoothing: antialiased !important;
}
.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__background img {
  height: clamp(35.27777777777778vw, 35.27777777777778vw, 35.27777777777778vw);
}
.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: 9.866666666666667vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .shiseidoLx .fv__title {
    font-size: 4.266666666666667vw;
    line-height: 1.28125;
    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';
    -webkit-font-smoothing: antialiased !important;
  }
  .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: 2.666666666666667vw;
    -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__background img {
    height: 111.46666666666667vw;
  }
  .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 {
  text-align: center;
  color: #fff;
  overflow: hidden;
}
.shiseidoLx .lineup__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 .lineup__list {
  margin-top: clamp(2.986111111111111vw, 2.986111111111111vw, 2.986111111111111vw);
}
.shiseidoLx .lineup__item {
  position: relative;
  display: block;
  height: clamp(55.55555555555556vw, 55.55555555555556vw, 55.55555555555556vw);
}
.shiseidoLx .lineup__item.inview--on .lineup__awardLogo {
  -webkit-transition: opacity 640ms 640ms ease, -webkit-transform 640ms 640ms ease;
  -moz-transition: opacity 640ms 640ms ease, -moz-transform 640ms 640ms ease;
  -o-transition: opacity 640ms 640ms ease, -o-transform 640ms 640ms ease;
  -ms-transition: opacity 640ms 640ms ease, -ms-transform 640ms 640ms ease;
  transition: opacity 640ms 640ms ease, transform 640ms 640ms ease;
  -webkit-transform: scale(1) translate3d(0, 0, 0);
  -moz-transform: scale(1) translate3d(0, 0, 0);
  -o-transform: scale(1) translate3d(0, 0, 0);
  -ms-transform: scale(1) translate3d(0, 0, 0);
  transform: scale(1) translate3d(0, 0, 0);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoLx .lineup__item.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 .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 .lineup__detail {
  margin-left: clamp(10.76388888888889vw, 10.76388888888889vw, 10.76388888888889vw);
}
.shiseidoLx .lineup__item--2 .lineup__detail {
  margin-left: clamp(55.00000000000001vw, 55.00000000000001vw, 55.00000000000001vw);
}
.shiseidoLx .lineup__item--3 .lineup__detail {
  margin-left: clamp(11.25vw, 11.25vw, 11.25vw);
}
.shiseidoLx .lineup__item--4 .lineup__detail {
  margin-left: clamp(57.70833333333333vw, 57.70833333333333vw, 57.70833333333333vw);
}
.shiseidoLx .lineup__item--5 .lineup__detail {
  margin-left: clamp(10.972222222222221vw, 10.972222222222221vw, 10.972222222222221vw);
}
.shiseidoLx .lineup__item--6 {
  height: clamp(71.94444444444444vw, 71.94444444444444vw, 71.94444444444444vw);
}
.shiseidoLx .lineup__item--6 .lineup__detail {
  margin-left: clamp(60.55555555555555vw, 60.55555555555555vw, 60.55555555555555vw);
  top: clamp(7.847222222222222vw, 7.847222222222222vw, 7.847222222222222vw);
  -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__awardLogo {
  position: absolute;
  width: clamp(4.409722222222222vw, 4.409722222222222vw, 4.409722222222222vw);
  height: clamp(6.944444444444445vw, 6.944444444444445vw, 6.944444444444445vw);
  top: clamp(4.722222222222222vw, 4.722222222222222vw, 4.722222222222222vw);
  left: clamp(42.84722222222222vw, 42.84722222222222vw, 42.84722222222222vw);
  z-index: 3;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(0, 5%, 0);
  -moz-transform: translate3d(0, 5%, 0);
  -o-transform: translate3d(0, 5%, 0);
  -ms-transform: translate3d(0, 5%, 0);
  transform: translate3d(0, 5%, 0);
}
.shiseidoLx .lineup__background {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.shiseidoLx .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 .lineup__detail {
  position: relative;
  text-align: left;
  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);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoLx .lineup__tag {
  font-size: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
  letter-spacing: 0.03em;
  color: #c9b17d;
}
.shiseidoLx .lineup__name {
  font-size: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
  line-height: 1.6;
  letter-spacing: 0.2em;
  margin-top: clamp(0.555555555555556vw, 0.555555555555556vw, 0.555555555555556vw);
  white-space: nowrap;
}
.shiseidoLx .lineup__description {
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  line-height: 2;
  letter-spacing: 0.24em;
  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.736111111111111vw, 1.736111111111111vw, 1.736111111111111vw);
}
.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: 2px;
  height: calc(100% - (8 / 1440 * 100vw));
  background-color: #c9b17d;
}
.shiseidoLx .lineup__pointTitle {
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  line-height: 2.333333333333333;
  letter-spacing: 0.24em;
  color: #c9b17d;
}
.shiseidoLx .lineup__pointText {
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  line-height: 1.714285714285714;
  letter-spacing: 0.24em;
  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: #000;
  color: #c9b17d !important;
  border: 1px solid #c9b17d;
  -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%23C9B17D%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%23C9B17D%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: #c9b17d;
  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';
  -webkit-font-smoothing: antialiased;
  color: #000;
  background-color: #c9b17d;
  -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;
}
.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';
  -webkit-font-smoothing: antialiased;
}
.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;
  color: #c9b17d;
}
.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';
  -webkit-font-smoothing: antialiased;
  color: #000;
  background-color: #c9b17d;
  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");
  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: #fff;
  -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 {
    text-align: center;
    color: #fff;
  }
  .shiseidoLx .lineup__title {
    font-size: 5.333333333333334vw;
  }
  .shiseidoLx .lineup__list {
    margin-top: 10.666666666666668vw;
  }
  .shiseidoLx .lineup__item {
    height: auto;
    margin-top: 10.666666666666668vw;
  }
  .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--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__awardLogo {
    width: 13.546666666666665vw;
    height: 21.333333333333336vw;
    top: 4.266666666666667vw;
    left: auto;
    right: 5.600000000000001vw;
  }
  .shiseidoLx .lineup__background {
    position: relative;
    height: 100vw;
  }
  .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: 2.133333333333333vw;
  }
  .shiseidoLx .lineup__description {
    font-size: 3.2vw;
    line-height: 2.166666666666667;
    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: 4.301333333333333vw;
  }
  .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: 2px;
    height: calc(100% - (1 / 375 * 100vw));
  }
  .shiseidoLx .lineup__pointTitle {
    font-size: 3.2vw;
    line-height: 1;
  }
  .shiseidoLx .lineup__pointText {
    font-size: 3.2vw;
    line-height: 1.666666666666667;
    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: #000;
    background-color: #c9b17d !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    width: 100%;
    font-size: 3.733333333333334vw;
    letter-spacing: 0.08em;
    padding-top: 0vw;
    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: #c9b17d;
    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';
    -webkit-font-smoothing: antialiased;
  }
  .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 {
    font-size: 3.733333333333334vw;
    background-color: #c9b17d;
    color: #000;
    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--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__scrollBox {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  pointer-events: none;
}
.shiseidoLx .lxModal__closeButton {
  position: absolute;
  top: clamp(1.875vw, 1.875vw, 1.875vw);
  right: clamp(1.736111111111111vw, 1.736111111111111vw, 1.736111111111111vw);
  text-align: right;
  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);
  border: 1px solid #c9b17d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000;
}
.shiseidoLx .lxModal__wrapper {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 812px) {
  .shiseidoLx .lxModal--opened .lxModal__scrollBox {
    pointer-events: auto;
  }
  .shiseidoLx .lxModal__closeButton {
    top: 2vw;
    right: 2vw;
  }
  .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--3 {
  padding-bottom: clamp(5.555555555555555vw, 5.555555555555555vw, 5.555555555555555vw);
}
.shiseidoLx .modalContent--3 .modalContent__photo {
  width: clamp(31.874999999999996vw, 31.874999999999996vw, 31.874999999999996vw);
  height: clamp(20.97222222222222vw, 20.97222222222222vw, 20.97222222222222vw);
}
.shiseidoLx .modalContent--4 .modalContent__photo,
.shiseidoLx .modalContent--5 .modalContent__photo,
.shiseidoLx .modalContent--6 .modalContent__photo,
.shiseidoLx .modalContent--7 .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--4 .modalContent__flexItem .modalContent__text,
.shiseidoLx .modalContent--5 .modalContent__flexItem .modalContent__text,
.shiseidoLx .modalContent--6 .modalContent__flexItem .modalContent__text,
.shiseidoLx .modalContent--7 .modalContent__flexItem .modalContent__text {
  margin-top: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
  width: clamp(20.833333333333336vw, 20.833333333333336vw, 20.833333333333336vw);
}
.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);
  color: #c9b17d;
}
.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: #c9b17d;
}
.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;
  color: #c9b17d;
  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__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;
  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;
  color: #c9b17d;
  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.24em;
  line-height: 2;
  color: #fff;
}
.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: 10.666666666666668vw 0 25.6vw;
  }
  .shiseidoLx .modalContent--1,
  .shiseidoLx .modalContent--2 {
    padding-bottom: 16vw;
  }
  .shiseidoLx .modalContent--3 {
    padding-bottom: 16vw;
  }
  .shiseidoLx .modalContent--3 .modalContent__photo {
    width: 62.66666666666667vw;
    height: 41.06666666666667vw;
  }
  .shiseidoLx .modalContent--4,
  .shiseidoLx .modalContent--5,
  .shiseidoLx .modalContent--6,
  .shiseidoLx .modalContent--7 {
    padding-bottom: 26.666666666666668vw;
  }
  .shiseidoLx .modalContent--4 .modalContent__photo,
  .shiseidoLx .modalContent--5 .modalContent__photo,
  .shiseidoLx .modalContent--6 .modalContent__photo,
  .shiseidoLx .modalContent--7 .modalContent__photo {
    width: 58.666666666666664vw;
    height: 73.33333333333333vw;
    margin: 3.733333333333334vw auto 0;
  }
  .shiseidoLx .modalContent--4 .modalContent__flexItem .modalContent__text,
  .shiseidoLx .modalContent--5 .modalContent__flexItem .modalContent__text,
  .shiseidoLx .modalContent--6 .modalContent__flexItem .modalContent__text,
  .shiseidoLx .modalContent--7 .modalContent__flexItem .modalContent__text {
    width: 73.33333333333333vw;
    margin: 5.066666666666666vw auto 0;
    text-align: left;
  }
  .shiseidoLx .modalContent__title {
    font-size: 4.266666666666667vw;
    line-height: 1.5;
    padding-bottom: 8vw;
  }
  .shiseidoLx .modalContent__title:after {
    width: 4vw;
    height: 1px;
  }
  .shiseidoLx .modalContent__title+.modalContent__titleSecondary {
    margin-top: 8vw;
  }
  .shiseidoLx .modalContent__titleSecondary {
    font-size: 3.733333333333334vw;
    margin-top: 18.666666666666668vw;
  }
  .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__flexBox {
    display: block;
    margin-top: 8vw;
    font-size: 0;
  }
  .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 {
    text-align: center;
    font-size: 3.2vw;
    line-height: 2.166666666666667;
    margin-top: 10.666666666666668vw;
  }
  .shiseidoLx .modalContent__text--center {
    margin-top: 10.666666666666668vw;
    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%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 .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%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 .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: 10.666666666666668vw;
  }
  .shiseidoLx .modalContent__sliderMeter {
    width: 12.266666666666666vw;
    height: 2px;
    background-color: #c9b17d;
    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 .primary {
  position: relative;
  height: clamp(55.55555555555556vw, 55.55555555555556vw, 55.55555555555556vw);
  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__background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 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);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  background-color: #000;
}
.shiseidoLx .primary__detail {
  position: absolute;
  display: inline-block;
  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);
  left: clamp(10vw, 10vw, 10vw);
  color: #fff;
  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.24em;
  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.24em;
  margin-top: clamp(1.041666666666667vw, 1.041666666666667vw, 1.041666666666667vw);
}
.shiseidoLx .primary__name {
  font-size: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
  line-height: 1.6;
  letter-spacing: 0.24em;
  margin-top: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
}
.shiseidoLx .primary__credit {
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  letter-spacing: 0.08em;
  margin-top: clamp(0.486111111111111vw, 0.486111111111111vw, 0.486111111111111vw);
  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.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
}
.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';
  -webkit-font-smoothing: antialiased;
  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';
  -webkit-font-smoothing: antialiased;
}
.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';
  -webkit-font-smoothing: antialiased;
  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;
  border: 1px solid #fff;
}
.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%22white%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: #fff;
  -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;
  }
  .shiseidoLx .primary__tag {
    margin-left: 5.333333333333334vw;
  }
  .shiseidoLx .primary__title,
  .shiseidoLx .primary__description,
  .shiseidoLx .primary__name,
  .shiseidoLx .primary__credit {
    padding-left: 5.333333333333334vw;
  }
  .shiseidoLx .primary__background {
    position: relative;
    height: 100vw;
    top: auto;
    left: auto;
  }
  .shiseidoLx .primary__detail {
    position: relative;
    display: block;
    top: auto;
    left: auto;
    color: #000;
    text-align: left;
    margin-top: 8vw;
    -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';
    -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;
    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';
    -webkit-font-smoothing: antialiased;
  }
  .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;
    margin-left: 5.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(6.736111111111111vw, 6.736111111111111vw, 6.736111111111111vw) 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%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 .products--black .products__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%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");
  }
  .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--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;
  }
  .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%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 .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%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 .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 .technology__item {
  position: relative;
  height: clamp(38.88888888888889vw, 38.88888888888889vw, 38.88888888888889vw);
}
.shiseidoLx .technology__item.inview--on .technology__background img {
  -webkit-transition: opacity 1100ms ease, -webkit-transform 3200ms ease;
  -moz-transition: opacity 1100ms ease, -moz-transform 3200ms ease;
  -o-transition: opacity 1100ms ease, -o-transform 3200ms ease;
  -ms-transition: opacity 1100ms ease, -ms-transform 3200ms ease;
  transition: opacity 1100ms ease, transform 3200ms 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.inview--on .technology__visual,
.shiseidoLx .technology__item.inview--on .technology__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 .technology__item--1 .technology__visual {
  width: clamp(39.72222222222222vw, 39.72222222222222vw, 39.72222222222222vw);
  height: clamp(22.916666666666664vw, 22.916666666666664vw, 22.916666666666664vw);
}
.shiseidoLx .technology__item--1 .technology__texts {
  margin-left: clamp(8.125vw, 8.125vw, 8.125vw);
}
.shiseidoLx .technology__item--2 .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--2 .technology__visual {
  width: clamp(40.69444444444444vw, 40.69444444444444vw, 40.69444444444444vw);
  height: clamp(22.916666666666664vw, 22.916666666666664vw, 22.916666666666664vw);
  margin-left: clamp(6.041666666666667vw, 6.041666666666667vw, 6.041666666666667vw);
}
.shiseidoLx .technology__item--2 .technology__texts {
  width: auto;
}
.shiseidoLx .technology__item--2 .technology__note {
  width: clamp(33.125vw, 33.125vw, 33.125vw);
  margin-top: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
}
.shiseidoLx .technology__item--3 .technology__visual {
  width: clamp(30.555555555555557vw, 30.555555555555557vw, 30.555555555555557vw);
  height: clamp(30.555555555555557vw, 30.555555555555557vw, 30.555555555555557vw);
}
.shiseidoLx .technology__item--3 .technology__texts {
  margin-left: clamp(12.63888888888889vw, 12.63888888888889vw, 12.63888888888889vw);
}
.shiseidoLx .technology__item--3 .technology__note {
  margin-top: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
}
.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 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=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.75;
  letter-spacing: 0.24em;
  color: #c9b17d;
}
.shiseidoLx .technology__description {
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  line-height: 2;
  letter-spacing: 0.24em;
  color: #fff;
  margin-top: clamp(1.527777777777778vw, 1.527777777777778vw, 1.527777777777778vw);
}
.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 {
  font-size: clamp(0.833333333333333vw, 0.833333333333333vw, 0.833333333333333vw);
  line-height: 1.666666666666667;
  letter-spacing: 0.08em;
  color: #fff;
  margin-top: clamp(2.777777777777778vw, 2.777777777777778vw, 2.777777777777778vw);
}
@media screen and (max-width: 812px) {
  .shiseidoLx .technology__item {
    padding-top: 10.666666666666668vw;
    height: 133.33333333333331vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .shiseidoLx .technology__item--1 .technology__visual {
    width: 89.33333333333333vw;
    height: 51.46666666666667vw;
  }
  .shiseidoLx .technology__item--1 .technology__texts {
    margin-left: auto;
  }
  .shiseidoLx .technology__item--2 {
    height: 176vw;
  }
  .shiseidoLx .technology__item--2 .technology__content {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .shiseidoLx .technology__item--2 .technology__visual {
    width: 89.33333333333333vw;
    height: 50.13333333333333vw;
    margin-left: auto;
  }
  .shiseidoLx .technology__item--2 .technology__texts {
    width: 89.33333333333333vw;
  }
  .shiseidoLx .technology__item--2 .technology__note {
    width: 100%;
    margin-top: 9.333333333333334vw;
  }
  .shiseidoLx .technology__item--3 {
    height: 240vw;
  }
  .shiseidoLx .technology__item--3 .technology__visual {
    width: 89.33333333333333vw;
    height: 89.33333333333333vw;
  }
  .shiseidoLx .technology__item--3 .technology__texts {
    margin-left: auto;
  }
  .shiseidoLx .technology__item--3 .technology__note {
    margin-top: 11.733333333333333vw;
  }
  .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: 8vw 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.166666666666667;
    text-align: justify;
    margin-top: 6.498666666666667vw;
  }
  .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 {
    font-size: 2.666666666666667vw;
    line-height: 1.8;
    text-align: justify;
    margin-top: 7.000000000000001vw;
  }
}
.shiseidoLx {
  background-color: #000;
}
.shiseidoLx__block {
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
}
.shiseidoLx__block--1 {
  top: calc(100svh - (11165 / 1440 * 100vw) + 130px);
  padding-bottom: clamp(27.77777777777778vw, 27.77777777777778vw, 27.77777777777778vw);
}
.shiseidoLx__block--2 {
  top: calc(100svh - (3166 / 1440 * 100vw));
  margin-top: clamp(20.833333333333336vw, 20.833333333333336vw, 20.833333333333336vw);
}
.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 - (11150 / 375 * 100vw));
    padding-bottom: 80vw;
  }
  .shiseidoLx__block--2 {
    top: calc(100svh - (2966 / 375 * 100vw));
    margin-top: 80vw;
  }
}