@charset "UTF-8";
* {
  max-width: 100vw;
}

html {
  width: 100vw;
}

body {
  margin: 0;
}

@media screen and (max-width: 768px) {
  body {
    overflow-x: hidden;
  }
}

.c-header {
  z-index: 10;
}

.c-header a {
  line-height: 1 !important;
}

@media screen and (min-width: 769px) {
  a {
    -webkit-transition: .3s;
    transition: .3s;
  }
  a:hover {
    opacity: .7;
  }
}

.wrapper {
  max-width: 768px !important;
  min-width: initial;
  margin: 0 auto;
}

ul {
  list-style: none;
  padding: 0;
}

ul li {
  padding: 0;
}

.baim-header-container {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  background-color: #fff;
}

.baim-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  background-color: #eae9e9;
  padding: 2.6vw 0 2.6vw;
}

@media screen and (min-width: 679px) {
  .baim-header {
    padding: 19.968px 0;
  }
}

.baim-header img {
  width: 21vw !important;
}

@media screen and (min-width: 679px) {
  .baim-header img {
    width: 161.28px !important;
  }
}

.baim-header__logo {
  margin: 4vw 0 3.2vw 5vw;
  width: 53.4vw;
}

.baim-header img {
  width: 100%;
  display: block;
}

.select {
  display: none;
}

.baim-body {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  font-family: "YuGothic", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.baim-body div::after,
.baim-body section::after,
.baim-body ul::after {
  display: none;
  color: inherit;
}

.baim-body img {
  display: block;
  width: 100%;
  max-width: 100%;
}

.baim-body a {
  color: inherit;
  text-decoration: none;
}

.baim-body .select_wrap {
  display: none;
}

.baim-body h2, .baim-body h3 {
  margin: 0;
}

.baim-head {
  background: #e9e9e9;
  width: 100%;
  height: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-head {
    height: 61.44px;
  }
}

.baim-head h2 {
  color: #333333;
  font-size: 3.23vw;
  line-height: 8vw;
  letter-spacing: 0.15em;
  width: 100%;
  margin: 0;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .baim-head h2 {
    font-size: 24.2px;
    line-height: 61.44px;
  }
}

.baim-fv-aside img {
  width: 100%;
  margin: 0 auto;
}

.baim-fv-cta {
  background: #000;
  position: relative;
  padding-top: 6.7vw;
  padding-bottom: 7.9vw;
}

@media screen and (min-width: 679px) {
  .baim-fv-cta {
    padding-top: 51.456px;
    padding-bottom: 60.672px;
  }
}

.baim-fv-cta-wrap {
  background: url(/special/e/ba-lotion-immerse/images/bkg-cta-wrap.webp) no-repeat;
  background-size: 100% 100%;
}

.baim-fv-cta-wrap.second {
  padding-top: 2vw;
}

@media screen and (min-width: 679px) {
  .baim-fv-cta-wrap.second {
    padding-top: 15.36px;
  }
}

.baim-fv-cta__bnr {
  width: 89.3vw;
  margin: 0 auto;
  position: absolute;
  top: 20.5vw;
  left: 5vw;
}

@media screen and (min-width: 679px) {
  .baim-fv-cta__bnr {
    width: 685.824px;
    top: 157.44px;
    left: 38.4px;
  }
}

.baim-fv-cta__bnr a {
  display: block;
  -webkit-box-shadow: 0 3px 6px rgba(49, 107, 114, 0.2);
  box-shadow: 0 3px 6px rgba(49, 107, 114, 0.2);
  margin-bottom: 2.7vw;
  -webkit-transition: .3s;
  transition: .3s;
}

@media screen and (min-width: 679px) {
  .baim-fv-cta__bnr a {
    margin-bottom: 20.736px;
  }
  .baim-fv-cta__bnr a:hover {
    opacity: .7;
  }
}

.baim-coffret {
  position: relative;
  background: #000;
  margin: 0 auto;
  padding: 10.4vw 0 10.4vw;
}

@media screen and (min-width: 679px) {
  .baim-coffret {
    padding: 81px 0 78px;
  }
}

.baim-coffret__btn {
  width: 44vw;
  margin: 0 auto;
  position: absolute;
  top: 59vw;
  left: 41vw;
  right: 0;
}

@media screen and (min-width: 679px) {
  .baim-coffret__btn {
    width: 337.92px;
    margin: 0 auto;
    position: absolute;
    top: 453.12px;
    left: 314.88px;
  }
}

.baim-coffret__btn a {
  display: block;
  -webkit-transition: .3s;
  transition: .3s;
}

@media screen and (min-width: 679px) {
  .baim-coffret__btn a {
    margin-bottom: 2.304px;
  }
  .baim-coffret__btn a:hover {
    opacity: .7;
  }
}

.baim-coffret.num02 {
  padding: 10.5vw 0 0;
}

@media screen and (min-width: 679px) {
  .baim-coffret.num02 {
    padding: 81px 0 0;
  }
}

.baim-coffret.num02 .baim-coffret__btn {
  top: 222vw;
  left: 0vw;
  width: 89.5vw;
}

@media screen and (min-width: 679px) {
  .baim-coffret.num02 .baim-coffret__btn {
    top: 1704.96px;
    left: 0px;
    width: 687.36px;
  }
}

.baim-coffret.num03 .baim-coffret__btn {
  top: 107.3vw;
  left: 0;
  width: 89.5vw;
}

@media screen and (min-width: 679px) {
  .baim-coffret.num03 .baim-coffret__btn {
    top: 824.064px;
    left: 0;
    width: 687.36px;
  }
}

.baim-coffret.num04 {
  padding: 10.4vw 0 3.2vw;
}

@media screen and (min-width: 679px) {
  .baim-coffret.num04 {
    padding: 81px 0 22px;
  }
}

.baim-coffret.num04 .baim-coffret__btn {
  top: 107.3vw;
  left: 0;
  width: 89.5vw;
}

@media screen and (min-width: 679px) {
  .baim-coffret.num04 .baim-coffret__btn {
    top: 824.064px;
    left: 0;
    width: 687.36px;
  }
}

.baim-firsttime {
  background-color: #000;
  padding: 10.7vw 0 11vw;
}

@media screen and (min-width: 679px) {
  .baim-firsttime {
    padding: 82.176px 0 84.48px;
  }
}

.baim-firsttime__wrap {
  background-color: #fff;
  width: 89.3333vw;
  margin: 0 auto;
  padding-bottom: 6vw;
  border-radius: 1.3333vw;
}

@media screen and (min-width: 679px) {
  .baim-firsttime__wrap {
    width: 686.07974px;
    border-radius: 10.23974px;
    padding-bottom: 19px;
  }
}

@media screen and (min-width: 769px) {
  .baim-firsttime__image {
    margin-top: -4px;
  }
}

.baim-firsttime__note-title {
  width: 20.53333vw;
  margin: 0 auto 0.53333vw;
  position: relative;
}

@media screen and (min-width: 769px) {
  .baim-firsttime__note-title {
    width: 159.744px;
    margin: 0 auto 34px;
    left: 3.84px;
  }
}

.baim-firsttime__note-title img {
  position: relative;
  left: 2.7vw;
}

@media screen and (min-width: 769px) {
  .baim-firsttime__note-title img {
    left: 17px;
  }
}

.baim-firsttime__note-title .icon {
  display: block;
  border: none;
  margin: 0;
  height: 4vw;
  width: 4vw;
  border-radius: 4vw;
  position: absolute;
  top: 0;
  left: -2.6vw;
  background-color: #4B98A2;
}

@media screen and (min-width: 769px) {
  .baim-firsttime__note-title .icon {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: -23px;
  }
}

.baim-firsttime__note-title .icon:before, .baim-firsttime__note-title .icon:after {
  content: "";
  height: 1px;
  width: 1.832vw;
  border-radius: 1vw;
  background-color: #FFFFFF;
  position: absolute;
  -webkit-transition: .3s;
  transition: .3s;
  top: 2vw;
  left: 1vw;
}

@media screen and (min-width: 769px) {
  .baim-firsttime__note-title .icon:before, .baim-firsttime__note-title .icon:after {
    width: 18px;
    height: 2px;
    border-radius: 2px;
    top: 14px;
    left: 6.5px;
  }
}

.baim-firsttime__note-title .icon:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.baim-firsttime__note-title .icon.is-open:after {
  -webkit-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}

.baim-firsttime__note-content {
  width: 78.66667vw;
  margin: 5.33333vw auto 1vw;
  display: none;
}

@media screen and (min-width: 769px) {
  .baim-firsttime__note-content {
    width: 606.72px;
    margin: 42px auto 32px;
  }
}

.baim-documents {
  background: url(/special/e/ba-lotion-immerse/images/bkg-documents-v2.webp) no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.baim-voicewrap {
  background: url(/special/e/ba-lotion-immerse/images/bkg-voicewrap.webp) no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.fadeUp {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
}

.fadeUp.is-out {
  -webkit-transform: translateY(8vw);
  -ms-transform: translateY(8vw);
  transform: translateY(8vw);
  -webkit-transition: all 0s ease;
  transition: all 0s ease;
}

@media screen and (min-width: 679px) {
  .fadeUp.is-out {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
}

.baim-feature {
  background: transparent;
}

.baim-cta-sample {
  width: 97vw;
  margin: .3vw auto 0;
}

@media screen and (min-width: 679px) {
  .baim-cta-sample {
    width: 744.96px;
    margin: 2.304px auto 0;
  }
}

.baim-cta-sample.num02 {
  display: none;
}

.baim-bestcosme {
  background: #fff;
  position: relative;
  z-index: 2;
}

.baim-bestcosme img {
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .baim-bestcosme img {
    width: 768px;
  }
}

.baim-bestcosme-touka img {
  width: 30vw;
  display: block;
  margin: 0 auto;
  padding-bottom: 13vw;
}

@media screen and (min-width: 769px) {
  .baim-bestcosme-touka img {
    width: 230.4px;
    padding-bottom: 99.84px;
  }
}

.baim-campaign {
  background: #000 !important;
  padding-bottom: 15.1vw !important;
}

@media screen and (min-width: 769px) {
  .baim-campaign {
    padding-bottom: 115.968px !important;
  }
}

.baim-campaign.num02 {
  padding-bottom: 15.8vw !important;
}

@media screen and (min-width: 769px) {
  .baim-campaign.num02 {
    padding-bottom: 121.344px !important;
  }
}

.baim-cta {
  background-color: #000;
  border-top: none;
  position: relative;
}

.baim-cta-fv {
  position: relative;
}

.baim-cta-fv-button {
  position: absolute;
  width: 56vw;
  top: 1vw;
  left: 43vw;
}

@media screen and (min-width: 769px) {
  .baim-cta-fv-button {
    width: 430.08px;
    top: 7.68px;
    left: 330.24px;
  }
}

.baim-cta-single {
  background: url(/special/e/ba-lotion-immerse/images/bkg-limited.webp);
  background-size: cover;
  position: relative;
}

.baim-cta-single__wrap {
  position: relative;
}

.baim-cta-single__wrap a {
  position: absolute;
  width: 84.5vw;
  top: 58vw;
  left: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cta-single__wrap a {
    width: 648.96px;
    top: 445.44px;
    left: 61.44px;
  }
}

.baim-cta-limited {
  position: relative;
}

.baim-cta-limited__wrap {
  position: relative;
}

.baim-cta-limited__wrap a {
  position: absolute;
  width: 84.5vw;
  top: 113vw;
  left: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cta-limited__wrap a {
    width: 648.96px;
    top: 867.84px;
    left: 61.44px;
  }
}

.baim-cta-button {
  position: absolute;
  width: 84.5vw;
  top: 54.1vw;
  left: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cta-button {
    width: 648.96px;
    top: 415.488px;
    left: 61.44px;
  }
}

.baim-cta-normal {
  position: relative;
  background: #8ABBC2;
}

.baim-cta-normal.first {
  padding-bottom: 0;
}

@media screen and (min-width: 769px) {
  .baim-cta-normal.first {
    padding-bottom: 0;
  }
}

.baim-cta-normal.second {
  padding-top: 10.5vw;
}

@media screen and (min-width: 769px) {
  .baim-cta-normal.second {
    padding-top: 83px;
  }
}

.baim-cta-normal.second a {
  top: 114vw;
}

@media screen and (min-width: 769px) {
  .baim-cta-normal.second a {
    top: 875.52px;
  }
}

.baim-cta-normal.third {
  padding-top: 10.7vw;
  padding-bottom: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cta-normal.third {
    padding-top: 82.176px;
    padding-bottom: 61.44px;
  }
}

.baim-cta-normal.third a {
  top: 102vw;
}

@media screen and (min-width: 769px) {
  .baim-cta-normal.third a {
    top: 783.36px;
  }
}

.baim-cta-normal a {
  display: block;
  position: absolute;
  top: 65vw;
  left: 8vw;
  width: 84.5vw;
}

@media screen and (min-width: 769px) {
  .baim-cta-normal a {
    top: 499.2px;
    left: 61.44px;
    width: 648.96px;
  }
}

.baim-cta-set a {
  display: block;
  width: 97vw;
  margin: 2.5vw auto -1vw;
}

@media screen and (min-width: 769px) {
  .baim-cta-set a {
    width: 744.96px;
    margin: 19.2px auto -7.68px;
  }
}

.baim-cta.num01 {
  margin-bottom: 0;
  padding-top: 8vw;
  padding-bottom: 10vw;
}

@media screen and (min-width: 769px) {
  .baim-cta.num01 {
    padding-bottom: 78px;
    padding-top: 61px;
  }
}

.baim-cta.num02 {
  padding: 2.6vw 0 10.7vw;
  background-color: #F5F5F5;
}

@media screen and (min-width: 769px) {
  .baim-cta.num02 {
    padding: 19.968px 0 87px;
  }
}

.baim-cta.num03 {
  padding-top: 3vw;
  padding-bottom: 15.7vw;
  background-color: #F5F5F5;
}

@media screen and (min-width: 769px) {
  .baim-cta.num03 {
    padding-top: 23.04px;
    padding-bottom: 120.576px;
  }
}

.baim-cta.num03 .button {
  position: absolute;
  display: block;
  top: 83.5vw !important;
  left: 8.3vw;
  width: 84vw;
  height: 23.5vw;
  color: transparent;
  background-size: 100% 100%;
}

@media screen and (min-width: 769px) {
  .baim-cta.num03 .button {
    top: 641.28px !important;
    left: 56.064px;
    width: 645.12px;
    height: 180.48px;
  }
}

.baim-cta.num03 .baim-cta-wrap {
  margin-bottom: 1.3vw;
}

@media screen and (min-width: 769px) {
  .baim-cta.num03 .baim-cta-wrap {
    margin-bottom: -7.68px;
  }
}

.baim-cta.num03 div[name="item"]:last-of-type .button {
  top: 403.55vw !important;
  background: url(/special/e/ba-lotion-immerse/images/btn-cta-long-hd.webp) no-repeat;
  background-size: 100% 100%;
}

@media screen and (min-width: 769px) {
  .baim-cta.num03 div[name="item"]:last-of-type .button {
    top: 3099.264px !important;
  }
}

.baim-cta.num04 {
  padding: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  .baim-cta.num04 {
    padding: 0;
    margin-bottom: 0;
  }
}

.baim-cta.num04 .baim-cta-wrap {
  margin-bottom: 2vw;
}

@media screen and (min-width: 769px) {
  .baim-cta.num04 .baim-cta-wrap {
    margin-bottom: 15.36px;
  }
}

.baim-cta div[name="item"] .button {
  position: absolute;
  display: block;
  top: 126vw;
  left: 6.5vw;
  width: 87vw;
  height: 24.5vw;
  color: transparent;
  background: url(/special/e/ba-lotion-immerse/images/btn-cta-long-hd.webp) no-repeat;
  background-size: 100% 100%;
}

@media screen and (min-width: 769px) {
  .baim-cta div[name="item"] .button {
    top: 967.68px;
    left: 49.92px;
    width: 668.16px;
    height: 188.16px;
  }
}

.baim-cta div[name="item"]:last-of-type .button {
  top: 387.5vw;
  background: url(/special/e/ba-lotion-immerse/images/btn-cta-long-hd.webp) no-repeat;
  background-size: 100% 100%;
}

@media screen and (min-width: 769px) {
  .baim-cta div[name="item"]:last-of-type .button {
    top: 2976px;
  }
}

.baim-cta-starter {
  background-color: #000;
}

.baim-cta-starter__image {
  width: 100%;
}

.baim-cta-starter__text {
  width: 100%;
}

.baim-cta-starter.num01 {
  padding-top: 10.6vw;
}

@media screen and (min-width: 769px) {
  .baim-cta-starter.num01 {
    padding-top: 81.408px;
  }
}

.baim-cta-starter.num02 {
  padding-top: 8.0vw;
}

@media screen and (min-width: 769px) {
  .baim-cta-starter.num02 {
    padding-top: 61.44px;
  }
}

.baim-cta-starter.num03 {
  padding-top: 8.0vw;
}

@media screen and (min-width: 769px) {
  .baim-cta-starter.num03 {
    padding-top: 61.44px;
  }
}

.baim-cta-starter.num04 {
  padding-top: 8.0vw;
}

@media screen and (min-width: 769px) {
  .baim-cta-starter.num04 {
    padding-top: 61.44px;
  }
}

.baim-cart-block1 {
  background: url(/special/e/ba-lotion-immerse/images/bg-itemarea-1-v2.webp);
  background-size: cover;
  padding-bottom: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cart-block1 {
    padding-bottom: 61.44px;
  }
}

.baim-cart-single {
  position: relative;
}

.baim-cart-single__wrap {
  position: relative;
}

.baim-cart-single__wrap a {
  position: absolute;
  width: 84.5vw;
  top: 58vw;
  left: 7vw;
}

@media screen and (min-width: 769px) {
  .baim-cart-single__wrap a {
    width: 648.96px;
    top: 445.44px;
    left: 53.76px;
  }
}

.baim-cart-single__wrap a.cart-single__btn {
  position: absolute;
  width: 84.5vw;
  top: 128vw;
  left: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cart-single__wrap a.cart-single__btn {
    width: 648.96px;
    top: 983.04px;
    left: 61.44px;
  }
}

.baim-cart-limited {
  position: relative;
}

.baim-cart-limited__wrap {
  position: relative;
}

.baim-cart-limited__wrap a {
  position: absolute;
  width: 84.5vw;
  top: 113vw;
  left: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cart-limited__wrap a {
    width: 648.96px;
    top: 867.84px;
    left: 61.44px;
  }
}

.baim-cart-button {
  position: absolute;
  width: 84.5vw;
  top: 54.1vw;
  left: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cart-button {
    width: 648.96px;
    top: 415.488px;
    left: 61.44px;
  }
}

#mainArea > div > div.baim-cart-block2 > div > div > div {
  margin-left: -1vw;
}

@media screen and (min-width: 769px) {
  #mainArea > div > div.baim-cart-block2 > div > div > div {
    margin-left: -9.68px;
    width: 768.24px;
  }
}

.baim-cart-block2 {
  background: url(/special/e/ba-lotion-immerse/images/bg-itemarea-1-v2.webp);
  background-size: cover;
  padding-bottom: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cart-block2 {
    padding-bottom: 61.44px;
  }
}

.baim-cart-single {
  position: relative;
}

.baim-cart-single__wrap {
  position: relative;
}

.baim-cart-single__wrap a {
  position: absolute;
  width: 84.5vw;
  top: 58vw;
  left: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cart-single__wrap a {
    width: 648.96px;
    top: 445.44px;
    left: 48.44px;
  }
}

.baim-cart-single__wrap a.cart-single__btn {
  position: absolute;
  width: 84.5vw;
  top: 128vw;
  left: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cart-single__wrap a.cart-single__btn {
    width: 648.96px;
    top: 983.04px;
    left: 61.44px;
  }
}

.baim-cart-limited {
  position: relative;
}

.baim-cart-limited__wrap {
  position: relative;
}

.baim-cart-limited__wrap a {
  position: absolute;
  width: 84.5vw;
  top: 113vw;
  left: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cart-limited__wrap a {
    width: 648.96px;
    top: 867.84px;
    left: 61.44px;
  }
}

.baim-cart-button {
  position: absolute;
  width: 84.5vw;
  top: 54.1vw;
  left: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cart-button {
    width: 648.96px;
    top: 415.488px;
    left: 61.44px;
  }
}

.baim-cartin-block3 {
  background: url(/special/e/ba-lotion-immerse/images/bg-itemarea2-v2.webp);
  background-size: cover;
  padding-bottom: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cartin-block3 {
    padding-bottom: 61.44px;
  }
}

.baim-cartin-single {
  position: relative;
}

.baim-cartin-single__wrap {
  position: relative;
}

.baim-cartin-single__wrap a {
  position: absolute;
  width: 84.5vw;
  top: 58vw;
  left: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cartin-single__wrap a {
    width: 648.96px;
    top: 445.44px;
    left: 61.44px;
  }
}

.baim-cartin-single__wrap a.cart-single__btn2 {
  position: absolute;
  width: 84.5vw;
  top: 63.7vw;
  left: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cartin-single__wrap a.cart-single__btn2 {
    width: 648.96px;
    top: 489.216px;
    left: 61.44px;
  }
}

.baim-cartin-set {
  position: relative;
}

.baim-cartin-set__wrap {
  position: relative;
}

.baim-cartin-set__wrap a {
  position: absolute;
  width: 84.5vw;
  top: 63.7vw;
  left: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cartin-set__wrap a {
    width: 648.96px;
    top: 489.216px;
    left: 61.44px;
  }
}

.baim-cartin-limited {
  position: relative;
}

.baim-cartin-limited__wrap {
  position: relative;
}

.baim-cartin-limited__wrap a {
  position: absolute;
  width: 84.5vw;
  top: 58vw;
  left: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cartin-limited__wrap a {
    width: 648.96px;
    top: 445.44px;
    left: 61.44px;
  }
}

.baim-cartin-button {
  position: absolute;
  width: 84.5vw;
  top: 54.1vw;
  left: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-cartin-button {
    width: 648.96px;
    top: 415.488px;
    left: 61.44px;
  }
}

.baim-onlinestore.cta {
  background-color: #F5F5F5;
  padding: 10.6vw 0 0;
}

@media screen and (min-width: 769px) {
  .baim-onlinestore.cta {
    padding: 81.408px 0 0;
  }
}

.baim-onlinestore.num01 {
  background-color: #ecedec;
  padding: 7.9vw 0 2.7vw;
  margin-top: -0.3vw;
}

@media screen and (min-width: 769px) {
  .baim-onlinestore.num01 {
    padding: 60.672px 0 22px;
    margin-top: -2px;
  }
}

.baim-onlinestore.num02 {
  background-color: #EAEDEC;
  padding: 10.7vw 0 13.33vw;
}

@media screen and (min-width: 769px) {
  .baim-onlinestore.num02 {
    padding: 85px 0 102px;
  }
}

.baim-onlinestore img {
  width: 100%;
  margin: 0 auto;
}

.baim-present {
  padding-bottom: 8.5vw;
  background: #F5F5F5;
}

@media screen and (min-width: 769px) {
  .baim-present {
    padding-bottom: 65.28px;
  }
}

.baim-mailmagazine {
  background: #F5F5F5;
  margin-top: -5.3vw;
  padding-bottom: 7.9vw;
}

@media screen and (min-width: 769px) {
  .baim-mailmagazine {
    margin-top: -40.704px;
    padding-bottom: 60.672px;
  }
}

.baim-howto {
  background: url(/special/e/ba-lotion-immerse/images/bkg-howto-v2.webp) no-repeat;
  background-size: 100% 100%;
}

.baim-howto-video {
  width: 89.8vw;
  margin: 0 auto;
  position: relative;
  border: solid 0.13vw rgba(255, 255, 255, 0.5);
}

@media screen and (min-width: 769px) {
  .baim-howto-video {
    width: 689.664px;
    border: solid 0.9984px rgba(255, 255, 255, 0.5);
  }
}

.baim-howto-video a {
  display: block;
  width: 16vw;
  height: 16vw;
  position: absolute;
  top: 17.5vw;
  left: 37vw;
}

@media screen and (min-width: 769px) {
  .baim-howto-video a {
    top: 134.4px;
    left: 284.16px;
  }
}

.baim-howto-video .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-left: -1.1em;
  margin-top: -1.1em;
  width: 2.2em;
  height: 2.2em;
  line-height: 2.2em;
  border: none;
  border-radius: 50%;
  font-size: 2em;
  background-color: rgba(255, 255, 255, 0.45);
  color: black;
}

.baim-howto-video .vjs-icon-placeholder::before {
  color: black;
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
}

.baim-howto-video:hover .vjs-icon-placeholder::before {
  color: rgba(255, 255, 255, 0.3);
}

.baim-note {
  background-color: #000;
  padding-bottom: 16.2vw;
}

@media screen and (min-width: 769px) {
  .baim-note {
    padding-bottom: 124.416px;
  }
}

.baim-note img {
  width: 89.2vw;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .baim-note img {
    width: 685.056px;
  }
}

.baim-cause {
  background: url(/special/e/ba-lotion-immerse/images/bkg-cause.webp) no-repeat;
  background-size: 100% 100%;
  padding-top: 0vw;
  padding-bottom: 0vw;
}

.baim-cause h2 {
  width: 100%;
  margin: 0 auto;
  left: 0;
  position: relative;
  padding-top: 16.2vw;
}

@media screen and (min-width: 769px) {
  .baim-cause h2 {
    padding-top: 120px;
  }
}

.baim-cause a {
  display: block;
  width: 64.1vw;
  margin: 11vw auto;
  position: relative;
  left: -0.9vw;
}

@media screen and (min-width: 769px) {
  .baim-cause a {
    width: 492.288px;
    margin: 84.48px auto;
    left: -6.912px;
  }
}

.baim-cause-banner {
  width: 100%;
  margin: 3.9vw auto 0;
  padding: 0 0 16vw;
  position: relative;
}

@media screen and (min-width: 769px) {
  .baim-cause-banner {
    margin: 29.952px auto 0;
    padding: 0 0 122.88px;
  }
}

.baim-lotion {
  background: #EAEDEC;
  padding-top: 0;
  padding-bottom: 0;
}

.baim-lotion-wrap {
  position: relative;
  background: url(/special/e/ba-lotion-immerse/images/bkg-lotion-v2.webp) no-repeat;
  background-size: cover;
}

.baim-lotion__btn {
  position: absolute;
  width: 30.6vw;
  top: 143.6vw;
  left: 34.7vw;
}

@media screen and (min-width: 769px) {
  .baim-lotion__btn {
    width: 235.008px;
    top: 1102.848px;
    left: 266.496px;
  }
}

.baim-lotion-first {
  width: 100vw;
  margin: 0vw auto 0vw;
  position: absolute;
  left: 0;
  top: 110vw;
}

@media screen and (min-width: 769px) {
  .baim-lotion-first {
    width: 768px;
    top: 841px;
  }
}

.baim-lotion-first .touka {
  position: absolute;
  top: 52.6vw;
  left: 35vw;
  width: 30vw;
  display: block;
}

@media screen and (min-width: 769px) {
  .baim-lotion-first .touka {
    top: 408px;
    left: 268.8px;
    width: 230.4px;
  }
}

.baim-lotion-second {
  position: absolute;
  top: 183.2vw;
}

@media screen and (min-width: 769px) {
  .baim-lotion-second {
    top: 1406px;
  }
}

.baim-lotion-second img {
  width: 100vw;
  position: relative;
  max-width: 110vw !important;
}

@media screen and (min-width: 769px) {
  .baim-lotion-second img {
    width: 768px;
    max-width: 844.8px !important;
  }
}

.baim-original {
  padding-top: 0;
  padding-bottom: 0;
}

.baim-original-wrap {
  position: relative;
  margin: 0 auto;
}

.baim-original__btn {
  position: absolute;
  margin: 0 auto;
  width: 89.33vw;
  top: 75.73vw;
  left: 0;
  right: 0;
}

@media screen and (min-width: 769px) {
  .baim-original__btn {
    width: 686.0544px;
    top: 581.6064px;
  }
}

.baim-immers {
  border-top: rgba(255, 255, 255, 0.3) 1px solid;
  background-color: #000;
  padding-top: 19vw;
  padding-bottom: 9.8vw;
}

.baim-immers h2 {
  width: 69.86667vw;
  margin: 0 auto 1.6vw;
}

.baim-immers-wrap {
  margin: 0 5.86667vw 0 3.2vw;
  position: relative;
  left: 0.5vw;
}

.baim-immers-wrap .button {
  width: 87.2vw;
  height: 24vw;
  background: transparent url(/special/e/ba-lotion-immerse/images/button-immers-v3.webp) no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  top: 53.33333vw;
  left: 2.93333vw;
  color: transparent;
}

.baim-repeat {
  padding-top: 15.8vw;
  padding-bottom: 16.1vw;
  background-color: #000;
  border-top: solid 1px rgba(255, 255, 255, 0.3);
}

.baim-repeat-image {
  width: 89vw;
  margin: 0 auto 8.3vw;
}

.baim-fineskin {
  background-color: #000;
  padding-top: 16vw;
  padding-bottom: 16vw;
  border-top: solid 1px rgba(255, 255, 255, 0.3);
}

@media screen and (min-width: 769px) {
  .baim-fineskin {
    padding-top: 124px;
    padding-bottom: 124px;
  }
}

.baim-fineskin h2 {
  width: 100vw;
  margin: 10.5vw auto 4vw;
  position: relative;
}

@media screen and (min-width: 769px) {
  .baim-fineskin h2 {
    width: 768px;
    margin: 80.64px auto 30.72px;
  }
}

.baim-voice h2 {
  width: 100%;
  position: relative;
  background: rgba(75, 152, 162, 0.1);
  height: 26vw;
}

@media screen and (min-width: 769px) {
  .baim-voice h2 {
    height: 199.68px;
  }
}

.baim-voice-wrap {
  width: 100vw;
  margin: 0 auto;
  position: relative;
}

@media screen and (min-width: 769px) {
  .baim-voice-wrap {
    width: 768px;
  }
}

.baim-voice-item {
  margin-bottom: 0;
}

.baim-voice-item:nth-of-type(2) {
  margin-bottom: 0;
}

.baim-prescription {
  position: relative;
}

.baim-prescription a {
  position: absolute;
  display: block;
  width: 55vw;
  top: 75vw;
  left: 22.6vw;
}

@media screen and (min-width: 769px) {
  .baim-prescription a {
    width: 422.4px;
    top: 576px;
    left: 173.568px;
  }
}

.baim-ba {
  background: #EAEDEC url(/special/e/ba-lotion-immerse/images/bkg-ba.webp) no-repeat;
  background-size: 100% auto;
  padding-bottom: 0vw;
}

@media screen and (min-width: 769px) {
  .baim-ba {
    padding-bottom: 0px;
  }
}

.baim-ba h2 {
  width: 100vw;
  margin: 0 auto -.8vw;
  position: relative;
}

@media screen and (min-width: 769px) {
  .baim-ba h2 {
    width: 768px;
    margin: -3px auto -6.144px;
  }
}

.baim-ba-campaign {
  padding-top: 3.3vw;
}

@media screen and (min-width: 769px) {
  .baim-ba-campaign {
    padding-top: 25.344px;
  }
}

.baim-ba #twin {
  background: transparent !important;
  margin-top: 5.3vw;
  padding-bottom: 0vw !important;
}

@media screen and (min-width: 769px) {
  .baim-ba #twin {
    margin-top: 40.704px;
  }
}

.baim-ba-twin {
  width: 100vw;
  margin: 0 auto;
  position: relative;
}

@media screen and (min-width: 769px) {
  .baim-ba-twin {
    width: 768px;
    margin: 5px auto 0;
  }
}

.baim-ba-cta.immerse {
  margin-bottom: 0;
}

.baim-ba-cta.lotion .button {
  width: 44.7vw;
  height: 14.2vw;
  background: transparent url(/special/e/ba-lotion-immerse/images/button-ba-lotion-v3.webp) no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  top: 133.6vw;
  left: 50.6vw;
  color: transparent;
}

@media screen and (min-width: 769px) {
  .baim-ba-cta.lotion .button {
    width: 343.296px;
    height: 109.056px;
    top: 1026.048px;
    left: 388.608px;
  }
}

.baim-ba-cta .button {
  width: 44.7vw;
  height: 14.2vw;
  background: transparent url(/special/e/ba-lotion-immerse/images/button-ba-immers-v3.webp) no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  top: 133.6vw;
  left: 4.9vw;
  color: transparent;
}

@media screen and (min-width: 769px) {
  .baim-ba-cta .button {
    width: 343.296px;
    height: 109.056px;
    top: 1026.048px;
    left: 37.632px;
  }
}

.baim-campaign {
  background-color: #EAEDEC;
  padding-top: 0;
  padding-bottom: 20.1vw;
}

@media screen and (min-width: 769px) {
  .baim-campaign {
    padding-bottom: 154.368px;
  }
}

.baim-campaign.num04 {
  padding-bottom: 16.1vw !important;
}

@media screen and (min-width: 769px) {
  .baim-campaign.num04 {
    padding-bottom: 123.648px !important;
  }
}

.baim-campaign h2 {
  width: 94vw;
  margin: 0 auto 0vw;
  position: relative;
  left: -0.5vw;
}

@media screen and (min-width: 769px) {
  .baim-campaign h2 {
    width: 721.92px;
    left: -3.84px;
  }
}

.baim-campaign p {
  width: 80.3vw;
  margin: 0 auto 5.3vw;
}

@media screen and (min-width: 769px) {
  .baim-campaign p {
    width: 616.704px;
    margin: 0 auto 40.704px;
  }
}

.baim-campaign > img {
  width: 89.4vw;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .baim-campaign > img {
    width: 686.592px;
  }
}

.baim-hr {
  margin: 0;
  border: none;
  width: 100vw;
  height: 10.66667vw;
  background: url(/special/e/ba-lotion-immerse/images/image-boarder-v2.webp) no-repeat;
  background-size: 100% 100%;
}

@media screen and (min-width: 769px) {
  .baim-hr {
    width: 768px;
    height: 81.92;
  }
}

.baim-list {
  background-color: #000;
  padding-top: 3.2vw;
  padding-bottom: 15.6vw;
}

.baim-list-image {
  margin-bottom: -4vw;
}

.baim-list-content {
  position: relative;
  left: -0.9vw;
}

.baim-list-content h2 {
  width: 78.5vw;
  margin: 0 auto;
  margin-bottom: 5.4vw;
}

.baim-list a {
  width: 79.5vw;
  position: relative;
  display: block;
  margin: 0 auto;
  left: 0.9vw;
}

.baim-list + .baim-annotation {
  border-top: solid 1px rgba(255, 255, 255, 0.3);
}

.baim-first {
  background-color: #000;
  border-top: solid 1px rgba(255, 255, 255, 0.3);
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
  padding-top: 14.8vw;
  padding-bottom: 12.9vw;
}

.baim-first h2 {
  width: 70.6vw;
  margin: 0 auto 4.2vw;
}

.baim-first > a {
  width: 89.5vw;
  display: block;
  margin: 0 auto;
}

.baim-annotation {
  background-color: #000;
  padding-top: 10.66667vw;
  padding-bottom: 10.66667vw;
}

.baim-annotation-wrap {
  width: 89.4vw;
  margin: 0 auto;
}

.baim-lotion-modal {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10000;
  top: 0;
  left: 0;
  display: none;
}

@media screen and (min-width: 769px) {
  .baim-lotion-modal {
    width: 100vw;
  }
}

.baim-lotion-modal .close {
  width: 15.2vw;
  height: 15.2vw;
  position: absolute;
  top: 1.8vw;
  right: 1.8vw;
}

@media screen and (min-width: 769px) {
  .baim-lotion-modal .close {
    width: 116.736px;
    height: 116.736px;
    top: 13.824px;
    right: 13.824px;
  }
}

.baim-lotion-modal__header {
  width: 100%;
  height: 15.2vw;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 769px) {
  .baim-lotion-modal__header {
    height: 116.736px;
  }
}

.baim-lotion-modal__body {
  width: 89.3vw;
  height: 83.3vh;
  background: #fff;
  position: fixed;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 16vw;
}

@media screen and (min-width: 769px) {
  .baim-lotion-modal__body {
    width: 685.824px;
    padding-top: 122.88px;
  }
}

.baim-lotion-modal__body h2 {
  width: 79.2vw;
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  .baim-lotion-modal__body h2 {
    width: 608.256px;
    margin-bottom: 0px;
  }
}

.baim-lotion-modal__wrapper {
  height: 96%;
  overflow-y: scroll;
  margin-top: -3.4vw;
}

@media screen and (min-width: 769px) {
  .baim-lotion-modal__wrapper {
    margin-top: -25px;
  }
}

.baim-lotion-modal__inner {
  width: 79.2vw;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .baim-lotion-modal__inner {
    width: 608.256px;
  }
}

.baim-lotion-modal__title {
  margin-bottom: 0vw;
  padding-bottom: 1vw;
}

@media screen and (min-width: 769px) {
  .baim-lotion-modal__title {
    margin-bottom: 26px;
    margin-top: -6px;
  }
}

.baim-QA {
  position: relative;
  background: url(/special/e/ba-lotion-immerse/images/ttl-qa.webp) #E1E5EF no-repeat;
  background-size: 100% auto;
  padding: 54.7vw 0 5.8vw;
}

@media screen and (min-width: 769px) {
  .baim-QA {
    padding: 420.096px 0 40.544px;
  }
}

.baim-QA-item {
  width: 90vw;
  margin: 0 auto 5.33vw;
  position: relative;
  left: 0;
  right: 0;
}

@media screen and (min-width: 769px) {
  .baim-QA-item {
    width: 701.432px;
    margin: 0 auto 40px;
  }
}

.baim-QA-item-q {
  position: relative;
  text-align: center;
}

.baim-QA-item-q img {
  display: block;
}

.baim-QA-item-q img:first-of-type {
  margin-bottom: 5.6vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item-q img:first-of-type {
    margin-bottom: 43.008px;
  }
}

.baim-QA-item-q img:last-of-type {
  margin-bottom: 5.2vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item-q img:last-of-type {
    margin-bottom: 39.936px;
  }
}

.baim-QA-item-a {
  display: none;
}

.baim-QA-item-a img:first-of-type {
  margin-bottom: 8.6vw;
  width: 100vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item-a img:first-of-type {
    margin-bottom: 66.048px;
    width: 768px;
  }
}

.baim-QA-item-a img:last-of-type {
  position: relative;
  width: 85.0vw;
  top: 0vw;
  left: 3vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item-a img:last-of-type {
    width: 652.8px;
    top: 0px;
    left: 23.04px;
  }
}

.baim-QA-item2 {
  width: 90vw;
  margin: 0 auto 5.33vw;
  position: relative;
  left: 0;
  right: 0;
}

@media screen and (min-width: 769px) {
  .baim-QA-item2 {
    width: 701.432px;
    margin: 0 auto 40px;
  }
}

.baim-QA-item2-q {
  position: relative;
  text-align: center;
}

.baim-QA-item2-q img {
  display: block;
}

.baim-QA-item2-q img:first-of-type {
  margin-bottom: 5.1vw;
  width: 100vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item2-q img:first-of-type {
    margin-bottom: 39.168px;
    width: 768px;
  }
}

.baim-QA-item2-q img:last-of-type {
  position: relative;
  margin-bottom: 1vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item2-q img:last-of-type {
    margin-bottom: 5.32px;
  }
}

.baim-QA-item2-a {
  display: none;
}

.baim-QA-item2-a .border {
  margin-bottom: 5.4vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item2-a .border {
    margin-bottom: 41.472px;
  }
}

.baim-QA-item2-a img:last-of-type {
  position: relative;
  width: 85.0vw;
  top: 4.9vw;
  left: 3vw;
  padding-bottom: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item2-a img:last-of-type {
    width: 652.8px;
    top: 37.632px;
    left: 23.04px;
    padding-bottom: 61.44px;
  }
}

.baim-QA-item3 {
  width: 90vw;
  margin: 0 auto 5.33vw;
  position: relative;
  left: 0;
  right: 0;
}

@media screen and (min-width: 769px) {
  .baim-QA-item3 {
    width: 701.432px;
    margin: 0 auto 40px;
  }
}

.baim-QA-item3-q {
  position: relative;
  text-align: center;
}

.baim-QA-item3-q img {
  display: block;
}

.baim-QA-item3-q img:nth-of-type(1) {
  margin-bottom: 5.5vw;
  width: 100vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item3-q img:nth-of-type(1) {
    margin-bottom: 43.008px;
    width: 768px;
  }
}

.baim-QA-item3-q img:nth-of-type(2) {
  margin-bottom: 6vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item3-q img:nth-of-type(2) {
    margin-bottom: 38.4px;
  }
}

.baim-QA-item3-q img:nth-of-type(3) {
  margin-bottom: 10.0vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item3-q img:nth-of-type(3) {
    margin-bottom: 76.8px;
  }
}

.baim-QA-item3-a {
  display: none;
}

.baim-QA-item3-a .border {
  margin-bottom: 2.4vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item3-a .border {
    margin-bottom: 18.432px;
  }
}

.baim-QA-item3-a img:last-of-type {
  position: relative;
  width: 85.0vw;
  left: 3vw;
  margin-bottom: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item3-a img:last-of-type {
    width: 652.8px;
    left: 23.04px;
    margin-bottom: 61.44px;
  }
}

.baim-QA-item4 {
  width: 90vw;
  margin: 0 auto 5.33vw;
  position: relative;
  left: 0;
  right: 0;
}

@media screen and (min-width: 769px) {
  .baim-QA-item4 {
    width: 701.432px;
    margin: 0 auto 40px;
  }
}

.baim-QA-item4-q {
  position: relative;
  text-align: center;
}

.baim-QA-item4-q img {
  display: block;
}

.baim-QA-item4-q img:nth-of-type(1) {
  margin-bottom: 5.5vw;
  width: 100vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item4-q img:nth-of-type(1) {
    margin-bottom: 42.24px;
    width: 768px;
  }
}

.baim-QA-item4-q img:nth-of-type(2) {
  margin-bottom: 5.2vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item4-q img:nth-of-type(2) {
    margin-bottom: 39.936px;
  }
}

.baim-QA-item4-q img:nth-of-type(3) {
  margin-bottom: 10.0vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item4-q img:nth-of-type(3) {
    margin-bottom: 76.8px;
  }
}

.baim-QA-item4-a {
  display: none;
  margin-bottom: 8vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item4-a {
    margin-bottom: 64.4px;
  }
}

.baim-QA-item4-a .border {
  margin-bottom: 2.4vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item4-a .border {
    margin-bottom: 18.432px;
  }
}

.baim-QA-item4-a img:last-of-type {
  position: relative;
  width: 85.0vw;
  left: 3vw;
}

@media screen and (min-width: 769px) {
  .baim-QA-item4-a img:last-of-type {
    width: 652.8px;
    left: 23.04px;
  }
}

.baim-info-attention {
  position: relative;
  margin: -2.5vw 0 0;
  padding-bottom: 4.5vw;
}

@media screen and (min-width: 769px) {
  .baim-info-attention {
    margin: -19.2px 0 0;
    padding-bottom: 34.56px;
  }
}

.baim-info-attention a {
  cursor: pointer;
  display: block;
  width: 33.3vw;
  position: absolute;
  bottom: 46vw;
  left: 16.0vw;
  right: 0;
  margin: 0 auto;
}

.baim-info-attention a:hover {
  opacity: .7;
}

@media screen and (min-width: 769px) {
  .baim-info-attention a {
    width: 255.744px;
    bottom: 353.28px;
    left: 122.88px;
  }
}

.baim-original-modal {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10000;
  top: 0;
  left: 0;
  display: none;
}

@media screen and (min-width: 769px) {
  .baim-original-modal {
    width: 100vw;
  }
}

.baim-original-modal .close {
  width: 15.2vw;
  height: 15.2vw;
  position: absolute;
  top: 1.8vw;
  right: 1.8vw;
}

@media screen and (min-width: 769px) {
  .baim-original-modal .close {
    width: 116.736px;
    height: 116.736px;
    top: 13.824px;
    right: 13.824px;
  }
}

.baim-original-modal__header {
  width: 100%;
  height: 15.2vw;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 769px) {
  .baim-original-modal__header {
    height: 116.736px;
  }
}

.baim-original-modal__body {
  width: 89.3vw;
  height: 83.3vh;
  background: #fff;
  position: fixed;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 16vw;
}

@media screen and (min-width: 769px) {
  .baim-original-modal__body {
    width: 685.824px;
    padding-top: 122.88px;
  }
}

.baim-original-modal__body h2 {
  width: 79.2vw;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .baim-original-modal__body h2 {
    width: 608.256px;
    margin: 0 auto 0;
  }
}

.baim-original-modal__wrapper {
  height: 96%;
  overflow-y: scroll;
  margin-top: -3.6vw;
}

@media screen and (min-width: 769px) {
  .baim-original-modal__wrapper {
    margin-top: -27.648px;
  }
}

.baim-original-modal__inner {
  width: 79.2vw;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .baim-original-modal__inner {
    width: 608.256px;
  }
}

.baim-original-modal__title {
  margin-bottom: 2vw;
}

@media screen and (min-width: 769px) {
  .baim-original-modal__title {
    margin-bottom: 15.36px;
  }
}

.baim-cause-modal {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}

.baim-cause-modal_body {
  width: 89.7vw;
  height: 86.8vh;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5.3vw rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5.3vw rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 20.9vw;
}

.baim-cause-modal_body .close {
  width: 15.2vw;
  height: 15.2vw;
  position: absolute;
  top: 1.6vw;
  right: 2vw;
}

.baim-cause-modal_body h2 {
  width: 82.7vw;
  margin-bottom: 8.5vw;
  position: relative;
  left: 1.7vw;
}

.baim-cause-modal_image {
  width: 78.5vw;
  margin: 0 auto;
  position: relative;
  left: 0;
}

.baim-effect-modal {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10000;
  top: 0;
  left: 0;
  display: none;
}

@media screen and (min-width: 769px) {
  .baim-effect-modal {
    width: 100vw;
  }
}

.baim-effect-modal .close {
  width: 15.2vw;
  height: 15.2vw;
  position: absolute;
  top: 1.8vw;
  right: 1.8vw;
}

@media screen and (min-width: 769px) {
  .baim-effect-modal .close {
    width: 116.736px;
    height: 116.736px;
    top: 13.824px;
    right: 13.824px;
  }
}

.baim-effect-modal__header {
  width: 100%;
  height: 15.2vw;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 769px) {
  .baim-effect-modal__header {
    height: 116.736px;
  }
}

.baim-effect-modal__body {
  width: 89.3vw;
  height: 83.3vh;
  background: #fff;
  position: fixed;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 16vw;
}

@media screen and (min-width: 769px) {
  .baim-effect-modal__body {
    width: 685.824px;
    padding-top: 122.88px;
  }
}

.baim-effect-modal__body h2 {
  width: 76.4vw;
  margin-bottom: 16.1vw;
}

@media screen and (min-width: 769px) {
  .baim-effect-modal__body h2 {
    width: 586.752px;
    margin-bottom: 123.648px;
  }
}

.baim-effect-modal__wrapper {
  height: 96%;
  overflow-y: scroll;
}

.baim-effect-modal__inner {
  width: 79.6vw;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .baim-effect-modal__inner {
    width: 611.328px;
  }
}

.baim-effect-modal__title {
  margin-bottom: 15.8vw;
}

@media screen and (min-width: 769px) {
  .baim-effect-modal__title {
    margin-bottom: 121.344px;
  }
}

.baim-footer {
  max-width: 100%;
  margin: 0 auto;
  padding-top: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.baim-footer img {
  display: block;
  width: 100%;
}

.baim-footer .baim-footer-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 83%;
  margin: 0 auto 7.7%;
}

.baim-footer .baim-footer-menu__item {
  width: 50%;
  text-align: center;
}

.baim-footer .baim-footer-menu__item:nth-child(n + 3) {
  margin-top: 4%;
}

.baim-footer .baim-footer-menu__link {
  color: #787878;
  font-size: 12px;
}

.baim-footer .baim-footer-logo {
  width: 22%;
  margin: 0 auto .5vw;
}

.baim-popup {
  background: #fff;
  width: 96vw;
  height: 106.66667vw;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding-bottom: 4vw;
  display: none;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 10;
}

.baim-popup .close {
  text-align: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 1.33333vw;
  margin: 1.33333vw auto 0;
}

.baim-popup .close img {
  display: inline-block;
  width: 5.33333vw;
  height: 5.33333vw;
}

.baim-popup aside {
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 3.2vw;
  font-weight: bold;
  padding: 1.86667vw 0;
}

.baim-popup h2 {
  color: #E64E62;
  text-align: center;
  font-size: 4.53333vw;
  font-weight: bold;
}

.baim-popup p {
  text-align: center;
  font-size: 3.46667vw;
}

.baim-popup__content {
  width: 90.66667vw;
  margin: 6.66667vw auto;
}

.overlay {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}

.overlay.baim-is-active {
  opacity: 0.3;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 10;
}

.overlay.baim-is-active.baim--dark {
  background-color: #000;
  opacity: 0.6;
}

.baim-modal {
  position: fixed;
  top: 8vh;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 768px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 13.3%;
  z-index: 11;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}

@media screen and (min-width: 376px) {
  .baim-modal {
    margin: 0 auto;
  }
}

.baim-modal.baim-is-active {
  visibility: visible;
  opacity: 1;
}

.baim-modal-close {
  position: fixed;
  top: 6.5vh;
  right: 4vw;
  width: 9%;
  z-index: 12;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}

.baim-modal-close.baim-is-active {
  visibility: visible;
  opacity: 1;
}

.baim-modal-close__btn {
  display: block;
}

.baim-modal-close__btn--dark {
  display: none;
}

.baim-modal-close.baim-is-active.baim--dark .baim-modal-close__btn {
  display: none;
}

.baim-modal-close.baim-is-active.baim--dark .baim-modal-close__btn--dark {
  display: block;
}

.baim-products-item {
  position: relative;
}

.baim-products-item.wrinkle {
  position: relative;
  z-index: 3;
  background: #FF5401;
}

.baim-products-item.ba {
  background: #000000;
}

.baim-products-item.ws {
  background: #DA236C;
}

.baim-products-item__button a {
  margin: 0;
  display: block;
  width: 89vw;
  height: 15vw;
  position: absolute;
  top: 90.6vw;
  left: 5.7vw;
}

@media screen and (min-width: 769px) {
  .baim-products-item__button a {
    width: 683.52px;
    height: 115.2px;
    top: 695.808px;
    left: 43.776px;
  }
}

.baim-products-item__button.ba a {
  top: 89.5vw;
  width: 97vw;
  left: 1.7vw;
}

@media screen and (min-width: 769px) {
  .baim-products-item__button.ba a {
    top: 687.36px;
    width: 744.96px;
    left: 13.056px;
  }
}

.baim-products-item__button.wrinkle a {
  width: 97vw;
  height: 24vw;
  position: absolute;
  top: 79.5vw;
  left: 1.7vw;
}

@media screen and (min-width: 769px) {
  .baim-products-item__button.wrinkle a {
    width: 744.96px;
    height: 184.32px;
    top: 610.56px;
    left: 13.056px;
  }
}

.baim-products-item__button.ws a {
  width: 97vw;
  height: 24vw;
  position: absolute;
  top: 79vw;
  left: 1.7vw;
}

@media screen and (min-width: 769px) {
  .baim-products-item__button.ws a {
    width: 744.96px;
    height: 184.32px;
    top: 606.72px;
    left: 13.056px;
  }
}

.purchase_box {
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 50%;
  left: 6vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 88vw;
  height: 85%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
  background: #fff;
  opacity: 0;
  z-index: 30;
}

.baim-floating-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20vw;
  z-index: 20;
  bottom: -20vw;
  -webkit-transition: .3s;
  transition: .3s;
}

@media screen and (min-width: 769px) {
  .baim-floating-cta {
    width: 768px;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -153.6px;
    top: auto;
    height: 153.6px;
    display: none;
  }
}

.baim-floating-cta.show {
  bottom: 0;
  background: none;
}

.baim-floating-cta .button {
  display: block;
  width: 100vw;
  height: 20vw;
  background: url(/special/e/ba-lotion-immerse/images/btn-cta-floating-v3.webp) no-repeat transparent !important;
  background-size: 100% 100% !important;
  color: transparent;
}

@media screen and (min-width: 769px) {
  .baim-floating-cta .button {
    width: 100%;
    height: 153.6px;
  }
}

.baim-floating-cta .button.stock_out_wording {
  background: url(/special/e/ba-lotion-immerse/images/btn-cta-floating-v3.webp) no-repeat transparent !important;
  background-size: 100% 100% !important;
}

.baim-footer {
  background: #fff;
  max-width: 100vw;
  margin: 0 auto;
  padding-top: 10vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #bebebe;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  position: relative;
  z-index: 10;
}

@media screen and (min-width: 769px) {
  .baim-footer {
    max-width: 768px;
  }
}

.baim-footer img {
  display: block;
  width: 100%;
}

.baim-footer .baim-footer-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 83%;
  margin: 0 auto;
  margin-bottom: 3vw;
  list-style: none;
  padding: 0;
}

.baim-footer .baim-footer-menu__item {
  width: 50%;
  text-align: center;
  margin-bottom: 4vw;
}

.baim-footer .baim-footer-menu__link {
  color: #787878;
  font-size: 12px;
  text-decoration: none;
}

.baim-footer .baim-footer-logo {
  width: 22vw;
  margin: 0 auto 3vw;
}

.baim-footer .copyright {
  display: block;
  margin-bottom: 4vw;
  font-size: 2.67vw;
  font-weight: bold;
  text-align: center;
}

.pane-footer {
  max-width: 768px;
  margin: 0 auto;
}

.pane-footer .baim-footer-nav {
  background: #000;
  padding-top: 6.5vw;
  margin-bottom: 0;
  position: relative;
  z-index: 3;
}

@media screen and (min-width: 769px) {
  .pane-footer .baim-footer-nav {
    padding: 42px 0 0;
    margin: 0 auto;
    width: 100%;
  }
}

.pane-footer .baim-footer-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pane-footer .baim-footer-nav ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 2.93vw;
  display: block;
  padding: 0 2.66vw;
  border-right: solid .5px #fff;
  letter-spacing: .09em;
  line-height: .8;
}

@media screen and (min-width: 769px) {
  .pane-footer .baim-footer-nav ul li a {
    font-size: 12px;
    padding: 0 10px;
    border-right: solid 1px #fff;
    line-height: .9;
  }
}

.pane-footer .baim-footer-nav ul li:last-of-type a {
  border-right: none;
}