* {
  max-width: 100vw;
}

html {
  width: 100vw;
}

body {
  margin: 0;
  overflow-y: hidden !important;
}

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

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

img {
  width: 100%;
}

.sxs-mv-wrap {
  position: relative;
}

.sxs-mv-button {
  position: absolute;
  top: 149.4vw;
  left: 6.7vw;
  width: 86.6vw;
}

@media screen and (min-width: 769px) {
  .sxs-mv-button {
    top: 1147.392px;
    left: 51.456px;
    width: 665.088px;
  }
}

.sxs-cta-cp {
  position: relative;
}

.sxs-cta-cp-button {
  position: absolute;
  width: 55vw;
  top: 57.5vw;
  left: 22.5vw;
}

@media screen and (min-width: 769px) {
  .sxs-cta-cp-button {
    width: 422.4px;
    top: 449.6px;
    left: 172.8px;
  }
}

.sxs-cta-halflong {
  position: relative;
  background: #fff;
}

.sxs-cta-halflong-title {
  width: 100%;
  padding: 0;
  margin: 7.9vw auto 0;
  background: #fff;
}

@media screen and (min-width: 769px) {
  .sxs-cta-halflong-title {
    margin: 60.672px auto 0;
  }
}

.sxs-cta-halflong-image {
  position: relative;
  padding: 0;
}

.sxs-cta-halflong-bg {
  background: #D8236B;
}

.sxs-cta-halflongwrap {
  background: #D8236B;
  position: relative;
}

@media screen and (min-width: 769px) {
  .sxs-cta-halflongwrap {
    width: 1280px;
  }
}

.sxs-cta-halflong-button {
  position: absolute;
  top: 117vw;
  left: 6.7vw;
  width: 86.6vw;
}

@media screen and (min-width: 769px) {
  .sxs-cta-halflong-button {
    top: 898.56px;
    left: 51.456px;
    width: 665.088px;
  }
}

.sxs-cta-halflong-button.note {
  top: 331.0vw;
  left: 0;
  right: 0;
  width: 26.13333vw;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .sxs-cta-halflong-button.note {
    top: 2551px;
    width: 200.704px;
  }
}

.sxs-cta-halflong-button.substructure {
  top: 345.4vw;
  width: 91.4vw;
  left: 4.5vw;
}

@media screen and (min-width: 769px) {
  .sxs-cta-halflong-button.substructure {
    top: 2652.672px;
    width: 701.952px;
    left: 34.56px;
  }
}

.sxs-cta-normallong {
  position: relative;
  background: #fff;
  padding: 0;
  margin: 0vw auto 0vw;
}

@media screen and (min-width: 769px) {
  .sxs-cta-normallong {
    margin: 0px auto 0px;
  }
}

.sxs-cta-normallong-button {
  position: absolute;
  top: 166vw;
  left: 7.7vw;
  width: 84.5vw;
}

@media screen and (min-width: 769px) {
  .sxs-cta-normallong-button {
    top: 1274.88px;
    left: 59.136px;
    width: 648.96px;
  }
}

.sxs-cta-normallong-button.note {
  top: 129.4vw;
  left: 36vw;
  width: calc(98vw / 3.75);
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .sxs-cta-normallong-button.note {
    top: 1001px;
    left: 276.48px;
    width: 200.704px;
  }
}

.sxs-cta-normallong-button.substructure {
  top: 446.3vw;
  left: 6.8vw;
  width: 85.5vw;
}

@media screen and (min-width: 769px) {
  .sxs-cta-normallong-button.substructure {
    top: 3427.584px;
    left: 52.224px;
    width: 656.64px;
  }
}

.sxs-cta-halfshort {
  background: #fff;
  position: relative;
}

.sxs-cta-halfshort-title {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 2.8vw 0 0;
}

@media screen and (min-width: 769px) {
  .sxs-cta-halfshort-title {
    padding: 21.504px 0 0;
  }
}

.sxs-cta-halfshort-bg {
  background: #D8236B;
  width: 100%;
}

.sxs-cta-halfshort-button {
  position: absolute;
  top: 63vw;
  left: 6.7vw;
  width: 86.5vw;
}

@media screen and (min-width: 769px) {
  .sxs-cta-halfshort-button {
    top: 483.84px;
    left: 51.456px;
    width: 664.32px;
  }
}

.sxs-cta-halfshort-button.note {
  top: 183vw;
  left: 36.5vw;
  width: calc(98vw / 3.75);
}

@media screen and (min-width: 769px) {
  .sxs-cta-halfshort-button.note {
    top: 1417px;
    left: 280.32px;
    width: 200.704px;
  }
}

.sxs-cta-halfshort.num02 {
  margin: 0 auto 0;
}

@media screen and (min-width: 769px) {
  .sxs-cta-halfshort.num02 {
    margin: 0 auto 0;
  }
}

.sxs-cta-halfshort02 {
  background: #fff;
  position: relative;
}

.sxs-cta-halfshort02-title {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 2.8vw 0 0;
}

@media screen and (min-width: 769px) {
  .sxs-cta-halfshort02-title {
    padding: 21.504px 0 0;
  }
}

.sxs-cta-halfshort02-bg {
  background: #D8236B;
  width: 100%;
}

.sxs-cta-halfshort02-button {
  position: absolute;
  top: 166vw;
  left: 7.7vw;
  width: 84.5vw;
}

@media screen and (min-width: 769px) {
  .sxs-cta-halfshort02-button {
    top: 1274.88px;
    left: 59.136px;
    width: 648.96px;
  }
}

.sxs-cta-halfshort02-button.note {
  top: 187.8vw;
  left: 29vw;
  width: 42vw;
}

@media screen and (min-width: 769px) {
  .sxs-cta-halfshort02-button.note {
    top: 1452.304px;
    left: 222.72px;
    width: 322.56px;
  }
}

.sxs-cta-halfshort02.num02 {
  margin: 5.8vw auto 0;
}

@media screen and (min-width: 769px) {
  .sxs-cta-halfshort02.num02 {
    margin: 59.904px auto 0;
  }
}

.sxs-cta-normalshort {
  position: relative;
  background: #FFFFFF;
  margin-bottom: 0.1vw;
  margin-top: 0.1vw;
}

@media screen and (min-width: 769px) {
  .sxs-cta-normalshort {
    margin-bottom: 0.768px;
    margin-top: 0.768px;
  }
}

.sxs-cta-normalshort-image {
  position: relative;
  padding: 0;
}

.sxs-cta-normalshort-button {
  position: absolute;
  top: 75vw;
  left: 6.7vw;
  width: 86.6vw;
}

@media screen and (min-width: 769px) {
  .sxs-cta-normalshort-button {
    top: 576px;
    left: 51.456px;
    width: 665.088px;
  }
}

.sxs-cta-normalshort-button.note {
  top: 131.5vw;
  left: 35.8vw;
  width: calc(98vw / 3.75);
}

@media screen and (min-width: 769px) {
  .sxs-cta-normalshort-button.note {
    top: 1018px;
    left: 274.944px;
    width: 200.704px;
  }
}

.sxs-cta-normalshort-substructure-button {
  display: none;
}

.sxs-cta-group {
  background: url(/special/e/whiteshot-sxs/images/bkg-cta-group.webp) no-repeat;
  background-size: 100% 100%;
}

.sxs-cta-group-inner {
  margin: 0.2vw auto 0;
}

@media screen and (min-width: 769px) {
  .sxs-cta-group-inner {
    margin: 1.536px auto 0;
  }
}

.sxs-cta-group-cta {
  position: relative;
}

.sxs-cta-group-cta a {
  display: block;
  position: absolute;
  width: 78.6vw;
  bottom: 9.1vw;
  left: 10.6vw;
}

@media screen and (min-width: 769px) {
  .sxs-cta-group-cta a {
    width: 603.648px;
    bottom: 69.888px;
    left: 81.408px;
  }
}

.sxs-cta-group-banner {
  margin: 2vw auto 0;
}

@media screen and (min-width: 769px) {
  .sxs-cta-group-banner {
    margin: 15.36px auto 0;
  }
}

.sxs-campaign {
  background: #F5F5F5;
  padding: 0 0 0.4vw;
}

@media screen and (min-width: 769px) {
  .sxs-campaign {
    padding: 0 0 3.072px;
  }
}

.sxs-campaign.num02 {
  padding: 2.0vw 0 6.5vw;
}

@media screen and (min-width: 769px) {
  .sxs-campaign.num02 {
    padding: 15.36px 0 49.92px;
  }
}

.sxs-campaign.num03 {
  padding: 1vw 0 9.3vw;
}

@media screen and (min-width: 769px) {
  .sxs-campaign.num03 {
    padding: 7.68px 0 71.424px;
  }
}

.sxs-campaign.num04 {
  padding: 4vw 0 6.4vw;
}

@media screen and (min-width: 769px) {
  .sxs-campaign.num04 {
    padding: 30.72px 0 49.152px;
  }
}

.sxs-reason {
  z-index: 1;
  position: relative;
  margin-top: -0.5vw;
  margin-bottom: 0;
  padding-bottom: 8.5vw;
  background: url(/special/e/whiteshot-sxs/images/bkg-reason-v3.webp) no-repeat;
  background-size: 100% 100%;
}

@media screen and (min-width: 769px) {
  .sxs-reason {
    margin-top: -3.84px;
    padding-bottom: 65.28px;
  }
}

.sxs-reason-detail {
  position: relative;
}

.sxs-reason-detail .bihaku {
  margin: 0 auto;
}

.sxs-reason-detail .care {
  margin: 0 auto 0;
}

.sxs-reason-detail .care-button {
  position: absolute;
  top: 42.9vw;
  left: 0;
  right: 0;
  margin: auto;
  width: 79.5vw;
}

@media screen and (min-width: 769px) {
  .sxs-reason-detail .care-button {
    top: 329.472px;
    width: 610.56px;
  }
}

.sxs-reason-detail .study {
  margin-top: -0.7vw;
}

@media screen and (min-width: 769px) {
  .sxs-reason-detail .study {
    margin-top: -5.376px;
  }
}

.sxs-reason-detail .effect {
  margin: 0 auto;
}

.sxs-reason-button {
  width: 53vw;
  margin: 3vw auto 0;
}

@media screen and (min-width: 769px) {
  .sxs-reason-button {
    width: 407.04px;
    margin: 23.04px auto 0;
  }
}

.sxs-quasidrug {
  background: #FFFFFF;
}

.sxs-onlinestore {
  background: #F5F5F5;
}

.sxs-voice {
  margin-top: 0;
  padding-bottom: 10.4vw;
}

@media screen and (min-width: 769px) {
  .sxs-voice {
    padding-bottom: 79.872px;
  }
}

.sxs-voice-button {
  width: 52.6vw;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .sxs-voice-button {
    width: 403.968px;
  }
}

.sxs-voice-professional {
  margin-bottom: .4vw;
  padding-top: 0.2vw;
}

@media screen and (min-width: 769px) {
  .sxs-voice-professional {
    margin-bottom: 3.072px;
    padding-top: 1.536px;
  }
}

.sxs-howto {
  padding-bottom: 3.1vw;
  background: #fff;
  z-index: 1;
  position: relative;
}

@media screen and (min-width: 769px) {
  .sxs-howto {
    padding-bottom: 23.808px;
  }
}

.sxs-howto-video__player {
  width: 89vw;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .sxs-howto-video__player {
    width: 683.52px;
  }
}

.sxs-howto-video__player .vjs-big-play-button {
  top: 50% !important;
  left: 50% !important;
  margin-left: -30px !important;
  margin-top: -30px !important;
  width: 60px !important;
  height: 60px !important;
  line-height: 60px !important;
}

.sxs-cause {
  margin: -0.1vw auto -0.1vw;
}

@media screen and (min-width: 769px) {
  .sxs-cause {
    margin: -0.768px auto -0.768px;
  }
}

.sxs-feature {
  padding-top: 0vw;
}

@media screen and (min-width: 769px) {
  .sxs-feature {
    padding-top: 0px;
  }
}

.sxs-history {
  margin: 0vw auto 10.9vw;
}

@media screen and (min-width: 769px) {
  .sxs-history {
    margin: 0px auto 83.712px;
  }
}

.sxs-about {
  margin: 0 auto 0;
  padding: 0;
}

@media screen and (min-width: 769px) {
  .sxs-about {
    margin: 0 auto 0;
  }
}

.sxs-about-item {
  position: relative;
}

.sxs-about-item.wrinkle {
  padding: 0;
  background-color: #FF540C;
}

.sxs-about-item.ba {
  background-color: #000000;
}

.sxs-about-item__button {
  position: absolute;
}

.sxs-about-item__button.wrinkle {
  width: 97.7vw;
  top: 94vw;
  left: 1vw;
}

@media screen and (min-width: 769px) {
  .sxs-about-item__button.wrinkle {
    width: 750.336px;
    top: 723px;
    left: 7.68px;
  }
}

.sxs-about-item__button.ba {
  width: 40vw;
  top: 45.6vw;
  left: 49.4vw;
}

@media screen and (min-width: 769px) {
  .sxs-about-item__button.ba {
    width: 307.2px;
    top: 350.208px;
    left: 379.392px;
  }
}

.sxs-info-attention {
  position: relative;
  margin: 0 0 0;
}

@media screen and (min-width: 769px) {
  .sxs-info-attention {
    margin: 0 0 0;
  }
}

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

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

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

.sxs-banners {
  background: #F5F5F5;
  padding-top: 0;
  padding-bottom: 6.5vw;
}

@media screen and (min-width: 769px) {
  .sxs-banners {
    padding-top: 0;
    padding-bottom: 49.92px;
  }
}

.sxs-banners-item {
  width: 97vw;
  margin: -6vw auto 0;
}

@media screen and (min-width: 769px) {
  .sxs-banners-item {
    width: 744.96px;
    margin: -46.08px auto 0;
  }
}

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

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

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

.sxs-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) {
  .sxs-modal {
    width: 100vw;
  }
}

.sxs-modal-body {
  width: 89.3vw;
  height: 83.3vh;
  max-height: 90vh;
  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;
}

@media screen and (min-width: 769px) {
  .sxs-modal-body {
    width: 685px;
  }
}

.sxs-modal-body.care {
  height: calc(541vw / 335 * 89.3);
}

@media screen and (min-width: 769px) {
  .sxs-modal-body.care {
    height: calc(541px / 335 * 685);
  }
}

.sxs-modal-body.ingredients {
  height: calc(432vw / 335 * 89.3);
}

@media screen and (min-width: 769px) {
  .sxs-modal-body.ingredients {
    height: calc(432px / 335 * 685);
  }
}

.sxs-modal-body.content {
  height: calc(500vw / 335 * 89.3);
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  .sxs-modal-body.content {
    height: calc(320px / 335 * 685);
  }
}

.sxs-modal-body.note-half {
  height: calc(326vw / 335 * 89.3);
}

@media screen and (min-width: 769px) {
  .sxs-modal-body.note-half {
    height: calc(326px / 335 * 685);
  }
}

.sxs-modal .close {
  position: absolute;
  cursor: pointer;
  width: 10.66667vw;
  height: 10.66667vw;
  top: 4vw;
  right: 4vw;
}

@media screen and (min-width: 769px) {
  .sxs-modal .close {
    width: 81.92px;
    height: 81.92px;
    top: 30.72px;
    right: 30.72px;
  }
}

.sxs-modal-header {
  width: 100%;
  height: 15.2%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
}

@media screen and (min-width: 769px) {
  .sxs-modal-header {
    height: 116.736px;
  }
}

.sxs-modal-wrapper {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  max-height: 90vh;
}

.sxs-modal-inner {
  width: auto;
  margin: 0 auto;
  position: relative;
}

.sxs-modal .btn {
  bottom: 3.5vw;
  width: 93vw;
  left: -1.5vw;
  position: absolute;
}

@media screen and (min-width: 769px) {
  .sxs-modal .btn {
    max-width: 700px !important;
    bottom: 25px;
    width: 685px;
    left: 0px;
  }
}

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

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

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

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

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