@charset "UTF-8";


.spc_tit {
  background: linear-gradient(0deg, #683b24 0px, #683b24 1px, transparent 1px, transparent 4px,#683b24 4px, #683b24 5px) left bottom / 100% 5px no-repeat;
  color: #683b24;
}

.spc_comment { background: linear-gradient(to right, #ff1060, #ff1060 5px, transparent 5px, transparent 10px) top left / 10px 2px repeat-x #fff; }
.spc_comment_tit { width: 55.98%; }
.spc_comment_txt { color: #7a4f3c; }
.spc_comment_txt_manager { color: #7a4f3c; }


/* base
------------------------------------------------------------------------------------*/
.spc4_wrap {
  background: #fa9fb9;
  color: #fff;
}


/* リード
------------------------------------------------------------------------------------*/
.spc4_read {
  --fs: 1.4rem;
  --fh: 2.2rem;
  font-size: var(--fs);
  line-height: var(--fh);
  margin: calc(24px + ((var(--fs) - var(--fh)) / 2)) 16px calc(0px + ((var(--fs) - var(--fh)) / 2));
}

.spc4_read_indent {
  --fs: 1.4rem;
  --fh: 2.2rem;
  font-size: var(--fs);
  text-indent: -1em;
  line-height: var(--fh);
  display: block;
  margin: calc(4px + ((var(--fs) - var(--fh)) / 2)) 0;
  padding-left: 1em;
}


/* ページ内リンク
------------------------------------------------------------------------------------*/
.spc4_periodSelect_wrap {
  width: 75.73%;
  max-width: 330px;
  margin: 32px auto 0;
}

.spc4_periodSelect_tit {
  width: 68.3%;
  margin: 0 auto;
}

.spc4_periodSelect_flex_wrap {
  display: flex;
  justify-content: space-between;
  margin: 16px auto 0;
}

.spc4_periodSelect_btn { width: 45%; }


/* レンズ紹介
------------------------------------------------------------------------------------*/
.spc4_lineUp_wrap {
  background: linear-gradient(to right, #ff1060, #ff1060 5px, transparent 5px, transparent 10px) top left / 10px 2px repeat-x #fbb3c8;
  color: #7a4f3c;
  margin-top: 40px;
  padding: 32px 0;
}

.spc4_lineUp_title { scroll-margin-top: 56px; }
.spc4_lineUp_title:last-of-type { margin-top: 48px; }

.spc4_lineUp_1month_wrap,
.spc4_lineUp_1day_wrap {
  background: #fff;
  border-radius: 14px;
  margin: 32px 12px 0;
  padding: 12px 0 20px;
}
.spc4_lineUp_1month_wrap { border: #ff6f17 solid 1px; }
.spc4_lineUp_1day_wrap { border: #ff177f solid 1px; }

.spc4_lineUp_name_1month,
.spc4_lineUp_name_1day {
  color: #7a4f3c;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  margin: 0 12px;
  padding: 7px 0 0 64px;
}
.spc4_lineUp_name_1month { background: url(/images/sp/content/free/spc4/icon_1month_sp.webp) top left / 49px no-repeat; }
.spc4_lineUp_name_1day { background: url(/images/sp/content/free/spc4/icon_1day_sp.webp) top left / 49px no-repeat; }

.spc4_lineUp_name_main {
  font-size: 3.4rem;
  display: block;
  margin-bottom: 6px;
}

.spc4_lineUp_img {
  width: 85.5%;
  margin: 12px auto 0;
}

.spc4_lineUp_spec_wrap {
  width: 85.5%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 0 4px;
  margin: 8px auto 0;
}

.spc4_lineUp_spec1,
.spc4_lineUp_spec2,
.spc4_lineUp_spec3 {
  height: 30px;
  border: #7a4f3c solid 1px;
  border-radius: 10px;
  font-size: 1.5rem;
  line-height: 1;
  display: grid;
  place-items: center;
}
.spc4_lineUp_spec1 { width: 30.5%; }
.spc4_lineUp_spec2 { width: 26%; }
.spc4_lineUp_spec3 { width: 43.5%; }

.spc4_lineUp_txt {
  --fs: 1.4rem;
  --fh: 1.8rem;
  width: 85.5%;
  font-size: var(--fs);
  line-height: var(--fh);
  margin: calc(16px + ((var(--fs) - var(--fh)) / 2)) auto calc(0px + ((var(--fs) - var(--fh)) / 2));
}

.spc4_lineUp_osusume_tit {
  font-size: 1.4rem;
  text-align: center;
  line-height: 1;
  margin-top: 20px;
}

.spc4_lineUp_osusume_list {
  list-style: disc;
  display: inline-block;
  position: relative;
  left: 50%;
  padding: 4px 0 0 24px;
  transform: translateX(-50%);
}

.spc4_lineUp_osusume_list li {
  --fs: 1.4rem;
  --fh: 1.6rem;
  font-size: var(--fs);
  line-height: var(--fh);
  margin: calc(6px + ((var(--fs) - var(--fh)) / 2)) 0 calc(0px + ((var(--fs) - var(--fh)) / 2));
}

.spc4_lineUp_buy_wrap {
  width: 90%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: -2px auto 0;
  padding-top: 20px;
}

.spc4_lineUp_buy_one_1month,
.spc4_lineUp_buy_set_1month,
.spc4_lineUp_buy_one_1day, 
.spc4_lineUp_buy_set_1day {
  height: 40px;
  border-radius: 12px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  display: grid;
  place-items: center;
}

.spc4_lineUp_buy_one_1month,
.spc4_lineUp_buy_set_1month {
  background: #ff8d47;
}

.spc4_lineUp_buy_one_1day,
.spc4_lineUp_buy_set_1day {
  background: #ff7da8;
}

.spc4_lineUp_buy_one_1month,
.spc4_lineUp_buy_one_1day {
  width: 39.5%;
}

.spc4_lineUp_buy_set_1month,
.spc4_lineUp_buy_set_1day {
  width: 57.5%;
}