@charset "UTF-8";


.spc_tit {
  background: linear-gradient(0deg, #3e3e3e 0px, #3e3e3e 2px, transparent 2px, transparent 5px,#3e3e3e 5px, #3e3e3e 7px) left bottom / 100% 7px no-repeat;
  color: #3e3e3e;
}

/*
.spc_comment {  }
.spc_comment_tit {  }
.spc_comment_txt {  }
*/


/*
------------------------------------------------------------------------------------*/
.spc52_wrap {
  background: #edfcf9;
  color: #f88a80;
}

/* .spc52_hero { margin-top: -12px; } */

.spc52_read {
  width: 90%;
  --fs: 1.8rem;
  --fh: 3rem;
  font-size: var(--fs);
  line-height: var(--fh);
  margin: calc(32px + ((var(--fs) - var(--fh)) / 2)) auto calc(0px + ((var(--fs) - var(--fh)) / 2));
}

.spc52_selectLipColor_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 80px;
  padding: 0 8px;
}

.spc52_selectLipColor_title {
  width: 100%;
  margin: 0 4px 12px;
}

.spc52_selectLipColor1_wrap {
  width: 49%;
  background: url(/images/pc/content/free/spc52/lipColor1_back_pc.webp) no-repeat;
  background-size: contain;
  padding: 10% 0 9px;
}

.spc52_selectLipColor2_wrap {
  width: 49%;
  background: url(/images/pc/content/free/spc52/lipColor2_back_pc.webp) no-repeat;
  background-size: contain;
  padding: 10% 0 9px;
}

.spc52_selectLipColor1_link {
  width: 95.45%;
  display: block;
  margin-left: 5%;
}

.spc52_selectLipColor2_link {
  width: 95.45%;
  display: block;
  margin-left: 5.8%;
}

.spc52_lineUp_wrap {
  width: 90%;
  margin: 104px auto 0;
}

.spc52_lineUp_title {
  margin: 0 4px -24px;
  padding: 0;
}

.spc52_lineUp_subtitle {
  width: 55.7%;
  margin: 72px auto -4px;
}

.spc52_lineUp1_wrap {
  background: #fff;
  border: #fadf95 solid 1px;
  border-radius: 6px;
  margin-top: 40px;
  padding-bottom: 32px;
  scroll-margin-top: 32px;
}

.spc52_lineUp2_wrap {
  background: #fff;
  border: #8ec1fc solid 1px;
  border-radius: 6px;
  margin-top: 40px;
  padding-bottom: 32px;
  scroll-margin-top: 32px;
}

.spc52_lineUp_itemName {
  width: 96.91%;
  margin: -16px auto 0;
}

img.spc52_lineUp_textImg {
  width: 86.55%;
  margin: 20px auto 0;
}

.spc52_lineUp_eye_wrap {
  display: flex;
  justify-content: space-between;
  padding: 32px 16px 0;
}

.spc52_lineUp_eye {
  width: 56.6%;
  text-align: center;
  margin: 0 -1%;
}

.spc52_lineUp_eye_name {
  color: #988575;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
}

.spc52_lineUp_link {
  display: block;
  margin-top: 4px;
}

.spc52_lineUp_text {
  color: #df9480;
  --fs: 1.8rem;
  --fh: 3rem;
  font-size: var(--fs);
  line-height: var(--fh);
  margin: calc(8px + ((var(--fs) - var(--fh)) / 2)) 32px calc(0px + ((var(--fs) - var(--fh)) / 2));
}

.spc52_lineUp_textColor1 { color: #df9480; }
.spc52_lineUp_textColor2 { color: #ff918b; }
.spc52_lineUp_textColor3 { color: #fa8666; }
.spc52_lineUp_textColor4 { color: #f2869b; }
.spc52_lineUp_textColor5 { color: #d9839a; }
.spc52_lineUp_textColor6 { color: #ce627f; }

.spc52_comment {
  width: 90%;
  color: #f88a80;
  font-size: 1.4rem;
  margin: 40px auto 24px;
  padding: 18px 0 16px;
}

.spc52_comment_title {
  width: 50%;
  background-size: contain;
  text-align: center;
  margin: 0 auto 32px;
}
.spc52_comment_title_img { width: 20.26%; }

.spc52_comment_txt {
  color: #f88a80;
  --fs: 1.8rem;
  --fh: 3rem;
  font-size: var(--fs);
  line-height: var(--fh);
  margin: calc(32px + ((var(--fs) - var(--fh)) / 2)) 0 calc(0px + ((var(--fs) - var(--fh)) / 2));
}

.spc52_comment_txt_manager {
  width: 90%;
  font-size: 1.8rem;
  line-height: 3rem;
  text-align: right;
  margin: 30px auto 0;
}