@charset "UTF-8";


.spc_tit {
  background: linear-gradient(0deg, #222 0px, #222 2px, transparent 2px, transparent 5px,#222 5px, #222 7px) left bottom / 100% 7px no-repeat;
  color: #222;
}

.spc_comment {
  width: 90%;
  border-top: #C84D67 solid 1px;
  margin: 56px auto 0;
  padding-top: 32px;
}

.spc_comment_tit {
  display: inline-block;
  font-size: 3.8rem;
  background: linear-gradient(transparent 70%, rgba(200,149,150,0.5) 0%);
  color: #5C3948;
  margin: 16px 0;
}

/* .spc_comment_txt {  } */

/*
------------------------------------------------------------------------------------*/
.spc31_wrap {
  color: #5C3948;
  text-align: center;
  background: url("/images/pc/content/free/spc31/back_pc.webp") center / contain repeat-y;
}

.spc31_wrap table {
  width: auto;
  border-collapse: inherit;
  border-spacing: 8px;
}

.spc31_wrap h2,
.spc31_wrap h3 {
  font-weight: bold;
}
.spc31_wrap span {
  font-weight: bold;
}
/* -------------------------------- 
content1
-------------------------------- */
.spc31_top_text {
  font-size: 2.2rem;
  line-height: 3.4rem;
  margin-top: -24px;
}
.spc31_content1_2 {
  position: relative;
  margin: 26px 0;
}
.spc31_content1_2_1 {
  display: inline-block;
  border: solid 2px #5C3948;/* top四角枠線の色 */
  border-radius: 32px;
  margin-top: 24px;
}
.spc31_point_top_wrap {
  display: inline-block;
  background-color: rgba(242,220,219,0.5);
  padding: 26px 0;
  border-radius: 32px;
  width: 768px;
}
.spc31_point_top_subtitle {
  color: #e01c5e;
  font-size: 2.6rem;
  font-weight: bold;
}
.spc31_point_top_title {
  color: #e01c5e;
  font-size: 3.8rem;
  margin-top: 16px;
}
.spc31_point_top_list {
  font-size: 2.2rem;
  line-height: 3.2rem;
  font-weight: bold;
  margin-top: 24px;
}
.spc31_model_pop {
  position: absolute;
  width: 20%;
  top: 50%;
  left: 3%;
}
/* -------------------------------- 
content2
-------------------------------- */
.spc31_content2 {
  margin-top: 56px;
}

.spc31_content2 table {
  color: #5C3948;/* 商品紹介の文字色 */
  text-align: center;
}
.spc31_content2_wrap {
  padding: 0 40px 0 72px;
  margin: 26px 0;
}
.spc31_content2_1 {
  vertical-align: middle;
  width: 43%;
  padding-right: 12px;
}
.spc31_content2_1 a {
  color: white;/* CHECKの文字色 */
}
.spc31_content2_2 {
  vertical-align: middle;
  width: 60%;
}
.spc31_content2_2 p {
  font-size: 1.8rem;
  line-height: 2.8rem;
}
/* 購入ボタン */
.spc31_bt {
  display: inline-block;
  position: relative;
  width: 100%;
  background: #C84D67; /* ボタンの色 */
  text-align: center;
  margin-top: 20px;
  padding: 8px 0;
  font-size: 2rem;
  font-weight: bold;
  border-radius: 12px;
  box-shadow: 0 0 0 0 rgb(200 73 103 / 70%); /* ボタンの色をRGB化 */
  -webkit-animation: spc31_pulse 1.25s cubic-bezier(.66,0,0,1) infinite;
  animation: spc31_pulse 1.25s cubic-bezier(.66,0,0,1) infinite;
}
@keyframes spc31_pulse {
  to {
    box-shadow: 0 0 0 8px rgba(200, 73, 103, 0); /* ボタンの色をRGB化 */
  }
}
.spc31_bt span {
  font-size: 1.4rem;
  font-weight: normal;
  display: block;
  margin-bottom: 6px;
}
.spc31_click {  position: absolute;
  top: -6px;
  right: -12px;
  transform: rotate(15deg);
  color: #5C3948; /* CLICK!の文字色 */
  text-shadow: 3px 3px 0 #fff; /* CLICK!の文字の影色 */
}
/* 商購入ボタンEND */
.spc31_lens_spec {
  display: inline-block;
  margin-bottom: 12px;
}
.spc31_lens_spec td {
  width: 192px;
  font-size: 2.2rem;
  font-weight: bold;
  border: 2px solid #5C3948;/* レンズスペックの枠色 */
  text-align: center;
  padding: 16px 0;
  color: #5C3948;/* レンズスペックの文字色 */
}
#spc31_lens_spec2 td {
  border: 2px solid #5C3948;
  color: #5C3948;
}
#spc31_lens_spec3 td {
  border: 2px solid #5C3948;
  color: #5C3948;
}
#spc31_lens_spec4 td {
  border: 2px solid #5C3948;
  color: #5C3948;
}