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

body {
  margin: 0;
}

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

ul li {
  padding: 0;
}

.c-header {
  max-width: 768px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .c-header {
    position: relative !important;
  }
}

img {
  max-width: 768px;
  width: 100%;
}

.bast-body {
  max-width: 768px;
  margin: 0 auto;
}

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

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

.bast-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) {
  .bast-head h2 {
    font-size: 24.2px;
    line-height: 61.44px;
  }
}

.bast-fv {
  position: relative;
}

.bast-fv-button {
  width: 54.5vw;
  position: absolute;
  top: 109vw;
  left: 43vw;
  display: block;
}

@media screen and (min-width: 769px) {
  .bast-fv-button {
    width: 418.56px;
    top: 837.12px;
    left: 330.24px;
  }
}

.bast-fv-cta {
  background: #000;
  position: relative;
  margin-bottom: -1.5vw;
  padding-bottom: 0;
}

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

.bast-fv-cta__button {
  width: 87.3vw;
  position: absolute;
  top: 137.5vw;
  left: 6.3vw;
  display: block;
}

@media screen and (min-width: 769px) {
  .bast-fv-cta__button {
    width: 664.32px;
    top: 1059.84px;
    left: 53.76px;
  }
}

.bast-fv .icn {
  position: absolute;
  top: auto;
  right: 0;
  left: 0;
  bottom: -8vw;
  margin: auto;
  width: 16vw;
  height: 16vw;
}

@media screen and (min-width: 769px) {
  .bast-fv .icn {
    bottom: -61.44px;
    width: 122.88px;
    height: 122.88px;
  }
}

.bast-cta-seasonal {
  position: relative;
  background: #000;
}

.bast-cta-seasonal-wrap {
  margin: 0 auto;
  padding: 0 0 10.6vw;
}

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

.bast-cta-seasonal-wrap .button {
  position: absolute;
  top: 94.7vw;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 89.5vw;
}

@media screen and (min-width: 769px) {
  .bast-cta-seasonal-wrap .button {
    top: 727.296px;
    width: 687.36px;
  }
}

.bast-cta-seasonal-wrap.num02 {
  margin-top: -3.3vw;
  z-index: 2;
  position: relative;
  padding-bottom: 10.6vw;
}

@media screen and (min-width: 769px) {
  .bast-cta-seasonal-wrap.num02 {
    margin-top: -25.344px;
    padding-bottom: 81.408px;
  }
}

.bast-cta-seasonal-wrap.num03 {
  z-index: 2;
  position: relative;
  padding: 10.3vw 0 14.3vw;
}

@media screen and (min-width: 769px) {
  .bast-cta-seasonal-wrap.num03 {
    padding: 79.104px 0 109.824px;
  }
}

.bast-cta-seasonal-wrap.num03 .button {
  top: 105vw;
}

@media screen and (min-width: 769px) {
  .bast-cta-seasonal-wrap.num03 .button {
    top: 806.4px;
  }
}

.bast-cta-seasonal-wrap.num04 {
  z-index: 2;
  position: relative;
  padding: 10.8vw 0 10.4vw;
}

@media screen and (min-width: 769px) {
  .bast-cta-seasonal-wrap.num04 {
    padding: 82.944px 0 79.872px;
  }
}

.bast-cta-seasonal-wrap.num04 .button {
  top: 105.5vw;
}

@media screen and (min-width: 769px) {
  .bast-cta-seasonal-wrap.num04 .button {
    top: 810.24px;
  }
}

.bast-kit.last {
  background: url(/special/e/ba-basic-set/images/bkg-kit.webp) no-repeat bottom left;
  background-size: 100% 36.2vw;
  padding-bottom: 0;
  padding-top: 2vw;
}

@media screen and (min-width: 769px) {
  .bast-kit.last {
    background: url(/special/e/ba-basic-set/images/bkg-kit.webp) no-repeat bottom left;
    background-size: 100% 278.016px;
    padding-bottom: 0;
    padding-top: 15.36px;
  }
}

.bast-kit.last h2 {
  margin-top: -1.4vw;
}

@media screen and (min-width: 769px) {
  .bast-kit.last h2 {
    margin-top: -10.752px;
  }
}

.bast-kit.last .kit-1 {
  padding-top: 2.6vw;
}

@media screen and (min-width: 769px) {
  .bast-kit.last .kit-1 {
    padding-top: 19.968px;
  }
}

.bast-kit.last .kit-1 img {
  display: block;
  width: 89.33333vw;
  margin: 0 auto;
  padding-bottom: 8vw;
}

@media screen and (min-width: 769px) {
  .bast-kit.last .kit-1 img {
    width: 686.08px;
    padding-bottom: 61.44px;
  }
}

.bast-imitation {
  position: relative;
  z-index: 1;
}

.bast-imitation-btn {
  width: 32.9vw;
  position: absolute;
  top: 66vw;
  left: 41.5vw;
  display: block;
}

@media screen and (min-width: 769px) {
  .bast-imitation-btn {
    width: 252.672px;
    top: 506.88px;
    left: 318.72px;
  }
}

.bast-campaign {
  background: #F5F5F5;
}

.bast-campaign.black {
  background: #000;
}

.bast-campaign.black.second {
  padding-top: 8.5vw;
}

@media screen and (min-width: 769px) {
  .bast-campaign.black.second {
    padding-top: 65.28px;
  }
}

.bast-campaign.black.third {
  padding-bottom: 8vw;
}

@media screen and (min-width: 769px) {
  .bast-campaign.black.third {
    padding-bottom: 61.44px;
  }
}

.bast-campaign.black.last {
  padding-bottom: 0;
}

@media screen and (min-width: 769px) {
  .bast-campaign.black.last {
    padding-bottom: 0;
  }
}

.bast-campaign h2 {
  margin-bottom: 0;
  margin-top: 0;
}

@media screen and (min-width: 769px) {
  .bast-campaign h2 {
    margin-bottom: 0;
    margin-top: 0;
  }
}

.bast-campaign a {
  display: block;
  margin-top: 0;
}

@media screen and (min-width: 769px) {
  .bast-campaign a {
    margin-top: 0;
  }
}

.bast-campaign a:nth-child(4) {
  display: block;
}

.bast-campaign.num02 {
  padding-bottom: 1.4vw;
}

@media screen and (min-width: 769px) {
  .bast-campaign.num02 {
    padding-bottom: 10.752px;
  }
}

.bast-campaign-onlinestore.black {
  background: #000;
  padding-top: 11.5vw;
}

@media screen and (min-width: 769px) {
  .bast-campaign-onlinestore.black {
    padding-top: 88.32px;
  }
}

.bast-campaign-onlinestore.black img {
  width: 89.7vw;
  margin: 0 auto 8vw;
  display: block;
}

@media screen and (min-width: 769px) {
  .bast-campaign-onlinestore.black img {
    width: 688.896px;
    margin: 0 auto 61.44px;
  }
}

.bast-campaign-onlinestore.black.third {
  padding-top: 5vw;
  margin-bottom: -0.5vw;
}

@media screen and (min-width: 769px) {
  .bast-campaign-onlinestore.black.third {
    padding-top: 38.4px;
    margin-bottom: -3.84px;
  }
}

.bast-campaign-onlinestore.black.fourth {
  padding-top: 6vw;
}

@media screen and (min-width: 769px) {
  .bast-campaign-onlinestore.black.fourth {
    padding-top: 46.08px;
  }
}

.bast-campaign-onlinestore.second {
  margin-top: -2.7vw;
  margin-bottom: -1vw;
}

@media screen and (min-width: 769px) {
  .bast-campaign-onlinestore.second {
    margin-top: -20.736px;
    margin-bottom: -7.68px;
  }
}

.bast-voice {
  position: relative;
  z-index: 1;
  margin-bottom: -5.2vw;
}

@media screen and (min-width: 769px) {
  .bast-voice {
    margin-bottom: -39.936px;
  }
}

.bast-voice-button {
  width: 55vw;
  margin: 0 auto;
  position: absolute;
  left: 20vw;
  top: 202.5vw;
}

@media screen and (min-width: 769px) {
  .bast-voice-button {
    width: 422.4px;
    left: 153.6px;
    top: 1555.2px;
  }
}

.bast-cause {
  margin-bottom: -0.5vw;
}

@media screen and (min-width: 769px) {
  .bast-cause {
    margin-bottom: -3.84px;
  }
}

.bast-bestcosme {
  margin-top: 0;
  background: #000;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .bast-bestcosme {
    margin-top: 0;
  }
}

.bast-cta {
  background: #000;
  position: relative;
  z-index: 2;
}

.bast-cta.num01 .bast-cta-wrap {
  padding-bottom: 6.8vw;
}

@media screen and (min-width: 769px) {
  .bast-cta.num01 .bast-cta-wrap {
    padding-bottom: 52.224px;
  }
}

.bast-cta.num02 {
  margin-bottom: -.5vw;
}

@media screen and (min-width: 769px) {
  .bast-cta.num02 {
    margin-bottom: -3.84px;
  }
}

.bast-cta .icn {
  position: absolute;
  top: auto;
  right: 0;
  left: 0;
  bottom: -8vw;
  margin: auto;
  width: 16vw;
  height: 16vw;
}

@media screen and (min-width: 769px) {
  .bast-cta .icn {
    bottom: -61.44px;
    width: 122.88px;
    height: 122.88px;
  }
}

.bast-cta-image {
  padding-top: 1vw;
}

@media screen and (min-width: 769px) {
  .bast-cta-image {
    padding-top: 7.68px;
  }
}

.bast-cta-long {
  background: #000;
  position: relative;
  z-index: 2;
  padding-top: 5vw;
}

@media screen and (min-width: 769px) {
  .bast-cta-long {
    padding-top: 38.4px;
  }
}

.bast-cta-long__button {
  width: 84vw;
  position: absolute;
  top: 176.2vw;
  left: 8vw;
  display: block;
}

@media screen and (min-width: 769px) {
  .bast-cta-long__button {
    width: 645.12px;
    top: 1353.216px;
    left: 61.44px;
  }
}

.bast-cta-long__button.first-1 {
  top: 128.2vw;
}

@media screen and (min-width: 769px) {
  .bast-cta-long__button.first-1 {
    top: 984.576px;
  }
}

.bast-cta-long__button.second-1 {
  top: 454vw;
}

@media screen and (min-width: 769px) {
  .bast-cta-long__button.second-1 {
    top: 3486.72px;
  }
}

.bast-cta-long__button.second {
  top: 502vw;
}

@media screen and (min-width: 769px) {
  .bast-cta-long__button.second {
    top: 3855.36px;
  }
}

.bast-cta-long__anchor {
  width: 56vw;
  position: absolute;
  top: 523vw;
  left: 22vw;
  display: block;
}

@media screen and (min-width: 769px) {
  .bast-cta-long__anchor {
    width: 430.08px;
    top: 4016.64px;
    left: 168.96px;
  }
}

.bast-cta-long__anchor.first-1 {
  top: 475vw;
}

@media screen and (min-width: 769px) {
  .bast-cta-long__anchor.first-1 {
    top: 3648px;
  }
}

.bast-cta-kit {
  background: #000;
  position: relative;
}

.bast-cta-kit.second {
  margin-bottom: 8vw;
}

@media screen and (min-width: 769px) {
  .bast-cta-kit.second {
    margin-bottom: 61.44px;
  }
}

.bast-cta-kit.third, .bast-cta-kit.fourth {
  padding-bottom: 16.2vw;
}

@media screen and (min-width: 769px) {
  .bast-cta-kit.third, .bast-cta-kit.fourth {
    padding-bottom: 124.416px;
  }
}

.bast-cta-kit__button {
  position: absolute;
  top: 82.3vw;
  left: 5.2vw;
  width: 90vw;
}

@media screen and (min-width: 769px) {
  .bast-cta-kit__button {
    top: 632.064px;
    left: 39.936px;
    width: 691.2px;
  }
}

.bast-cta-kit__button.second {
  top: 83.3vw;
}

@media screen and (min-width: 769px) {
  .bast-cta-kit__button.second {
    top: 639.744px;
  }
}

.bast-cta.num01 h2 {
  margin-top: 1vw;
}

@media screen and (min-width: 769px) {
  .bast-cta.num01 h2 {
    margin-top: 7.68px;
  }
}

.bast-cta.num02 .button {
  top: 181.5vw;
}

@media screen and (min-width: 769px) {
  .bast-cta.num02 .button {
    top: 1393.92px;
  }
}

.bast-cta.num02 .bast-cta-wrap {
  padding-bottom: 0;
}

.bast-cta.num02 .bast-cta-image {
  padding-top: 0;
}

.bast-cta.num03 {
  margin-bottom: 0;
}

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

.bast-cta.num03 .bast-cta-wrap {
  padding-bottom: 0;
}

@media screen and (min-width: 769px) {
  .bast-cta.num03 .bast-cta-wrap {
    padding-bottom: 0px;
  }
}

.bast-cta-wrap {
  position: relative;
  padding-top: 0.4vw;
  padding-bottom: 9.8vw;
}

@media screen and (min-width: 769px) {
  .bast-cta-wrap {
    padding-top: 3.072px;
    padding-bottom: 75.264px;
  }
}

.bast-cta .button {
  width: 84vw;
  display: block;
  position: absolute;
  top: 128vw;
  left: 8vw;
}

@media screen and (min-width: 769px) {
  .bast-cta .button {
    width: 645.12px;
    top: 983.04px;
    left: 61.44px;
  }
}

.bast-cta .button.num02 {
  top: 124vw;
}

@media screen and (min-width: 769px) {
  .bast-cta .button.num02 {
    top: 952.32px;
  }
}

.bast-cta-campaign {
  margin-top: 0;
}

@media screen and (min-width: 769px) {
  .bast-cta-campaign {
    margin-top: 0px;
  }
}

.bast-step-detail__image.first {
  margin-bottom: -0.5vw;
}

.bast-fragrance {
  background: #000;
  margin-top: -1.4vw;
  margin-bottom: -5vw;
  position: relative;
  z-index: 3;
}

@media screen and (min-width: 769px) {
  .bast-fragrance {
    margin-top: -10.752px;
    margin-bottom: -38.4px;
  }
}

.bast-lineup {
  position: relative;
}

.bast-lineup-button {
  width: 94.8vw;
  position: absolute;
  top: 87.9vw;
  left: 2.6vw;
}

@media screen and (min-width: 769px) {
  .bast-lineup-button {
    width: 728.064px;
    top: 675.072px;
    left: 19.968px;
  }
}

.bast-lineup-button.second {
  top: 100.5vw;
  width: 89.8vw;
  left: 5vw;
}

@media screen and (min-width: 769px) {
  .bast-lineup-button.second {
    top: 771.84px;
    width: 689.664px;
    left: 38.4px;
  }
}

.bast-lineup-button.third {
  top: 92vw;
}

@media screen and (min-width: 769px) {
  .bast-lineup-button.third {
    top: 706.56px;
  }
}

.bast-special {
  margin-top: -0.4vw;
}

@media screen and (min-width: 769px) {
  .bast-special {
    margin-top: -3.072px;
  }
}

.bast-special-note {
  margin-top: 2vw;
  margin-bottom: -2.8vw;
}

@media screen and (min-width: 769px) {
  .bast-special-note {
    margin-top: 15.36px;
    margin-bottom: 0;
  }
}

.bast-floating {
  position: fixed;
  width: 100%;
  height: 20vw;
  z-index: 999;
  top: auto;
  bottom: -20vw;
  -webkit-transition: .5s;
  transition: .5s;
}

@media screen and (min-width: 769px) {
  .bast-floating {
    display: none;
  }
}

.bast-floating .select {
  display: none;
}

.bast-floating.is-floated {
  bottom: 0;
}

.bast-floating .button {
  display: block;
  width: 100vw;
  height: 20vw;
  margin: 0 auto !important;
  position: relative;
  color: transparent !important;
}

@media screen and (min-width: 769px) {
  .pane-footer {
    max-width: 768px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .pane-footer .pane-footer {
    max-width: 768px;
    margin: 0 auto;
  }
}

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

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

.bast-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;
}

.bast-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) {
  .bast-footer-nav ul li a {
    font-size: 12px;
    padding: 0 10px;
    border-right: solid 1px #fff;
    line-height: .9;
  }
}

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

html {
  scroll-behavior: smooth;
}

.bast-trial {
  background: #000;
}