@charset "UTF-8";
body {
  margin: 0;
}

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

body img {
  max-height: initial !important;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: sans-serif;
}

h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
}

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

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

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

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

.c-header {
  z-index: 10000;
  line-height: 1;
}

.wskw-body {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  margin: 0;
  font-family: "YuGothic", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  line-height: 1;
  background: #fff;
}

.wskw-body img {
  max-width: 100%;
  display: block;
  border: 0;
}

.wskw-body img[src$=".svg"] {
  width: 100%;
}

.wskw-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wskw-body ul li {
  padding: 0;
}

.wskw-body p {
  margin: 0;
}

.wskw-body .wskw-content {
  padding-bottom: 14.5vw;
}

@media screen and (min-width: 769px) {
  .wskw-body .wskw-content {
    padding-bottom: 91px;
  }
}

.wskw-products-intro {
  margin-top: -0.9vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-intro {
    margin-top: -6.912px;
  }
}

.wskw-products-intro__down img {
  margin: 0 auto;
  width: 12.53vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-intro__down img {
    width: 96.2304px;
  }
}

.wskw-products-intro02 {
  margin-top: -0.1vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-intro02 {
    margin-top: -0.768px;
  }
}

.wskw-products-intro02__down img {
  margin: 0 auto;
  width: 12.5vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-intro02__down img {
    width: 96px;
  }
}

.wskw-products.white {
  background: #fff;
}

.wskw-products.gray {
  background: #F8F8F8;
  padding: 0 0 13.2vw;
}

@media screen and (min-width: 769px) {
  .wskw-products.gray {
    padding: 0 0 101.376px;
  }
}

.wskw-products-item .special-item {
  margin-top: -3vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item .special-item {
    margin-top: -23.04px;
  }
}

.wskw-products-item.qxs {
  margin: 0 auto 0;
}

@media screen and (min-width: 769px) {
  .wskw-products-item.qxs {
    margin: 0 auto 0;
  }
}

.wskw-products-item-note.sxs {
  margin-top: -0.3vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item-note.sxs {
    margin-top: -2.304px;
  }
}

.wskw-products-item-note.facial {
  margin: -0.7vw auto 1vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item-note.facial {
    margin: -5.376px auto 7.68px;
  }
}

.wskw-products-item-note.ixs {
  margin: 0.5vw auto 11.6vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item-note.ixs {
    margin: 3.84px auto 89.088px;
  }
}

.wskw-products-item-button img {
  width: 89.3333vw;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .wskw-products-item-button img {
    width: 686.07974px;
  }
}

.wskw-products-item-button.facial1 {
  display: block;
  padding: 1vw 0 0.9vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item-button.facial1 {
    padding: 7.68px 0 6.912px;
  }
}

.wskw-products-item-button.facial2 {
  position: absolute;
  top: 129vw;
  left: 0;
  width: 100vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item-button.facial2 {
    top: 990.72px;
    width: 768px;
  }
}

.wskw-products-item-button.facial2 img {
  width: 100%;
}

.wskw-products-item-button.uv1 {
  padding: 1vw 0 0.9vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item-button.uv1 {
    padding: 7.68px 0 6.912px;
  }
}

.wskw-products-item-button.uv1 img {
  width: 100%;
}

.wskw-products-item-button.uv2 {
  padding: 1vw 0 0.9vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item-button.uv2 {
    padding: 7.68px 0 6.912px;
  }
}

.wskw-products-item-button.uv2 img {
  width: 100%;
}

.wskw-products-item__voice {
  position: relative;
}

.wskw-products-item__voice.sxs a, .wskw-products-item__voice.qxs a, .wskw-products-item__voice.ixs a, .wskw-products-item__voice.rixs a {
  position: absolute;
  bottom: 13.4vw;
  left: 0;
  right: 0;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__voice.sxs a, .wskw-products-item__voice.qxs a, .wskw-products-item__voice.ixs a, .wskw-products-item__voice.rixs a {
    bottom: 102.912px;
  }
}

.wskw-products-item__voice.uv {
  margin-bottom: 0.4vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__voice.uv {
    margin-bottom: 3.072px;
  }
}

.wskw-products-item__voice.uv a {
  position: absolute;
  bottom: 7.9vw;
  left: 0;
  right: 0;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__voice.uv a {
    bottom: 60.672px;
  }
}

.wskw-products-item__voice.dx a {
  position: absolute;
  bottom: 13.2vw;
  left: 0;
  right: 0;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__voice.dx a {
    bottom: 101.376px;
  }
}

.wskw-products-item__voice.lx a {
  position: absolute;
  bottom: 13.5vw;
  left: 0;
  right: 0;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__voice.lx a {
    bottom: 103.68px;
  }
}

.wskw-products-item__voice .bkg_voice.uv {
  padding-top: 0;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__voice .bkg_voice.uv {
    padding-top: 0px;
  }
}

.wskw-products-item__voice .bkg_voice.dx {
  padding-top: 2.7vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__voice .bkg_voice.dx {
    padding-top: 20.736px;
  }
}

.wskw-products-item__voice .bkg_voice.lx {
  margin-top: -0.8vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__voice .bkg_voice.lx {
    margin-top: -6.144px;
  }
}

.wskw-products-item__voice .bkg_voice.qxs {
  margin-top: 4vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__voice .bkg_voice.qxs {
    margin-top: 30.72px;
  }
}

.wskw-products-item__voice .bkg_voice.ixs {
  margin-top: 1.2vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__voice .bkg_voice.ixs {
    margin-top: 9.216px;
  }
}

.wskw-products-item__voice .bkg_voice.rixs {
  margin-top: 2.1vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__voice .bkg_voice.rixs {
    margin-top: 16.128px;
  }
}

.wskw-products-item__voicetitle {
  margin: 8vw auto 7.7333vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__voicetitle {
    margin: 61.44px auto 59.39174px;
  }
}

.wskw-products-item__voicetitle.uv {
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__voicetitle.uv {
    margin: 0 auto;
  }
}

.wskw-products-item__voicetitle.dx {
  margin: 8vw auto 8vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__voicetitle.dx {
    margin: 61.44px auto 61.44px;
  }
}

.wskw-products-item__voicetitle.cxs {
  margin: 8vw auto 8vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__voicetitle.cxs {
    margin: 61.44px auto 61.44px;
  }
}

.wskw-products-item__voicetitle.qxs {
  margin: 9.1vw auto 3.3vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__voicetitle.qxs {
    margin: 69.888px auto 25.344px;
  }
}

.wskw-products-item__voicetitle.ixs {
  margin: 10.9vw auto 7.7333vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__voicetitle.ixs {
    margin: 83.712px auto 59.39174px;
  }
}

.wskw-products-item__effect.facial {
  position: relative;
  margin-top: 10.2vw;
}

@media screen and (min-width: 769px) {
  .wskw-products-item__effect.facial {
    margin-top: 78.336px;
  }
}

.wskw-foot-product-logo {
  margin: 16vw auto 9.1vw;
}

@media screen and (min-width: 769px) {
  .wskw-foot-product-logo {
    margin: 122.88px auto 69.888px;
  }
}

.wskw-foot-button img {
  width: 89.3333vw;
  margin: 0 auto 0;
}

@media screen and (min-width: 769px) {
  .wskw-foot-button img {
    width: 686.07974px;
  }
}

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

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

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

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

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

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

.wskw-otherbrand-list {
  margin: 0.3vw;
}

.wskw-otherbrand-list li a img {
  width: 93.3333vw;
  margin: 0 auto 4.2666vw;
}

@media screen and (min-width: 769px) {
  .wskw-otherbrand-list li a img {
    width: 716.79974px;
    margin: 0 auto 32.76749px;
  }
}