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

.sktb-header {
  width: 100%;
  height: 13.33vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .sktb-header {
    height: 102.3744px;
  }
}

.sktb-header-container {
  width: 100%;
  position: relative;
  z-index: 10;
  background: #fff;
}

.sktb-header__campaign {
  color: #fff;
  height: 8vw;
  width: 100%;
  background-color: #0244B6;
  text-align: center;
  line-height: 8vw;
  font-size: 3.733333vw;
  font-weight: bold;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 769px) {
  .sktb-header__campaign {
    height: 61.44px;
    line-height: 61.44px;
    font-size: 28.672px;
  }
}

.sktb-header__campaign img {
  width: 100%;
}

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

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

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

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

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

.sktb-body p {
  margin: 0;
}

.sktb-navi .sktb-block {
  margin: 0 auto 0;
  position: relative;
}

@media screen and (min-width: 769px) {
  .sktb-navi .sktb-block {
    margin: 0 auto 0;
  }
}

.sktb-navi .sktb-block-title {
  padding: 0 0 0;
  margin: 0vw auto 0;
}

@media screen and (min-width: 769px) {
  .sktb-navi .sktb-block-title {
    margin: 0px auto 0;
  }
}

.sktb-navi .sktb-block-wrap {
  background: #fff;
  margin: 0vw auto 0vw;
}

@media screen and (min-width: 769px) {
  .sktb-navi .sktb-block-wrap {
    margin: 0px auto 0px;
  }
}

.sktb-navi .sktb-block-bnr {
  display: block;
  position: absolute;
  top: 38.0vw;
  left: 2.7vw;
  width: 48.0vw;
}

@media screen and (min-width: 769px) {
  .sktb-navi .sktb-block-bnr {
    top: 291.84px;
    left: 20.736px;
    width: 368.64px;
  }
}

.sktb-navi .sktb-block-bnr.second {
  top: 38.0vw;
  left: 49.3vw;
  width: 48.0vw;
}

@media screen and (min-width: 769px) {
  .sktb-navi .sktb-block-bnr.second {
    top: 291.84px;
    left: 378.624px;
    width: 368.64px;
  }
}

.sktb-navi .sktb-block-bnr.third {
  top: 67.8vw;
  left: 2.6vw;
  width: 47.9vw;
}

@media screen and (min-width: 769px) {
  .sktb-navi .sktb-block-bnr.third {
    top: 520.704px;
    left: 19.968px;
    width: 367.872px;
  }
}

.sktb-navi .sktb-block-bnr.fourth {
  top: 67.8vw;
  left: 49.6vw;
  width: 48.0vw;
}

@media screen and (min-width: 769px) {
  .sktb-navi .sktb-block-bnr.fourth {
    top: 520.704px;
    left: 380.928px;
    width: 368.64px;
  }
}

.sktb-navi .sktb-block-bnr.fifth {
  top: 97.0vw;
  left: 2.4vw;
  width: 48.0vw;
}

@media screen and (min-width: 769px) {
  .sktb-navi .sktb-block-bnr.fifth {
    top: 744.96px;
    left: 18.432px;
    width: 368.64px;
  }
}

.sktb-navi .sktb-block-bnr.sixth {
  top: 97.0vw;
  left: 49.6vw;
  width: 48.0vw;
}

@media screen and (min-width: 769px) {
  .sktb-navi .sktb-block-bnr.sixth {
    top: 744.96px;
    left: 380.928px;
    width: 368.64px;
  }
}

.sktb-navi .sktb-block-bnr.seventh {
  top: 126.0vw;
  left: 2.7vw;
  width: 48.0vw;
}

@media screen and (min-width: 769px) {
  .sktb-navi .sktb-block-bnr.seventh {
    top: 967.68px;
    left: 20.736px;
    width: 368.64px;
  }
}

.sktb-navi .sktb-block-bnr.eighth {
  top: 126.0vw;
  left: 49.3vw;
  width: 48.0vw;
}

@media screen and (min-width: 769px) {
  .sktb-navi .sktb-block-bnr.eighth {
    top: 967.68px;
    left: 378.624px;
    width: 368.64px;
  }
}

.sktb-navi .sktb-block-links {
  position: absolute;
  top: 121.8vw;
  left: 5.3vw;
  width: 78.66vw;
}

@media screen and (min-width: 769px) {
  .sktb-navi .sktb-block-links {
    top: 935.424px;
    left: 40.704px;
    width: 604.1088px;
  }
}

.sktb-navi .sktb-block-links__link {
  width: 100%;
}

.sktb-navi .sktb-block-text {
  display: block;
  position: absolute;
  top: 147.8vw;
  left: 5.2vw;
  width: 89.5vw;
}

@media screen and (min-width: 769px) {
  .sktb-navi .sktb-block-text {
    top: 1135.104px;
    left: 39.936px;
    width: 687.36px;
  }
}

.sktb-onlinestore.second {
  padding-top: 0;
}

@media screen and (min-width: 768px) {
  .sktb-onlinestore.second {
    padding-top: 0;
  }
}

.sktb-onlinestore img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.sktb-campaign {
  padding: 0;
  margin-bottom: 4vw;
}

@media screen and (min-width: 769px) {
  .sktb-campaign {
    margin-bottom: 30.72px;
  }
}

.sktb-campaign a {
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}

.sktb-campaign2 {
  padding: 0;
  margin: 1.6vw 0 -5.3vw;
}

@media screen and (min-width: 769px) {
  .sktb-campaign2 {
    margin: 12.288px 0 -40.704px;
  }
}

.sktb-campaign2 a {
  width: 100%;
  max-width: 95.4vw;
  right: 1vw;
  display: block;
  margin: 0 auto;
  position: relative;
}

@media screen and (min-width: 769px) {
  .sktb-campaign2 a {
    max-width: 732.672px;
    right: 7.68px;
  }
}

.sktb-wrinkleitem h2 {
  background: #EA5514;
  position: relative;
}

.sktb-wrinkleitem h2:after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: auto;
  right: 0;
  left: 0;
  bottom: -3vw;
  width: 5vw;
  height: 3vw;
  background: url(/special/e/select-skin-trouble/images/icn-triangle-orange.webp) no-repeat;
  background-size: 100% 100%;
}

@media screen and (min-width: 769px) {
  .sktb-wrinkleitem h2:after {
    bottom: -23.04px;
    width: 30.72px;
    height: 23.04px;
  }
}

.sktb-wrinkleitem-wrap {
  background-color: rgba(234, 85, 20, 0.05);
  width: 100%;
}

.sktb-wrinkleitem-wrap__box1 {
  width: 100%;
  margin: 0 auto;
  max-width: 89.3vw;
  padding-top: 8.2vw;
}

@media screen and (min-width: 769px) {
  .sktb-wrinkleitem-wrap__box1 {
    max-width: 685.824px;
    padding-top: 62.976px;
  }
}

.sktb-wrinkleitem-wrap__box2 {
  width: 100%;
  margin: 0 auto;
  max-width: 89.3vw;
  padding-top: 5.9vw;
}

@media screen and (min-width: 769px) {
  .sktb-wrinkleitem-wrap__box2 {
    max-width: 685.824px;
    padding-top: 45.312px;
  }
}

.sktb-wrinkleitem-wrap__aside1 {
  padding: 3.0vw 0 0 0;
  width: 89.5vw;
}

@media screen and (min-width: 769px) {
  .sktb-wrinkleitem-wrap__aside1 {
    padding: 23.04px 0 0 0;
    width: 687.36px;
  }
}

.sktb-wrinkleitem-wrap__aside2 {
  padding: 2.7vw 0 8.6vw 0;
  width: 89.3vw;
}

@media screen and (min-width: 769px) {
  .sktb-wrinkleitem-wrap__aside2 {
    padding: 20.736px 0 66.048px 0;
    width: 685.824px;
  }
}

.sktb-wrinkleitem-wrap img:nth-child(-n+2) {
  -webkit-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.08));
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.08));
}

.sktb-whiteitem {
  margin-top: 3vw;
}

@media screen and (min-width: 769px) {
  .sktb-whiteitem {
    margin-top: 23.04px;
  }
}

.sktb-whiteitem h2 {
  background: #D8236B;
  position: relative;
}

.sktb-whiteitem h2:after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: auto;
  right: 0;
  left: 0;
  bottom: -3vw;
  width: 5vw;
  height: 3vw;
  background: url(/special/e/select-skin-trouble/images/icn-triangle-pink.webp) no-repeat;
  background-size: 100% 100%;
}

@media screen and (min-width: 769px) {
  .sktb-whiteitem h2:after {
    bottom: -23.04px;
    width: 30.72px;
    height: 23.04px;
  }
}

.sktb-whiteitem-wrap {
  background-color: rgba(0, 0, 0, 0.05);
  width: 100%;
}

.sktb-whiteitem-wrap__box1 {
  width: 100%;
  margin: 0 auto;
  max-width: 89.3vw;
  padding-top: 8.2vw;
}

@media screen and (min-width: 769px) {
  .sktb-whiteitem-wrap__box1 {
    max-width: 685.824px;
    padding-top: 62.976px;
  }
}

.sktb-whiteitem-wrap__box2 {
  width: 100%;
  margin: 0 auto;
  max-width: 89.3vw;
  padding-top: 5.8vw;
}

@media screen and (min-width: 769px) {
  .sktb-whiteitem-wrap__box2 {
    max-width: 685.824px;
    padding-top: 44.544px;
  }
}

.sktb-whiteitem-wrap__aside1 {
  padding: 3.3vw 0 0 0;
}

@media screen and (min-width: 769px) {
  .sktb-whiteitem-wrap__aside1 {
    padding: 25.344px 0 0 0;
  }
}

.sktb-whiteitem-wrap__aside2 {
  width: 89.2vw;
  padding: 3.5vw 1vw 8.8vw 0;
}

@media screen and (min-width: 769px) {
  .sktb-whiteitem-wrap__aside2 {
    width: 685.056px;
    padding: 26.88px 7.68px 67.584px 0;
  }
}

.sktb-whiteitem-wrap img:nth-child(-n+2) {
  -webkit-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.08));
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.08));
}

.sktb-baitem {
  margin-top: 4.1vw;
}

@media screen and (min-width: 769px) {
  .sktb-baitem {
    margin-top: 31.488px;
  }
}

.sktb-baitem h2 {
  background: #000000;
  position: relative;
}

.sktb-baitem h2:after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: auto;
  right: 0;
  left: 0;
  bottom: -3vw;
  width: 5vw;
  height: 3vw;
  background: url(/special/e/select-skin-trouble/images/icn-triangle-black.webp) no-repeat;
  background-size: 100% 100%;
}

@media screen and (min-width: 769px) {
  .sktb-baitem h2:after {
    bottom: -23.04px;
    width: 30.72px;
    height: 23.04px;
  }
}

.sktb-baitem-wrap {
  background-color: rgba(153, 153, 153, 0.3);
  width: 100%;
}

.sktb-baitem-wrap__box1 {
  width: 100%;
  margin: 0 auto;
  max-width: 89.3vw;
  padding-top: 8.0vw;
}

@media screen and (min-width: 769px) {
  .sktb-baitem-wrap__box1 {
    max-width: 685.824px;
    padding-top: 61.44px;
  }
}

.sktb-baitem-wrap__box2 {
  width: 100%;
  margin: 0 auto;
  max-width: 89.3vw;
  padding-top: 5.1vw;
}

@media screen and (min-width: 769px) {
  .sktb-baitem-wrap__box2 {
    max-width: 685.824px;
    padding-top: 39.168px;
  }
}

.sktb-baitem-wrap__aside1 {
  padding: 3.3vw 27.5vw 0 0;
}

@media screen and (min-width: 769px) {
  .sktb-baitem-wrap__aside1 {
    padding: 25.344px 211.2px 0 0;
  }
}

.sktb-baitem-wrap__aside2 {
  width: 89.3vw;
  padding: 3.8vw 2.2vw 8.8vw 0;
}

@media screen and (min-width: 769px) {
  .sktb-baitem-wrap__aside2 {
    width: 685.824px;
    padding: 29.184px 16.896px 67.584px 0;
  }
}

.sktb-baitem-wrap img:nth-child(-n+2) {
  -webkit-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.08));
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.08));
}

.sktb-uvitem1 {
  margin-top: 2.7vw;
}

@media screen and (min-width: 769px) {
  .sktb-uvitem1 {
    margin-top: 20.736px;
  }
}

.sktb-uvitem1 h2 {
  background: #FFFFFF;
  position: relative;
}

.sktb-uvitem1 h2:after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: auto;
  right: 0;
  left: 0;
  bottom: -3vw;
  width: 5vw;
  height: 3vw;
  background: url(/special/e/select-skin-trouble/images/icn-triangle-grey.webp) no-repeat;
  background-size: 100% 100%;
}

@media screen and (min-width: 769px) {
  .sktb-uvitem1 h2:after {
    bottom: -23.04px;
    width: 30.72px;
    height: 23.04px;
  }
}

.sktb-uvitem1-wrap {
  background-color: white;
  width: 100%;
}

.sktb-uvitem1-wrap__box1 {
  width: 100%;
  margin: 0 auto;
  max-width: 89.3vw;
  padding-top: 7.9vw;
}

@media screen and (min-width: 769px) {
  .sktb-uvitem1-wrap__box1 {
    max-width: 685.824px;
    padding-top: 60.672px;
  }
}

.sktb-uvitem1-wrap__box1 img:first-of-type {
  -webkit-filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.08));
  filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.08));
}

.sktb-uvitem1-wrap__aside1 {
  padding: 3.1vw 0 0 0;
}

@media screen and (min-width: 769px) {
  .sktb-uvitem1-wrap__aside1 {
    padding: 23.808px 0 0 0;
  }
}

.sktb-uvitem2 {
  margin-top: 8.2vw;
}

@media screen and (min-width: 769px) {
  .sktb-uvitem2 {
    margin-top: 62.976px;
  }
}

.sktb-uvitem2 h2 {
  background: #FFFFFF;
  position: relative;
}

.sktb-uvitem2 h2:after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: auto;
  right: 0;
  left: 0;
  bottom: -3vw;
  width: 5vw;
  height: 3vw;
  background: url(/special/e/select-skin-trouble/images/icn-triangle-ba.webp) no-repeat;
  background-size: 100% 100%;
}

@media screen and (min-width: 769px) {
  .sktb-uvitem2 h2:after {
    bottom: -23.04px;
    width: 30.72px;
    height: 23.04px;
  }
}

.sktb-uvitem2-wrap {
  background-color: rgba(153, 153, 153, 0.3);
  width: 100%;
}

.sktb-uvitem2-wrap__box1 {
  width: 100%;
  margin: 0 auto;
  max-width: 89.3vw;
  padding-top: 8.0vw;
}

@media screen and (min-width: 769px) {
  .sktb-uvitem2-wrap__box1 {
    max-width: 685.824px;
    padding-top: 61.44px;
  }
}

.sktb-uvitem2-wrap__box1 img:first-of-type {
  -webkit-filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.08));
  filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.08));
}

.sktb-uvitem2-wrap__aside1 {
  padding: 3.9vw 0 8.0vw 0;
}

@media screen and (min-width: 769px) {
  .sktb-uvitem2-wrap__aside1 {
    padding: 29.952px 0 61.44px 0;
  }
}

.sktb-onlineshop {
  padding-top: 0.2vw;
  margin-bottom: 1vw;
}

@media screen and (min-width: 769px) {
  .sktb-onlineshop {
    padding-top: 1.536px;
    margin-bottom: 7.68px;
  }
}

.sktb-attention {
  padding-top: 0.2vw;
  position: relative;
  margin-left: -0.6vw;
}

@media screen and (min-width: 769px) {
  .sktb-attention {
    padding-top: 1.536px;
    margin-left: -4.608px;
  }
}

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

.sktb-attention a:hover {
  opacity: .7;
}

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

.sktb-brand {
  margin-top: 0vw;
}

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

.sktb-brand h2 img {
  display: block;
  margin: 0 auto;
}

.sktb-brand-item.wrinkle {
  background: #FF5400;
}

.sktb-brand-item.ba {
  background: #000000;
}

.sktb-brand-item.white {
  background: #D8236B;
}

.sktb-brand-item a {
  display: block;
  max-width: 881px;
  margin: 0 auto;
}

.sktb-gotop {
  width: 18.6vw;
  height: 18.6vw;
  position: fixed;
  bottom: -23vw;
  right: 3vw;
  -webkit-box-shadow: 0 0 2.6vw rgba(1, 68, 182, 0.3);
  box-shadow: 0 0 2.6vw rgba(1, 68, 182, 0.3);
  border-radius: 30vw;
  -webkit-transition: .5s;
  transition: .5s;
  z-index: 10000;
}

@media screen and (min-width: 769px) {
  .sktb-gotop {
    width: 78px;
    height: 78px;
    bottom: -120px;
    right: 0;
    left: 0;
    margin: 0 auto;
    -webkit-transform: translateX(330px);
    -ms-transform: translateX(330px);
    transform: translateX(330px);
  }
}

.sktb-gotop.is-floated {
  bottom: 3vw;
}

@media screen and (min-width: 769px) {
  .sktb-gotop.is-floated {
    bottom: 20px;
  }
}

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

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

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

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

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

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