@charset "UTF-8";
body {
  margin: 0;
}
#content {
  max-width: 750px;
  margin: 0 auto;

  font-size: 16px;
  font-family: "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, Osaka,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
#content * {
  box-sizing: border-box;
}
#content * ::before,
#content * ::after {
  box-sizing: inherit;
}
#content main {
  display: block;
}
#content p,
#content table,
#content blockquote,
#content address,
#content pre,
#content iframe,
#content form,
#content figure,
#content dl {
  margin: 0;
  padding: 0;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  border: 0;
}
#content ul,
#content ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
#content dt {
  font-weight: bold;
}
#content dd {
  margin-left: 0;
}
#content hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit;
}
#content pre {
  font-family: monospace, monospace;
  font-size: inherit;
}
#content address {
  font-style: inherit;
}
#content a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}
#content abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
#content b,
#content strong {
  font-weight: bolder;
}
#content code,
#content kbd,
#content samp {
  font-family: monospace, monospace;
  font-size: inherit;
}
#content small {
  font-size: 80%;
}
#content sub,
#content sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
#content sub {
  bottom: -0.25em;
}
#content sup {
  top: -0.5em;
}
#content img {
  width: 100%;
  display: block;
  border-style: none;
  vertical-align: bottom;
  max-width: unset !important;
}
#content embed,
#content object,
#content iframe {
  border: 0;
  vertical-align: bottom;
}
#content button,
#content input,
#content optgroup,
#content select,
#content textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}
#content [type="checkbox"] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}
#content [type="radio"] {
  -webkit-appearance: radio;
  appearance: radio;
}
#content button,
#content input {
  overflow: visible;
}
#content button,
#content select {
  font-size: 22px;
  text-transform: none;
  border: 1px solid #c6b78c;
  padding: 0.5em 1em;
}
@media (max-width: 750px) {
  #content button,
  #content select {
    font-size: 4.1vw;
    padding: 0.5em 1.5em 0.5em 0.5em;
  }
}
#content select {
  background-image: url("/lp/make_perfectkit/standard/img_y_s/icon_tri.png");
  background-repeat: no-repeat;
  background-position: right 3% top 50%;
  width: 410px;
}
#content .select_label {
  font-size: 26px;
  margin-right: 0.5em;
}
@media (max-width: 750px) {
  #content select {
    width: 270px;
  }
  #content .select_label {
    font-size: 3.4667vw;
  }
}
#content button,
#content [type="button"],
#content [type="reset"],
#content [type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
#content button[disabled],
#content [type="button"][disabled],
#content [type="reset"][disabled],
#content [type="submit"][disabled] {
  cursor: default;
}
#content button::-moz-focus-inner,
#content [type="button"]::-moz-focus-inner,
#content [type="reset"]::-moz-focus-inner,
#content [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

#content video {
  width: 100%;
  max-width: 100%;
  height: auto;
}

#content .p-box {
  position: relative;
}
#content .select_wrap {
  display: flex;
  align-items: center;
  padding-bottom: 5%;
  justify-content: center;
  width: 100%;
}


/* ---------------------------------- cv */
#content .cv-area {
  position: relative; 
}
#content .cv-area-btn01 ,#content .cv-area-btn02 ,#content .cv-area-btn03 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: calc(608 / 750 * 100%);
  padding-left: 1%;
}
#content .cv-area-btn01 {
  top: min(calc(11 / 750 * 100vw), 11px);
}
#content .cv-area-btn02 {
  bottom: min(calc(50 / 750 * 100vw), 50px);
}
#content .cv-area-btn03 {
  bottom: 66%;
}
#content .block-lp--amazonpay {
  margin-top: 3%;
}
#content .block-lp--amazonpay-button {
  width: inherit !important;
  height: min(calc(73 / 750 * 100vw), 73px) !important;
  margin: 0 auto;
}

/* ---------------------------------- luscios skin */
#content .luscios_skin {
  position: relative; 
}
#content .luscions_skin_btn01 ,#content .luscions_skin_btn02 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: min(calc(624 / 750 * 100vw), 624px);
  padding-left: 1%;
}
#content .luscions_skin_btn01 {
  bottom: min(calc(190 / 750 * 100vw), 190px);
}
#content .luscions_skin_btn02 {
  bottom: min(calc(70 / 750 * 100vw), 70px);
}

/* ---------------------------------- cm */
#content .cm {
  padding-bottom: min(calc(120 / 750 * 100vw), 120px);
}
#content .cm .cm_video{
  width: 100%;
  aspect-ratio: 16 / 9;
}
#content .cm .cm_video iframe{
  width: 100%;
  height: 100%;
}

/* ---------------------------------- voice */
.user_voice {
  background: url("/lp/make_perfectkit/standard/img_y_s/voice_02.jpg") no-repeat bottom center;
  background-size: 100% auto;
  width: 100%;
  height: min(calc(1064/750*100vw), 1064px);
}
.user_voice .voice_inner {
  width: min(calc(660/750*100vw),660px);
  height: min(calc(630/750*100vw),630px);
  margin: auto;
}

.user_voice .voice_inner .scroll_img {
  list-style-type: none;
  background: rgb(255, 255, 255, 0.7);
}
.user_voice .voice_inner .scroll_img img {
  width: 100%;
}

.user_voice .voice_inner li:hover {
  animation-play-state: paused;
}

.wpaw-slider .slick-slide {
  max-height: 657px;
}
@media screen and (max-width: 750px){
.user_voice .voice_inner .scroll_img img {
    height: auto;
}
}

/* ---------------------------------- point & promise*/
#content .slider_wrap_1{
  position: relative;
  background: url(/lp/make_perfectkit/standard/img_y_s/point_02.jpg) no-repeat top center / 100% auto ;
}
#content .slider_wrap_2{
  position: relative;
  background: url(/lp/make_perfectkit/standard/img_y_s/promise_02.jpg) no-repeat top center / 100% auto ;
}
#content .slider_1 {
	padding-bottom: min(83px, calc(83 / 750 * 100vw));
}
#content .slider_2 {
	padding-bottom: min(70px, calc(70 / 750 * 100vw));
}
#content .slider_1_inner  img{
	width: min(613px, calc(613 / 750 * 100vw));
  margin: 0 auto;
}
#content .slider_2_inner  img{
	width: min(650px, calc(650 / 750 * 100vw));
  margin: 0 auto;
}
/* 矢印 */
#content .slick-arrow {
	position: absolute;
	width: min(54px, calc(54 / 750 * 100vw));
	top: 48%;
	cursor: pointer;
}

.prev-arrow_01 ,.next-arrow_01  {
  top: min(465px, calc(465 / 750 * 100vw));
}

.prev-arrow_01 ,.prev-arrow_02 {
	left: min(32px, calc(32 / 750 * 100vw));
	z-index: 10;
}

.next-arrow_01 ,.next-arrow_02 {
	right: min(32px, calc(32 / 750 * 100vw));
	z-index: 10;
}

.prev-arrow_02 ,.next-arrow_02 {
	top: min(400px, calc(400 / 750 * 100vw));
}

/* ---------------------------------- make up video */
#content .makeup-video-wrap {
  position: relative;
}
#content .makeup-video {
  width: min(580px, calc(580 / 750 * 100vw));
  margin: 0 auto;
}

/* ---------------------------------- makeup */
#content .makeup-video-wrap {
  position: relative;
}
#content .makeup-video-1 {
  position: absolute;
  top: 64%;
  left: 68.5%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 38%;
  max-width: 285px;
}
#content .makeup-video-2 {
  position: absolute;
  top: 40%;
  left: 71%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 29%;
  max-width: 215px;
}
#content .makeup-video {
  width: 67%;
  max-width: 500px;
  margin: 5% auto 15% auto;
}

/* ---------------------------------- フローティングバナー */
#content .bnr-fixd {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 99;
  transition: transform 1s;
  transform: translateY(200%);
}
#content .bnr-fixd.is-active {
  transform: translateY(0);
}

/* フローティングバナーありの本番調整 */
.pane-main {
  margin-top: 0;
}

@media (min-width: 750px) {
  #content .swiper-button-next,
  #content .swiper-container-rtl .swiper-button-prev,
  #content .swiper-button-prev,
  #content .swiper-container-rtl .swiper-button-next {
    width: 49px;
    height: 49px;
  }
}