@charset "utf-8";
@charset "UTF-8";
@font-face {
  font-family: ShiseidoGinza-ExtraLight;
  src: url("../font/ginzafont/ShiseidoGinza-Extralight.woff?$staticlink$");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: ShiseidoGinza-Light;
  src: url("../font/ginzafont/ShiseidoGinza-Light.woff?$staticlink$");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: ShiseidoGinza-Regular;
  src: url("../font/ginzafont/ShiseidoGinza-Regular.woff?$staticlink$");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: ShiseidoGinza-Medium;
  src: url("../font/ginzafont/ShiseidoGinza-Medium.woff?$staticlink$");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: ShiseidoGinza-Bold;
  src: url("../font/ginzafont/ShiseidoGinza-Bold.woff?$staticlink$");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: ShiseidoGinzaExt-Regular;
  src: url("../font/ginzafont/ShiseidoGinzaExt-Regular.otf?$staticlink$");
  font-weight: 400;
  font-style: normal;
}
.f-ginzaEL {
  font-family: ShiseidoGinza-ExtraLight !important;
}
.f-ginzaL {
  font-family: ShiseidoGinza-Light !important;
}
.f-ginzaR {
  font-family: ShiseidoGinza-Regular !important;
}
.f-ginzaM {
  font-family: ShiseidoGinza-Medium !important;
}
.f-ginzaB {
  font-family: ShiseidoGinza-Bold !important;
}
.f-tazuganeR {
  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-tazuganeBook {
  font-family: "TazuganeGothicStdN-Book", "MT たづがね角ゴシック StdN Medium", "たづがね角ゴシック StdN", "MT たづがね角ゴシック StdN", "たづがね角ゴシック StdN", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif !important;
  font-weight: 500;
  font-feature-settings: 'palt';
  -webkit-font-smoothing: antialiased;
}
.f-tazuganeBook a {
  font-family: "TazuganeGothicStdN-Book", "MT たづがね角ゴシック StdN Medium", "たづがね角ゴシック StdN", "MT たづがね角ゴシック StdN", "たづがね角ゴシック StdN", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif !important;
}
.f-tazuganeB {
  font-family: "TazuganeGothicStdN-Bold", "MT たづがね角ゴシック StdN Bold", "たづがね角ゴシック StdN Bold", "MT たづがね角ゴシック StdN", "たづがね角ゴシック StdN", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif !important;
  font-weight: 700;
  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: 768px) {
  .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;
}
.shiseidoBNF dl,
.shiseidoBNF dt,
.shiseidoBNF dd,
.shiseidoBNF ul,
.shiseidoBNF ol,
.shiseidoBNF li,
.shiseidoBNF h1,
.shiseidoBNF h2,
.shiseidoBNF h3,
.shiseidoBNF h4,
.shiseidoBNF h5,
.shiseidoBNF h6,
.shiseidoBNF pre,
.shiseidoBNF code,
.shiseidoBNF form,
.shiseidoBNF fieldset,
.shiseidoBNF legend,
.shiseidoBNF input,
.shiseidoBNF textarea,
.shiseidoBNF p,
.shiseidoBNF blockquote,
.shiseidoBNF th,
.shiseidoBNF td {
  margin: 0;
  padding: 0;
}
.shiseidoBNF table {
  border-collapse: collapse;
  border-spacing: 0;
}
.shiseidoBNF fieldset,
.shiseidoBNF img {
  border: 0;
}
.shiseidoBNF address,
.shiseidoBNF caption,
.shiseidoBNF cite,
.shiseidoBNF code,
.shiseidoBNF dfn,
.shiseidoBNF em,
.shiseidoBNF strong,
.shiseidoBNF th,
.shiseidoBNF var {
  font-style: normal;
  font-weight: normal;
}
.shiseidoBNF ol,
.shiseidoBNF ul {
  list-style: none;
}
.shiseidoBNF caption,
.shiseidoBNF th {
  text-align: left;
}
.shiseidoBNF h1,
.shiseidoBNF h2,
.shiseidoBNF h3,
.shiseidoBNF h4,
.shiseidoBNF h5,
.shiseidoBNF h6 {
  font-size: 100%;
  font-weight: normal;
}
.shiseidoBNF q:before,
.shiseidoBNF q:after {
  content: '';
}
.shiseidoBNF abbr,
.shiseidoBNF acronym {
  border: 0;
  font-variant: normal;
}
.shiseidoBNF sup {
  vertical-align: text-top;
}
.shiseidoBNF sub {
  vertical-align: text-bottom;
}
.shiseidoBNF input,
.shiseidoBNF textarea,
.shiseidoBNF select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.shiseidoBNF input *,
.shiseidoBNF textarea *,
.shiseidoBNF select * {
  font-size: 100%;
}
.shiseidoBNF legend {
  color: #000;
}
.shiseidoBNF #yui3-css-stamp.cssreset {
  display: none;
}
html,
body {
  position: relative;
  font-family: "TazuganeGothicStdN-Thin", "MT たづがね角ゴシック StdN Light", "たづがね角ゴシック StdN Light", "MT たづがね角ゴシック StdN", "たづがね角ゴシック StdN", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif;
}
.shiseidoBNF {
  font-size: 10px;
  line-height: 1;
}
.shiseidoBNF a {
  text-decoration: inherit;
  color: inherit;
}
.shiseidoBNF img,
.shiseidoBNF svg,
.shiseidoBNF video,
.shiseidoBNF iframe,
.shiseidoBNF picture {
  display: block;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .shiseidoBNF .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;
  }
  .shiseidoBNF .mo_op:hover {
    opacity: 0.65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
  }
  .shiseidoBNF .sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  html,
  body {
    min-width: 320px;
  }
  .shiseidoBNF .pc {
    display: none !important;
  }
}
.shiseidoBNF .about {
  text-align: center;
  padding: clamp(9.027777777777777vw, 9.027777777777777vw, 9.027777777777777vw) 0 clamp(5.555555555555555vw, 5.555555555555555vw, 5.555555555555555vw);
}
.shiseidoBNF .about__lead {
  font-size: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
  line-height: 2.1;
  letter-spacing: 0.02em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoBNF .about__sub {
  font-size: clamp(0.972222222222222vw, 0.972222222222222vw, 0.972222222222222vw);
  line-height: 1.571428571428571;
  letter-spacing: 0.03em;
  margin-top: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
@media screen and (max-width: 768px) {
  .shiseidoBNF .about {
    padding: 21.333333333333336vw 0 0;
  }
  .shiseidoBNF .about__lead {
    font-size: 3.466666666666666vw;
    line-height: 1.846153846153846;
    letter-spacing: 0.03em;
  }
  .shiseidoBNF .about__sub {
    font-size: 2.666666666666667vw;
    line-height: 1.4;
    margin-top: 8vw;
  }
}
.shiseidoBNF .bg {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.shiseidoBNF .bg * {
  width: 100%;
  height: 100%;
}
.shiseidoBNF .bg video,
.shiseidoBNF .bg__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shiseidoBNF .fv {
  z-index: 0;
  position: relative;
  background-color: #fff;
  color: #000;
}
.shiseidoBNF .fv.inview--on .fv__background,
.shiseidoBNF .fv.inview--on .fv__text,
.shiseidoBNF .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;
}
.shiseidoBNF .fv.inview--on .fv__text,
.shiseidoBNF .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;
}
.shiseidoBNF .fv.inview--on + .shiseidoBNF__section .about__lead,
.shiseidoBNF .fv.inview--on + .shiseidoBNF__section .about__sub {
  -webkit-transition: opacity 800ms ease 1080ms;
  -moz-transition: opacity 800ms ease 1080ms;
  -o-transition: opacity 800ms ease 1080ms;
  -ms-transition: opacity 800ms ease 1080ms;
  transition: opacity 800ms ease 1080ms;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoBNF .fv__background {
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoBNF .fv__text {
  position: absolute;
  top: 50%;
  right: clamp(12.777777777777777vw, 12.777777777777777vw, 12.777777777777777vw);
  bottom: 0;
  text-align: center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -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);
  margin-top: clamp(0.555555555555556vw, 0.555555555555556vw, 0.555555555555556vw);
}
.shiseidoBNF .fv__title {
  font-size: clamp(2.361111111111111vw, 2.361111111111111vw, 2.361111111111111vw);
  line-height: 1.352941176470588;
  letter-spacing: 0.05em;
}
.shiseidoBNF .fv__titleSecondary {
  font-size: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
  letter-spacing: 0.02em;
  line-height: 1.777777777777778;
  font-feature-settings: 'palt';
  margin-top: clamp(1.666666666666667vw, 1.666666666666667vw, 1.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);
  -webkit-font-smoothing: antialiased !important;
}
.shiseidoBNF .fv__background img {
  height: clamp(31.25vw, 31.25vw, 31.25vw);
}
@media screen and (max-width: 768px) {
  .shiseidoBNF .fv__text {
    top: 76vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .shiseidoBNF .fv__title {
    font-size: 5.333333333333334vw;
    line-height: 1.25;
  }
  .shiseidoBNF .fv__titleSecondary {
    font-size: 3.466666666666666vw;
    margin-top: 2.133333333333333vw;
  }
  .shiseidoBNF .fv__background img {
    height: 111.46666666666667vw;
  }
}
.shiseidoBNF .items {
  z-index: 1;
  overflow: hidden;
  position: relative;
  color: #000;
  text-align: center;
}
.shiseidoBNF .items__title {
  z-index: 0;
  position: relative;
  font-size: clamp(3.055555555555555vw, 3.055555555555555vw, 3.055555555555555vw);
  letter-spacing: 0;
  padding: clamp(5.555555555555555vw, 5.555555555555555vw, 5.555555555555555vw) 0 clamp(3.888888888888889vw, 3.888888888888889vw, 3.888888888888889vw);
}
.shiseidoBNF .items__title:before {
  content: ' ';
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  pointer-events: none;
}
.shiseidoBNF .items__titleValue {
  display: inline-block;
}
.shiseidoBNF .items__item {
  position: relative;
  display: block;
  height: 0;
  padding-bottom: 55.55555555555556%;
}
.shiseidoBNF .items__item:before {
  content: ' ';
  display: block;
  z-index: 10;
  position: absolute;
  top: 0;
  width: clamp(50vw, 50vw, 50vw);
  height: 100%;
  background-color: #fff;
}
.shiseidoBNF .items__item.inview--on:before {
  -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: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoBNF .items__item.inview--on .items__photoFrame {
  -webkit-transition: -webkit-transform 1600ms ease;
  -moz-transition: -moz-transform 1600ms ease;
  -o-transition: -o-transform 1600ms ease;
  -ms-transition: -ms-transform 1600ms ease;
  transition: transform 1600ms ease;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.shiseidoBNF .items__item.inview--on .items__attr {
  -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;
}
.shiseidoBNF .items__item.inview--on .items__detailCont {
  -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;
}
.shiseidoBNF .items__item:nth-child(odd):before {
  right: 0;
}
.shiseidoBNF .items__item:nth-child(odd) .items__photoFrame {
  left: -5.555555555555555%;
}
.shiseidoBNF .items__item:nth-child(odd) .items__detail {
  left: 0;
}
.shiseidoBNF .items__item:nth-child(odd) .items__detailCont {
  margin-left: clamp(9.027777777777777vw, 9.027777777777777vw, 9.027777777777777vw);
}
.shiseidoBNF .items__item:nth-child(even):before {
  left: 0;
}
.shiseidoBNF .items__item:nth-child(even) .items__photo {
  margin-left: 0;
}
.shiseidoBNF .items__item:nth-child(even) .items__photoFrame {
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  right: -5.555555555555555%;
}
.shiseidoBNF .items__item:nth-child(even) .items__photoFrame picture,
.shiseidoBNF .items__item:nth-child(even) .items__photoFrame svg {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.shiseidoBNF .items__item:nth-child(even) .items__detail {
  right: 0;
}
.shiseidoBNF .items__item:nth-child(even) .items__detailCont {
  margin-left: clamp(6.25vw, 6.25vw, 6.25vw);
}
.shiseidoBNF .items__photo {
  overflow: hidden;
  position: relative;
  width: 50%;
  margin-left: auto;
}
.shiseidoBNF .items__photoFrame {
  position: absolute;
  top: 0;
  width: 105.55555555555556%;
  margin-top: -5.555555555555555%;
  -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: scale(0.96);
  -moz-transform: scale(0.96);
  -o-transform: scale(0.96);
  -ms-transform: scale(0.96);
  transform: scale(0.96);
}
.shiseidoBNF .items__detail {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  background: #fff;
}
.shiseidoBNF .items__attr {
  z-index: 1;
  position: absolute;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoBNF .items__attr--1 {
  top: clamp(4.652777777777778vw, 4.652777777777778vw, 4.652777777777778vw);
  left: clamp(32.56944444444444vw, 32.56944444444444vw, 32.56944444444444vw);
  width: clamp(12.708333333333332vw, 12.708333333333332vw, 12.708333333333332vw);
}
.shiseidoBNF .items__attr--2 {
  top: clamp(7.013888888888889vw, 7.013888888888889vw, 7.013888888888889vw);
  left: clamp(30.486111111111114vw, 30.486111111111114vw, 30.486111111111114vw);
  width: clamp(12.63888888888889vw, 12.63888888888889vw, 12.63888888888889vw);
}
.shiseidoBNF .items__detailCont {
  z-index: 2;
  position: relative;
  width: clamp(38.19444444444444vw, 38.19444444444444vw, 38.19444444444444vw);
  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);
}
.shiseidoBNF .items__tag {
  display: inline-block;
  padding: clamp(0.833333333333333vw, 0.833333333333333vw, 0.833333333333333vw) clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw) clamp(0.729166666666667vw, 0.729166666666667vw, 0.729166666666667vw);
  border-radius: clamp(2.777777777777778vw, 2.777777777777778vw, 2.777777777777778vw);
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  letter-spacing: 0.04em;
  background-color: #ddbcb0;
  color: #fff;
}
.shiseidoBNF .items__tagline {
  font-size: clamp(2.222222222222222vw, 2.222222222222222vw, 2.222222222222222vw);
  line-height: 1.25;
  letter-spacing: 0.05em;
  font-feature-settings: 'palt';
  margin-top: clamp(1.388888888888889vw, 1.388888888888889vw, 1.388888888888889vw);
}
.shiseidoBNF .items__description {
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  line-height: 1.75;
  letter-spacing: 0.032em;
  margin-top: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
}
.shiseidoBNF .items__name {
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  line-height: 1.5625;
  letter-spacing: 0.05em;
  font-feature-settings: 'palt';
  margin-top: clamp(0.902777777777778vw, 0.902777777777778vw, 0.902777777777778vw);
}
.shiseidoBNF .items__nameCategory {
  font-size: clamp(1.041666666666667vw, 1.041666666666667vw, 1.041666666666667vw);
}
.shiseidoBNF .items__notes {
  width: clamp(31.944444444444443vw, 31.944444444444443vw, 31.944444444444443vw);
  margin-top: clamp(1.25vw, 1.25vw, 1.25vw);
}
.shiseidoBNF .items__note {
  margin-top: clamp(0.694444444444444vw, 0.694444444444444vw, 0.694444444444444vw);
}
.shiseidoBNF .items__note:first-child {
  margin-top: 0;
}
.shiseidoBNF .items__noteLabel {
  font-size: clamp(0.833333333333333vw, 0.833333333333333vw, 0.833333333333333vw);
  letter-spacing: 0.05em;
}
.shiseidoBNF .items__noteText {
  margin-top: clamp(0.277777777777778vw, 0.277777777777778vw, 0.277777777777778vw);
  font-size: clamp(0.763888888888889vw, 0.763888888888889vw, 0.763888888888889vw);
  line-height: 1.363636363636364;
  letter-spacing: 0.05em;
}
.shiseidoBNF .items__form {
  margin-top: clamp(2.222222222222222vw, 2.222222222222222vw, 2.222222222222222vw);
}
.shiseidoBNF .items__option {
  margin-top: clamp(0.277777777777778vw, 0.277777777777778vw, 0.277777777777778vw);
}
.shiseidoBNF .items__option:first-child {
  margin-top: 0;
}
.shiseidoBNF .items__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;
  font-size: 0;
}
.shiseidoBNF .items__optionLink:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.shiseidoBNF .items__optionLink.bnfDisabled {
  pointer-events: none;
}
.shiseidoBNF .items__optionLink.bnfDisabled .items__optionButton {
  width: 0;
  height: 0;
  background-color: transparent;
  display: none;
}
.shiseidoBNF .items__optionLink.bnfDisabled .items__optionButton:before {
  display: none;
}
.shiseidoBNF .items__optionLink.bnfDisabled .items__optionLabel {
  margin-left: 0;
}
.shiseidoBNF .items__optionButton {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: clamp(-0.138888888888889vw, -0.138888888888889vw, -0.138888888888889vw);
  width: clamp(16px, 1.666666666666667vw, 1.666666666666667vw);
  height: clamp(16px, 1.666666666666667vw, 1.666666666666667vw);
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #505050;
}
.shiseidoBNF .items__optionButton.bnfActive:before {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  left: 50%;
  width: clamp(10.666666666666668px, 1.111111111111111vw, 1.111111111111111vw);
  height: clamp(10.666666666666668px, 1.111111111111111vw, 1.111111111111111vw);
  -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: #ddbcb0;
  border-radius: 50%;
}
.shiseidoBNF .items__optionButton + .items__optionLabel {
  margin-left: clamp(9.333333333333334px, 0.972222222222222vw, 0.972222222222222vw);
}
.shiseidoBNF .items__optionLabel {
  display: inline-block;
  vertical-align: middle;
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  line-height: 1.75;
  letter-spacing: 0;
}
.shiseidoBNF .items__optionLabelVolume {
  display: inline-block;
  width: clamp(4.444444444444445vw, 4.444444444444445vw, 4.444444444444445vw);
}
.shiseidoBNF .items__optionLabelVolume--1 {
  width: clamp(4.444444444444445vw, 4.444444444444445vw, 4.444444444444445vw);
}
.shiseidoBNF .items__optionLabelVolume--2 {
  width: clamp(8.055555555555555vw, 8.055555555555555vw, 8.055555555555555vw);
}
.shiseidoBNF .items__optionLabelVolume--3 {
  width: clamp(4.236111111111112vw, 4.236111111111112vw, 4.236111111111112vw);
}
.shiseidoBNF .items__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);
}
.shiseidoBNF .items__cartButtons {
  position: relative;
  width: clamp(11.11111111111111vw, 11.11111111111111vw, 11.11111111111111vw);
  text-align: center;
}
.shiseidoBNF .items__cartButtons button#add-to-cart.button.add-to-cart.ignore,
.shiseidoBNF .items__cartButtons div.product-form-actions.add-to-cart-out-of-stock,
.shiseidoBNF .items__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;
  -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;
}
.shiseidoBNF .items__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);
}
.shiseidoBNF .items__cartButtons .add-to-cart-in-stock {
  height: clamp(3.194444444444444vw, 3.194444444444444vw, 3.194444444444444vw) !important;
}
.shiseidoBNF .items__cartButtons div.product-form-actions.add-to-cart-out-of-stock {
  padding-top: 0;
}
.shiseidoBNF .items__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;
}
.shiseidoBNF .items__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;
}
.shiseidoBNF .items__cartButton.bnfActive {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  pointer-events: auto;
}
.shiseidoBNF .items__cartButton.bnfActive: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);
}
.shiseidoBNF .items__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;
}
.shiseidoBNF .items__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: #fff;
  background-color: #000;
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  letter-spacing: 0.08em;
  padding-top: clamp(0.208333333333333vw, 0.208333333333333vw, 0.208333333333333vw);
  -webkit-transition: opacity 360ms ease;
  -moz-transition: opacity 360ms ease;
  -o-transition: opacity 360ms ease;
  -ms-transition: opacity 360ms ease;
  transition: opacity 360ms ease;
}
.shiseidoBNF .items__storeButtonLink span {
  display: block;
}
.shiseidoBNF .items__storeButtonLink:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.shiseidoBNF .items__productInfoButton {
  display: inline-block;
  margin-top: clamp(1.944444444444444vw, 1.944444444444444vw, 1.944444444444444vw);
}
.shiseidoBNF .items__productInfoButtonLink {
  position: relative;
  display: inline-block;
  font-size: clamp(12px, 1.25vw, 1.25vw);
  letter-spacing: 0;
  padding-right: clamp(0.763888888888889vw, 0.763888888888889vw, 0.763888888888889vw);
  padding: 0 clamp(1.25vw, 1.25vw, 1.25vw) clamp(4.666666666666667px, 0.486111111111111vw, 0.486111111111111vw) 0;
  margin-top: clamp(0.833333333333333vw, 0.833333333333333vw, 0.833333333333333vw);
}
.shiseidoBNF .items__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;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTEuNUw5IDYuNUwxIDEuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  width: clamp(5.333333333333334px, 0.555555555555556vw, 0.555555555555556vw);
  height: clamp(6.666666666666666px, 0.694444444444444vw, 0.694444444444444vw);
  top: clamp(2.666666666666667px, 0.277777777777778vw, 0.277777777777778vw);
  right: 0;
}
.shiseidoBNF .items__productInfoButtonLink span {
  position: relative;
  display: inline-block;
}
.shiseidoBNF .items__productInfoButtonLink span:before,
.shiseidoBNF .items__productInfoButtonLink span:after {
  content: '';
  z-index: 1;
  position: absolute;
  display: block;
  bottom: clamp(-2px, -0.208333333333333vw, -0.208333333333333vw);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -o-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
  -moz-transform: translate3d(0, 0, 0) scale(1, 1);
  -o-transform: translate3d(0, 0, 0) scale(1, 1);
  -ms-transform: translate3d(0, 0, 0) scale(1, 1);
  transform: translate3d(0, 0, 0) scale(1, 1);
  -webkit-transition: -webkit-transform 360ms ease;
  -moz-transition: -moz-transform 360ms ease;
  -o-transition: -o-transform 360ms ease;
  -ms-transition: -ms-transform 360ms ease;
  transition: transform 360ms ease;
}
.shiseidoBNF .items__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);
}
.shiseidoBNF .items__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);
}
.shiseidoBNF .items__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: 768px) {
  .shiseidoBNF .items__title {
    font-size: 6.666666666666667vw;
    padding: 21.333333333333336vw 0 12.266666666666666vw;
  }
  .shiseidoBNF .items__item {
    height: auto;
    padding-bottom: 18.666666666666668vw;
  }
  .shiseidoBNF .items__item:before {
    left: 0;
    right: 0;
    width: 100%;
    height: 108.26666666666667vw;
  }
  .shiseidoBNF .items__item:after {
    content: ' ';
    display: block;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 18.666666666666668vw;
    background-color: #fff;
  }
  .shiseidoBNF .items__item.inview--on .items__photoFrame {
    -webkit-transition: -webkit-transform 1600ms ease, top 1600ms ease;
    -moz-transition: -moz-transform 1600ms ease, top 1600ms ease;
    -o-transition: -o-transform 1600ms ease, top 1600ms ease;
    -ms-transition: -ms-transform 1600ms ease, top 1600ms ease;
    transition: transform 1600ms ease, top 1600ms ease;
    top: -7.733333333333333vw;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .shiseidoBNF .items__item:nth-child(odd):before {
    right: 0;
  }
  .shiseidoBNF .items__item:nth-child(odd) .items__photoFrame {
    left: -8vw;
  }
  .shiseidoBNF .items__item:nth-child(odd) .items__detail {
    left: 0;
  }
  .shiseidoBNF .items__item:nth-child(odd) .items__detailCont {
    margin-left: auto;
  }
  .shiseidoBNF .items__item:nth-child(even):before {
    left: 0;
  }
  .shiseidoBNF .items__item:nth-child(even) .items__photo {
    margin-left: 0;
  }
  .shiseidoBNF .items__item:nth-child(even) .items__photoFrame {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    right: -8vw;
  }
  .shiseidoBNF .items__item:nth-child(even) .items__photoFrame picture,
  .shiseidoBNF .items__item:nth-child(even) .items__photoFrame svg {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .shiseidoBNF .items__item:nth-child(even) .items__detail {
    right: 0;
  }
  .shiseidoBNF .items__photo {
    width: 100%;
    margin-left: 0;
  }
  .shiseidoBNF .items__photoFrame {
    z-index: 1;
    top: -13.866666666666665vw;
    left: -8vw;
    right: -8vw;
    width: 115.99999999999999vw;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    margin-top: 0;
  }
  .shiseidoBNF .items__detail {
    position: relative;
    top: auto;
    bottom: auto;
    width: 100%;
  }
  .shiseidoBNF .items__attr--1 {
    top: -10.666666666666668vw;
    left: 65.06666666666666vw;
    width: 29.86666666666667vw;
  }
  .shiseidoBNF .items__attr--2 {
    top: -16vw;
    left: 61.33333333333333vw;
    width: 35.199999999999996vw;
  }
  .shiseidoBNF .items__attr--2 .items__attrImg {
    -webkit-transform: rotate(-13deg);
    -moz-transform: rotate(-13deg);
    -o-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    transform: rotate(-13deg);
  }
  .shiseidoBNF .items__detailCont {
    width: 86.66666666666667vw;
    margin: 0 auto;
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    padding-top: 13.333333333333334vw;
  }
  .shiseidoBNF .items__tag {
    padding: 2.133333333333333vw 4vw 1.733333333333333vw;
    border-radius: 4vw;
    font-size: 3.466666666666666vw;
    letter-spacing: 0.03em;
  }
  .shiseidoBNF .items__tagline {
    font-size: 5.600000000000001vw;
    line-height: 1.428571428571429;
    letter-spacing: 0.03em;
    margin-top: 3.2vw;
  }
  .shiseidoBNF .items__description {
    font-size: 3.2vw;
    line-height: 1.5;
    margin-top: 1.6vw;
  }
  .shiseidoBNF .items__name {
    font-size: 3.733333333333334vw;
    line-height: 1.428571428571429;
    letter-spacing: 0;
    font-feature-settings: 'palt';
    margin-top: 4.8vw;
  }
  .shiseidoBNF .items__nameCategory {
    font-size: 3.733333333333334vw;
  }
  .shiseidoBNF .items__notes {
    width: auto;
    margin-top: 6.4vw;
  }
  .shiseidoBNF .items__note {
    margin-top: 2.666666666666667vw;
  }
  .shiseidoBNF .items__note:first-child {
    margin-top: 0;
  }
  .shiseidoBNF .items__noteLabel {
    font-size: 2.666666666666667vw;
  }
  .shiseidoBNF .items__noteText {
    margin-top: 1.066666666666667vw;
    font-size: 2.666666666666667vw;
    line-height: 1.363636363636364;
  }
  .shiseidoBNF .items__form {
    margin-top: 5.866666666666666vw;
  }
  .shiseidoBNF .items__option {
    margin-top: 1.6vw;
  }
  .shiseidoBNF .items__optionLink:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoBNF .items__optionButton {
    margin-left: 0;
    width: 6.4vw;
    height: 6.4vw;
  }
  .shiseidoBNF .items__optionButton.bnfActive:before {
    width: 4.266666666666667vw;
    height: 4.266666666666667vw;
  }
  .shiseidoBNF .items__optionButton + .items__optionLabel {
    margin-left: 3.2vw;
  }
  .shiseidoBNF .items__optionLabel {
    font-size: 3.733333333333334vw;
    line-height: 1.571428571428571;
  }
  .shiseidoBNF .items__optionLabelVolume {
    width: 16vw;
  }
  .shiseidoBNF .items__optionLabelVolume--1 {
    width: 16vw;
  }
  .shiseidoBNF .items__optionLabelVolume--2 {
    width: 28.799999999999997vw;
  }
  .shiseidoBNF .items__optionLabelVolume--3 {
    width: 12.8vw;
  }
  .shiseidoBNF .items__buttons {
    display: block;
    margin-top: 7.298666666666668vw;
  }
  .shiseidoBNF .items__cartButtons {
    width: 100%;
    height: auto;
  }
  .shiseidoBNF .items__cartButtons .product-add-to-cart {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: 100%;
  }
  .shiseidoBNF .items__cartButtons button#add-to-cart.button.add-to-cart.ignore,
  .shiseidoBNF .items__cartButtons div.product-form-actions.add-to-cart-out-of-stock,
  .shiseidoBNF .items__cartButtons button#add-to-cart.button.outline.disabled {
    font-weight: 600 !important;
    font-feature-settings: 'palt';
    -webkit-font-smoothing: antialiased;
    color: #fff;
    background-color: #000 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    width: 100%;
    font-size: 3.733333333333334vw;
    letter-spacing: 0.08em;
    padding-top: 0vw;
    height: 100% !important;
  }
  .shiseidoBNF .items__cartButtons button#add-to-cart.button.add-to-cart.ignore:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoBNF .items__cartButtons div.product-form-actions,
  .shiseidoBNF .items__cartButtons div.product-form-actions.add-to-cart-out-of-stock {
    height: 13.333333333333334vw !important;
  }
  .shiseidoBNF .items__cartButtons .add-to-cart-in-stock {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #000;
    color: #fff;
    height: 13.333333333333334vw !important;
  }
  .shiseidoBNF .items__cartButton {
    height: auto;
  }
  .shiseidoBNF .items__cartButton.bnfActive {
    position: relative;
  }
  .shiseidoBNF .items__cartButton .callout.alert {
    height: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    padding: 2.133333333333333vw 0 1.6vw;
    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;
  }
  .shiseidoBNF .items__cartButton.bnfActive:hover button#add-to-cart.button.add-to-cart.ignore {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoBNF .items__storeButton {
    width: 100%;
    height: 13.333333333333334vw;
    margin-top: 2.133333333333333vw;
    margin-left: 0;
  }
  .shiseidoBNF .items__storeButtonLink {
    font-size: 3.733333333333334vw;
    background-color: #000;
    color: #fff;
    padding-top: 0.533333333333333vw;
  }
  .shiseidoBNF .items__storeButtonLink span {
    display: block;
  }
  .shiseidoBNF .items__storeButtonLink:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoBNF .items__productInfoButton {
    text-align: left;
    display: block;
    margin-top: 7.466666666666668vw;
    margin-left: 0vw;
  }
  .shiseidoBNF .items__productInfoButtonLink {
    font-size: 3.733333333333334vw;
    padding: 0 4vw 1.866666666666667vw 0;
  }
  .shiseidoBNF .items__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;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTEuNUw5IDYuNUwxIDEuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    width: 2.133333333333333vw;
    height: 2.666666666666667vw;
    top: 0.533333333333333vw;
    right: 0;
  }
  .shiseidoBNF .items__productInfoButtonLink span:before {
    bottom: -0.8vw;
    height: 1px;
  }
  .shiseidoBNF .items__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);
  }
  .shiseidoBNF .items__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);
  }
}
.shiseidoBNF .lineup {
  z-index: 1;
  position: relative;
  color: #000;
  background-color: #fff;
  padding: clamp(9.027777777777777vw, 9.027777777777777vw, 9.027777777777777vw) 0 clamp(5.833333333333333vw, 5.833333333333333vw, 5.833333333333333vw);
}
.shiseidoBNF .lineup:before {
  content: ' ';
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(270deg, #fff 0%, rgba(249,249,249,0.9) 24.97%, #f9f9f9 100%);
  background: -moz-linear-gradient(270deg, #fff 0%, rgba(249,249,249,0.9) 24.97%, #f9f9f9 100%);
  background: -o-linear-gradient(270deg, #fff 0%, rgba(249,249,249,0.9) 24.97%, #f9f9f9 100%);
  background: -ms-linear-gradient(270deg, #fff 0%, rgba(249,249,249,0.9) 24.97%, #f9f9f9 100%);
  background: linear-gradient(180deg, #fff 0%, rgba(249,249,249,0.9) 24.97%, #f9f9f9 100%);
}
.shiseidoBNF .lineup__title {
  color: #ddbcb0;
  font-size: clamp(3.055555555555555vw, 3.055555555555555vw, 3.055555555555555vw);
  text-align: center;
  letter-spacing: 0;
}
.shiseidoBNF .lineup__cont {
  position: relative;
  margin-top: clamp(6.388888888888888vw, 6.388888888888888vw, 6.388888888888888vw);
}
.shiseidoBNF .lineup__cont.inview--on .lineup__photoItems {
  -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;
}
.shiseidoBNF .lineup__cont.inview--on .lineup__photoAttr {
  -webkit-transition: opacity 800ms ease, -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 800ms ease, -moz-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 800ms ease, -o-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 800ms ease, -ms-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 800ms ease, transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-delay: 240ms;
  -moz-transition-delay: 240ms;
  -o-transition-delay: 240ms;
  -ms-transition-delay: 240ms;
  transition-delay: 240ms;
  -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;
}
.shiseidoBNF .lineup__cont.inview--on .lineup__header,
.shiseidoBNF .lineup__cont.inview--on .lineup__detail {
  -webkit-transition: opacity 800ms ease 640ms;
  -moz-transition: opacity 800ms ease 640ms;
  -o-transition: opacity 800ms ease 640ms;
  -ms-transition: opacity 800ms ease 640ms;
  transition: opacity 800ms ease 640ms;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shiseidoBNF .lineup__header {
  position: absolute;
  top: clamp(4.722222222222222vw, 4.722222222222222vw, 4.722222222222222vw);
  left: clamp(11.805555555555555vw, 11.805555555555555vw, 11.805555555555555vw);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoBNF .lineup__label {
  font-size: clamp(1.25vw, 1.25vw, 1.25vw);
  letter-spacing: 0.05em;
  font-feature-settings: 'palt';
}
.shiseidoBNF .lineup__tagline {
  font-size: clamp(2.5vw, 2.5vw, 2.5vw);
  line-height: 1.222222222222222;
  letter-spacing: 0.05em;
  font-feature-settings: 'palt';
  margin-top: clamp(1.527777777777778vw, 1.527777777777778vw, 1.527777777777778vw);
}
.shiseidoBNF .lineup__photo {
  position: relative;
  margin-left: clamp(44.02777777777778vw, 44.02777777777778vw, 44.02777777777778vw);
  width: clamp(49.51388888888889vw, 49.51388888888889vw, 49.51388888888889vw);
}
.shiseidoBNF .lineup__photoItems {
  z-index: 1;
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoBNF .lineup__photoAttr {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(0, 3%, 0);
  -moz-transform: translate3d(0, 3%, 0);
  -o-transform: translate3d(0, 3%, 0);
  -ms-transform: translate3d(0, 3%, 0);
  transform: translate3d(0, 3%, 0);
}
.shiseidoBNF .lineup__detail {
  position: absolute;
  top: clamp(14.722222222222223vw, 14.722222222222223vw, 14.722222222222223vw);
  left: clamp(11.805555555555555vw, 11.805555555555555vw, 11.805555555555555vw);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoBNF .lineup__description {
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  line-height: 1.75;
  letter-spacing: 0.04em;
}
.shiseidoBNF .lineup__button {
  display: inline-block;
  margin-top: clamp(2.222222222222222vw, 2.222222222222222vw, 2.222222222222222vw);
}
.shiseidoBNF .lineup__buttonLink {
  display: inline-block;
  padding: clamp(1.25vw, 1.25vw, 1.25vw) clamp(1.805555555555555vw, 1.805555555555555vw, 1.805555555555555vw);
  font-size: clamp(1.111111111111111vw, 1.111111111111111vw, 1.111111111111111vw);
  letter-spacing: 0.05em;
  background-color: #000;
  color: #fff;
}
.shiseidoBNF .lineup__note {
  font-size: clamp(0.833333333333333vw, 0.833333333333333vw, 0.833333333333333vw);
  line-height: 1.25;
  letter-spacing: 0.05em;
  margin-top: clamp(1.944444444444444vw, 1.944444444444444vw, 1.944444444444444vw);
}
@media screen and (max-width: 768px) {
  .shiseidoBNF .lineup {
    padding: 13.333333333333334vw 0 24vw;
  }
  .shiseidoBNF .lineup__title {
    font-size: 6.666666666666667vw;
  }
  .shiseidoBNF .lineup__cont {
    margin-top: 7.466666666666668vw;
  }
  .shiseidoBNF .lineup__cont.inview--on .lineup__photoAttr {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    transition-delay: 400ms;
  }
  .shiseidoBNF .lineup__cont.inview--on .lineup__header {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    -ms-transition-delay: 0ms;
    transition-delay: 0ms;
  }
  .shiseidoBNF .lineup__header {
    position: static;
    top: auto;
    left: auto;
    text-align: center;
  }
  .shiseidoBNF .lineup__label {
    font-size: 3.733333333333334vw;
  }
  .shiseidoBNF .lineup__tagline {
    font-size: 5.600000000000001vw;
    line-height: 1.428571428571429;
    letter-spacing: 0.03em;
    margin-top: 3.2vw;
  }
  .shiseidoBNF .lineup__photo {
    margin-left: 0;
    width: 100%;
    margin-top: 4.266666666666667vw;
  }
  .shiseidoBNF .lineup__detail {
    position: static;
    top: auto;
    left: auto;
    width: 86.66666666666667vw;
    margin: 4.266666666666667vw auto 0;
  }
  .shiseidoBNF .lineup__description {
    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;
    line-height: 1.75;
    letter-spacing: 0.04em;
  }
  .shiseidoBNF .lineup__button {
    display: block;
    margin-top: 7.466666666666668vw;
  }
  .shiseidoBNF .lineup__buttonLink {
    display: block;
    padding: 5.066666666666666vw;
    font-size: 4vw;
    letter-spacing: 0.03em;
    text-align: center;
    background-color: #000;
    color: #fff;
  }
  .shiseidoBNF .lineup__note {
    font-size: 2.666666666666667vw;
    line-height: 1.4;
    letter-spacing: 0.03em;
    margin-top: 7.466666666666668vw;
  }
}
.shiseidoBNF .technology {
  padding: clamp(5.555555555555555vw, 5.555555555555555vw, 5.555555555555555vw) 0 clamp(7.291666666666667vw, 7.291666666666667vw, 7.291666666666667vw);
}
.shiseidoBNF .technology__title {
  font-size: clamp(3.055555555555555vw, 3.055555555555555vw, 3.055555555555555vw);
  text-align: center;
  letter-spacing: 0;
}
.shiseidoBNF .technology__list {
  position: relative;
  width: clamp(81.94444444444444vw, 81.94444444444444vw, 81.94444444444444vw);
  margin: clamp(4.861111111111112vw, 4.861111111111112vw, 4.861111111111112vw) auto 0;
}
.shiseidoBNF .technology__list.inview--on + .technology__subs {
  -webkit-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1360ms, -webkit-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1360ms;
  -moz-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1360ms, -moz-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1360ms;
  -o-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1360ms, -o-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1360ms;
  -ms-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1360ms, -ms-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1360ms;
  transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1360ms, transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1360ms;
  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);
}
@media screen and (min-width: 769px) {
  .shiseidoBNF .technology__list.inview--on .technology__new {
    -webkit-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, -webkit-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    -moz-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, -moz-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    -o-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, -o-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    -ms-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, -ms-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    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);
  }
  .shiseidoBNF .technology__list.inview--on .technology__background {
    -webkit-transition: opacity 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -moz-transform 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -o-transform 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -ms-transform 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .shiseidoBNF .technology__list.inview--on .technology__background--2 {
    -webkit-transition-delay: 480ms;
    -moz-transition-delay: 480ms;
    -o-transition-delay: 480ms;
    -ms-transition-delay: 480ms;
    transition-delay: 480ms;
  }
  .shiseidoBNF .technology__list.inview--on .technology__background--3 {
    -webkit-transition-delay: 960ms;
    -moz-transition-delay: 960ms;
    -o-transition-delay: 960ms;
    -ms-transition-delay: 960ms;
    transition-delay: 960ms;
  }
  .shiseidoBNF .technology__list.inview--on .technology__content {
    -webkit-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    -moz-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    -o-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    -ms-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoBNF .technology__list.inview--on .technology__content--2 {
    -webkit-transition-delay: 880ms;
    -moz-transition-delay: 880ms;
    -o-transition-delay: 880ms;
    -ms-transition-delay: 880ms;
    transition-delay: 880ms;
  }
  .shiseidoBNF .technology__list.inview--on .technology__content--3 {
    -webkit-transition-delay: 1360ms;
    -moz-transition-delay: 1360ms;
    -o-transition-delay: 1360ms;
    -ms-transition-delay: 1360ms;
    transition-delay: 1360ms;
  }
}
.shiseidoBNF .technology__item {
  position: relative;
  width: clamp(26.38888888888889vw, 26.38888888888889vw, 26.38888888888889vw);
  height: clamp(26.38888888888889vw, 26.38888888888889vw, 26.38888888888889vw);
  margin: auto;
}
.shiseidoBNF .technology__item--1 {
  width: clamp(33.33333333333333vw, 33.33333333333333vw, 33.33333333333333vw);
  height: clamp(33.33333333333333vw, 33.33333333333333vw, 33.33333333333333vw);
}
.shiseidoBNF .technology__item--1 .technology__content {
  top: 50.7%;
}
.shiseidoBNF .technology__item--1 .technology__text {
  width: clamp(26.111111111111114vw, 26.111111111111114vw, 26.111111111111114vw);
}
.shiseidoBNF .technology__item--1 .technology__notes {
  width: clamp(19.444444444444446vw, 19.444444444444446vw, 19.444444444444446vw);
}
.shiseidoBNF .technology__item--2 {
  position: absolute;
  top: clamp(3.472222222222222vw, 3.472222222222222vw, 3.472222222222222vw);
  left: 0;
}
.shiseidoBNF .technology__item--3 {
  position: absolute;
  top: clamp(3.472222222222222vw, 3.472222222222222vw, 3.472222222222222vw);
  right: 0;
}
.shiseidoBNF .technology__item--3 .technology__content {
  left: clamp(0.138888888888889vw, 0.138888888888889vw, 0.138888888888889vw);
}
.shiseidoBNF .technology__new {
  z-index: 1;
  position: absolute;
  top: clamp(0.555555555555556vw, 0.555555555555556vw, 0.555555555555556vw);
  left: clamp(-0.694444444444444vw, -0.694444444444444vw, -0.694444444444444vw);
  width: clamp(8.333333333333332vw, 8.333333333333332vw, 8.333333333333332vw);
  height: clamp(8.333333333333332vw, 8.333333333333332vw, 8.333333333333332vw);
  background-color: #fff;
  border: 1px solid rgba(221,188,176,0.4);
  border-radius: 50%;
  font-size: clamp(1.527777777777778vw, 1.527777777777778vw, 1.527777777777778vw);
  text-align: center;
  line-height: clamp(8.333333333333332vw, 8.333333333333332vw, 8.333333333333332vw);
  letter-spacing: 0;
  -webkit-transform: translate3d(0, 3%, 0);
  -moz-transform: translate3d(0, 3%, 0);
  -o-transform: translate3d(0, 3%, 0);
  -ms-transform: translate3d(0, 3%, 0);
  transform: translate3d(0, 3%, 0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoBNF .technology__background {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -o-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}
.shiseidoBNF .technology__content {
  position: absolute;
  top: 53.5%;
  left: 0;
  right: 0;
  -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);
}
.shiseidoBNF .technology__label {
  margin: auto;
  font-size: clamp(1.527777777777778vw, 1.527777777777778vw, 1.527777777777778vw);
  line-height: 1.272727272727273;
  letter-spacing: 0em;
  font-feature-settings: 'palt';
  text-align: center;
}
.shiseidoBNF .technology__text {
  width: clamp(19.444444444444446vw, 19.444444444444446vw, 19.444444444444446vw);
  margin: clamp(1.25vw, 1.25vw, 1.25vw) auto 0;
  font-size: clamp(1.041666666666667vw, 1.041666666666667vw, 1.041666666666667vw);
  line-height: 1.733333333333333;
  letter-spacing: 0.03em;
}
.shiseidoBNF .technology__notes {
  width: clamp(14.722222222222223vw, 14.722222222222223vw, 14.722222222222223vw);
  margin: clamp(1.041666666666667vw, 1.041666666666667vw, 1.041666666666667vw) auto 0;
}
.shiseidoBNF .technology__note {
  margin-top: clamp(0.555555555555556vw, 0.555555555555556vw, 0.555555555555556vw);
}
.shiseidoBNF .technology__note:first-child {
  margin-top: 0;
}
.shiseidoBNF .technology__noteLabel,
.shiseidoBNF .technology__noteText {
  font-size: clamp(0.833333333333333vw, 0.833333333333333vw, 0.833333333333333vw);
  line-height: 1.25;
  letter-spacing: 0.05em;
}
.shiseidoBNF .technology__noteLabel {
  position: relative;
  display: inline-block;
}
.shiseidoBNF .technology__noteLabel:after {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid;
  -webkit-transform: scaleY(0.8);
  -moz-transform: scaleY(0.8);
  -o-transform: scaleY(0.8);
  -ms-transform: scaleY(0.8);
  transform: scaleY(0.8);
}
.shiseidoBNF .technology__noteText {
  margin-top: clamp(0.416666666666667vw, 0.416666666666667vw, 0.416666666666667vw);
}
.shiseidoBNF .technology__noteText:first-child {
  margin-top: 0;
}
.shiseidoBNF .technology__subs {
  width: clamp(70.83333333333334vw, 70.83333333333334vw, 70.83333333333334vw);
  margin: clamp(2.083333333333333vw, 2.083333333333333vw, 2.083333333333333vw) auto 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.shiseidoBNF .technology__sub {
  margin-top: clamp(0.555555555555556vw, 0.555555555555556vw, 0.555555555555556vw);
}
.shiseidoBNF .technology__sub:first-child {
  margin-top: 0;
}
.shiseidoBNF .technology__subLabel,
.shiseidoBNF .technology__subText {
  font-size: clamp(0.833333333333333vw, 0.833333333333333vw, 0.833333333333333vw);
  line-height: 1.25;
  letter-spacing: 0.05em;
}
.shiseidoBNF .technology__subLabel {
  position: relative;
  display: inline-block;
}
.shiseidoBNF .technology__subLabel:after {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid;
  -webkit-transform: scaleY(0.8);
  -moz-transform: scaleY(0.8);
  -o-transform: scaleY(0.8);
  -ms-transform: scaleY(0.8);
  transform: scaleY(0.8);
}
.shiseidoBNF .technology__subText {
  margin-top: clamp(0.416666666666667vw, 0.416666666666667vw, 0.416666666666667vw);
}
.shiseidoBNF .technology__subText:first-child {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .shiseidoBNF .technology {
    padding: 21.333333333333336vw 0 5.333333333333334vw;
  }
  .shiseidoBNF .technology__title {
    font-size: 6.666666666666667vw;
  }
  .shiseidoBNF .technology__list {
    width: 100%;
    margin-top: 9.6vw;
  }
  .shiseidoBNF .technology__list.inview--on + .technology__subs {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    transition-delay: 400ms;
  }
  .shiseidoBNF .technology__item {
    width: 74.66666666666667vw;
    height: 74.66666666666667vw;
    margin-top: -6.4vw;
  }
  .shiseidoBNF .technology__item:first-child {
    margin-top: 0;
  }
  .shiseidoBNF .technology__item--1 {
    width: 90.66666666666666vw;
    height: 90.66666666666666vw;
  }
  .shiseidoBNF .technology__item--1 .technology__text {
    width: 70.66666666666667vw;
  }
  .shiseidoBNF .technology__item--1 .technology__notes {
    width: 52vw;
  }
  .shiseidoBNF .technology__item--2 {
    position: relative;
    top: auto;
    left: auto;
  }
  .shiseidoBNF .technology__item--3 {
    position: relative;
    top: auto;
    right: auto;
  }
  .shiseidoBNF .technology__item--3 .technology__content {
    left: 0;
  }
  .shiseidoBNF .technology__item.inview--on .technology__new {
    -webkit-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, -webkit-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    -moz-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, -moz-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    -o-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, -o-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    -ms-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, -ms-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    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);
  }
  .shiseidoBNF .technology__item.inview--on .technology__background {
    -webkit-transition: opacity 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -moz-transform 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -o-transform 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -ms-transform 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .shiseidoBNF .technology__item.inview--on .technology__background--2,
  .shiseidoBNF .technology__item.inview--on .technology__background--3 {
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    -ms-transition-delay: 0;
    transition-delay: 0;
  }
  .shiseidoBNF .technology__item.inview--on .technology__content {
    -webkit-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    -moz-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    -o-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    -ms-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .shiseidoBNF .technology__item.inview--on .technology__content--2,
  .shiseidoBNF .technology__item.inview--on .technology__content--3 {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    transition-delay: 400ms;
  }
  .shiseidoBNF .technology__new {
    top: -3.733333333333334vw;
    left: 0;
    width: 22.933333333333334vw;
    height: 22.933333333333334vw;
    font-size: 4.8vw;
    line-height: 22.933333333333334vw;
  }
  .shiseidoBNF .technology__content {
    top: 51%;
  }
  .shiseidoBNF .technology__label {
    font-size: 4.266666666666667vw;
    line-height: 1.25;
  }
  .shiseidoBNF .technology__text {
    width: 61.33333333333333vw;
    margin-top: 2.666666666666667vw;
    font-size: 2.933333333333333vw;
    line-height: 1.636363636363636;
  }
  .shiseidoBNF .technology__notes {
    width: 46.666666666666664vw;
    margin-top: 2.666666666666667vw;
  }
  .shiseidoBNF .technology__note {
    margin-top: 1.066666666666667vw;
  }
  .shiseidoBNF .technology__noteLabel,
  .shiseidoBNF .technology__noteText {
    font-size: 2.4vw;
    line-height: 1.333333333333333;
  }
  .shiseidoBNF .technology__noteText {
    margin-top: 1.6vw;
  }
  .shiseidoBNF .technology__subs {
    width: 86.66666666666667vw;
    margin-top: 5.333333333333334vw;
  }
  .shiseidoBNF .technology__sub {
    margin-top: 1.066666666666667vw;
  }
  .shiseidoBNF .technology__subLabel,
  .shiseidoBNF .technology__subText {
    font-size: 2.4vw;
    line-height: 1.333333333333333;
  }
  .shiseidoBNF .technology__subText {
    margin-top: 1.6vw;
  }
}
.top-notification,
.bottom-notification-message {
  position: relative;
  z-index: 1;
}
.header-search-wrapper {
  z-index: 1001;
}
@media (max-width: 1023.98px) {
  .header-wrapper {
    position: relative !important;
  }
}
.shiseidoBNF {
  z-index: 0;
  position: relative;
  overflow: hidden;
}
.shiseidoBNF__block {
  width: 100%;
}
.shiseidoBNF__section {
  z-index: 1;
  position: relative;
  color: #000;
  background-color: #fff;
}
.shiseidoBNF__section:before {
  content: ' ';
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(270deg, #f9f9f9 0%, rgba(249,249,249,0.9) 90%, #fff 100%);
  background: -moz-linear-gradient(270deg, #f9f9f9 0%, rgba(249,249,249,0.9) 90%, #fff 100%);
  background: -o-linear-gradient(270deg, #f9f9f9 0%, rgba(249,249,249,0.9) 90%, #fff 100%);
  background: -ms-linear-gradient(270deg, #f9f9f9 0%, rgba(249,249,249,0.9) 90%, #fff 100%);
  background: linear-gradient(180deg, #f9f9f9 0%, rgba(249,249,249,0.9) 90%, #fff 100%);
}
.shiseidoBNF sup {
  font-size: 60%;
  top: -0.55em;
  vertical-align: baseline;
}
.shiseidoBNF button#add-to-cart.button.add-to-cart.ignore,
.shiseidoBNF div.product-form-actions.add-to-cart-out-of-stock,
.shiseidoBNF 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;
}
.shiseidoBNFHeight {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}
.bnfInviewFade {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.bnfInviewFade.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;
}
.bnfInviewFade.about__video {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.bnfInviewFade.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: 768px) {
  .shiseidoBNF__block {
    width: 100%;
  }
}