@charset "UTF-8";


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

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

.spc_comment_tit {
  width: 55.98%;
  margin: 0 auto 40px;
}

.spc_brSP {
  font-size: 0;
  display: none;
}


/* base
------------------------------------------------------------------------------------*/
.spc73_wrap {
  /* padding-top: 16px; */
}

.spc73_wrap img {
  width: 100%;
  display: block;
}


/* リード
------------------------------------------------------------------------------------*/
.spc73_read {
  color: #666666;
  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));
}

.spc73_menu_wrap {
  width: 64%;
  border: 3px solid transparent; 
  border-image: linear-gradient(135deg, #886e5a, #ac8c62, #e9d2ab, #886e5a) 1;
  background-position:left top,right 0px,3px bottom,left 7px;
  margin: 56px auto 80px;
  padding: 24px 32px;
}

.spc73_menu_tit {
  color: #666666;
  font-size: 2.8rem;
  text-align: center;
}

.spc73_menu_list_wrap {
  font-size: 1.8rem;
  list-style: none;
  margin-top: 12px;
}

.spc73_menu_list_link {
  color: #666666;
  text-decoration: underline;
  display: inline-block;
  margin-top: 8px;
}


/* レンズ紹介
------------------------------------------------------------------------------------*/
.spc73_back {
  background: url("/images/pc/content/free/spc73/back_pc.webp") top center / contain repeat-y;
  padding: 0 0 40px;
  border-top: solid 5px;
  border-image: linear-gradient(135deg, #dbc4ae, #feecdb, #c2ac9a) 1;
}

.spc73_Model_tit img {
  width: auto;
  height: 120px;
  margin: 60px auto -10px;
}

.spc73_Model {
  width: 75%;
  margin: 24px auto;
  padding: 40px;
  display: flex;
  justify-content: space-between;
  border: 5px solid transparent; 
  border-radius: 40px;
  background-image: url("/images/pc/content/free/spc73/back3_pc.webp"), linear-gradient(135deg, #ffffff 0%, #dbc4ae 25%, #feecdb 50%, #a59182 75%, #8e7f70 100%);
  background-position: top center;
  background-size: auto;
  background-repeat: no-repeat;
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.15));
}

.spc73_Model_img {
  width: 35%;
}

.spc73_Model_txt {
  width: 65%;
  color: #666666;
  --fs: 1.8rem;
  --fh: 3rem;
  font-size: var(--fs);
  line-height: var(--fh);
  padding-left: 40px;
}

.spc73_lineUp_img_wrap {
  width: calc(100% - 28px);
  display: flex;
  justify-content: space-between;
  margin: 0 14px;
}

.spc73_lineUp_tit img {
  width: auto;
  height: 120px;
  margin: 60px auto -10px;
}

.spc73_lineUp {
  width: 90.7%;
  background: #fff;
  position: relative;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.15));
  margin: 24px auto 60px;
  padding: 40px 64px;
}

.spc73_lineUp_name img {
  width: 600px;
  height: auto;
  margin: 0 auto 20px;
}

img.spc73_lineUp_img {
  width: 47.6%;
}

.spc73_lineUp_spec_wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 0 8px;
  margin: 16px auto 0;
}

.spc73_lineUp_spec1,
.spc73_lineUp_spec2,
.spc73_lineUp_spec3 {
  color: #fff;
  background: #75445b;
  height: 36px;
  border-radius: 10px;
  font-size: 1.8rem;
  display: grid;
  place-items: center;
}
.spc73_lineUp_spec1 { width: 28.5%; }
.spc73_lineUp_spec2 { width: 24%; }
.spc73_lineUp_spec3 { width: 41.5%; }
.spc73_lineUp_spec_lens2 .spc73_lineUp_spec1,
.spc73_lineUp_spec_lens2 .spc73_lineUp_spec2,
.spc73_lineUp_spec_lens2 .spc73_lineUp_spec3 {
  background: #345170;
}
.spc73_lineUp_spec_lens3 .spc73_lineUp_spec1,
.spc73_lineUp_spec_lens3 .spc73_lineUp_spec2,
.spc73_lineUp_spec_lens3 .spc73_lineUp_spec3 {
  background: #685e48;
}
.spc73_lineUp_spec_lens4 .spc73_lineUp_spec1,
.spc73_lineUp_spec_lens4 .spc73_lineUp_spec2,
.spc73_lineUp_spec_lens4 .spc73_lineUp_spec3 {
  background: #4a4844;
}
.spc73_lineUp_spec_lens5 .spc73_lineUp_spec1,
.spc73_lineUp_spec_lens5 .spc73_lineUp_spec2,
.spc73_lineUp_spec_lens5 .spc73_lineUp_spec3 {
  background: #6b3d0a;
}

.spc73_lineUp_subTit {
  color: #666666;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: bold;
  margin: 40px 0 -16px;
}

.spc73_lineUp_txt {
  color: #666666;
  --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));
}

.spc73_lineUp_txt_weight { font-weight: bold; }

.spc73_lineUp_buy_wrap {
  width: 70%;
  margin: -2px auto 0;
  padding-top: 48px;
}

a.spc73_lineUp_buy {
  height: 56px;
  border-radius: 12px;
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  text-shadow: 1px 1px 0px #000;
  display: grid;
  place-items: center;
  margin: 0;
  transition: opacity 300ms;
}

a.spc73_lineUp_buy:hover {
  text-decoration: none;
}

a.spc73_lineUp_buy_wrap {
  width: 100%;
  box-shadow: 3px 3px 6px rgb(0,0,0, 0.25);
}
a.spc73_lineUp_buy_lens1 { background: #75445b; }
a.spc73_lineUp_buy_lens2 { background: #345170; }
a.spc73_lineUp_buy_lens3 { background: #685e48; }
a.spc73_lineUp_buy_lens4 { background: #4a4844; }
a.spc73_lineUp_buy_lens5 { background: #6b3d0a; }

/* メッセージ
------------------------------------------------------------------------------------*/
img.spc73_review_img {
  width: 90.7%;
  filter: drop-shadow(0 0 5px rgb(0,0,0, 0.15));
  margin: 36px auto;
}


/* メッセージ
------------------------------------------------------------------------------------*/
.spc73_comment {
  background: url("/images/pc/content/free/spc73/back2_pc.webp") top center / auto;
  padding: 40px 0;
}

.spc73_comment_tit img {
  width: auto;
  height: 120px;
  margin: 0 auto;
}

.spc73_comment_txt_wrap {
  width: 90.7%;
  background: #fff;
  position: relative;
  border-radius: 20px;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.15));
  margin: 24px auto;
  padding: 32px 48px;
}

.spc73_comment_txt {
  color: #666666;
  --fs: 1.8rem;
  --fh: 3rem;
  font-size: var(--fs);
  line-height: var(--fh);
  margin: calc(24px + ((var(--fs) - var(--fh)) / 2)) auto calc(24px + ((var(--fs) - var(--fh)) / 2));
}