@charset "UTF-8";


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

.spc_comment {  }

.spc_comment_tit { width: 100%; }

.spc_comment_txt {
  width: 85%;
  color: #222;
}


/*
------------------------------------------------------------------------------------*/
.spc41_read {
  width: 90%;
  color: #222;
  font-size: 18px;
  line-height: 30px;
  margin: 20px auto 50px;
}

.spc41_categorySelect_back {
  margin-top: -20px;
}

.spc41_categorySelect_wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}

.spc41_categorySelect {
  width: 27%;
  max-width: 190px;
  margin: 0 8px;
}

.spc41_lens_wrap {
  background: url('/images/pc/content/free/spc41/light_pc.webp'), linear-gradient(#216bc9, #87d1ff);
  background-repeat: no-repeat, repeat;
  background-position: 540px -310px, 0 0;
  background-blend-mode: screen, normal;
  padding: 60px 0 100px;
}

.spc41_backCloud {
  background:
    url('/images/pc/content/free/spc41/cloud01_pc.webp'),
    url('/images/pc/content/free/spc41/cloud02_pc.webp'),
    url('/images/pc/content/free/spc41/cloud03_pc.webp'),
    url('/images/pc/content/free/spc41/cloud04_pc.webp'),
    url('/images/pc/content/free/spc41/cloud05_pc.webp'),
    url('/images/pc/content/free/spc41/cloud06_pc.webp'),
    url('/images/pc/content/free/spc41/cloud07_pc.webp');
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  -webkit-animation: move 120s linear infinite;
  -moz-animation: move 120s linear infinite;
  animation: move 120s linear infinite;
  background-size: 60%;
}
@-webkit-keyframes move {
  0% { background-position: 0 0, 400px 300px, 100px 800px, 200px 900px, 0 1100px, 300px 1400px, 100px 1700px; }
  100% { background-position: 800px 0, 1100px 300px, 800px 800px, 900px 900px, 800px 1100px, 1000px 1400px, 800px 1700px; }
}
@-moz-keyframes move {
  0% { background-position: 0 0, 400px 300px, 100px 800px, 200px 900px, 0 1100px, 300px 1400px, 100px 1700px; }
  100% { background-position: 800px 0, 1100px 300px, 800px 800px, 900px 900px, 800px 1100px, 1000px 1400px, 800px 1700px; }
}
@keyframes move {
  0% { background-position: 0 0, 400px 300px, 100px 800px, 200px 900px, 0 1100px, 300px 1400px, 100px 1700px; }
  100% { background-position: 800px 0, 1100px 300px, 800px 800px, 900px 900px, 800px 1100px, 1000px 1400px, 800px 1700px; }
}

.spc41_lens_detail_top {
  width: 100%;
  margin-top: 80px;
}

.spc41_lens_detail {
  width: calc(90% - 36px);
  background: rgb(255 255 255 / 70%);
  position: relative;
  margin: 0 auto;
  padding-bottom: 24px;
  box-shadow: 3px 3px 6px rgb(0 0 0 / 20%);
}

.spc41_lens_detail_name {
  color: #216bc9;
  font-size: 60px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 1.4px;
  padding: 60px 0 0 40px;
}
.spc41_lens_detail_nameS {
  display: block;
  transform: scaleX(0.9);
  transform-origin:left;
}

.spc41_lens_detail_name_kana {
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0;
  display: block;
  margin-top: 4px;
}

.spc41_lens_detail_eyes_img_wrap {
  display: flex;
  justify-content: space-between;
  margin: 20px 40px calc((18px - 30px) / 2);
}

.spc41_lens_detailColor_clear .spc41_lens_detail_eyes_img_wrap {
  display: flex;
  justify-content: space-between;
  margin: 68px 40px calc((18px - 30px) / 2);
}
.spc41_lens_detailColor_clear .spc41_lens_detail_eyes_img_wrap:first-of-type {
  margin: 20px 40px calc((18px - 30px) / 2);
}
.spc41_lens_detailColor_clear .spc41_lens_detail_eyes_img_wrap:last-of-type {
  margin-bottom: 32px;
}

.spc41_lens_detail_eyes2 {
  width: 48%;
  display: block;
}

.spc41_lens_detail_eyes_img {
  width: 48%;
  display: block;
}

.spc41_lens_detail_txt {
  color: #222;
  font-size: 18px;
  line-height: 30px;
  margin: 14px 28px 28px;
}

.spc41_lens_detail_click {
  display: flex;
  justify-content: space-between;
  width: 50%;
  margin: 0 auto 14px;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.4));
}

.spc41_lens_detail_click2 {
  display: block;
  width: 70%;
  margin: 20px auto 0;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.4));
}

.spc41_lens_detailColor_1month .spc41_lens_detail {
  border:#fdc332 solid 5px;
  background: rgb(255 255 255 / 85%);
  margin-bottom: 80px;
}
.spc41_lens_detailColor_1month .spc41_lens_detail:last-of-type {
  margin-bottom: 0;
}

.spc41_lens_detailColor_1month .spc41_lens_detail_name:first-of-type {
  background: repeating-linear-gradient(-55deg, #fdc332, #fdc332 5px, rgb(255 255 255 / 0) 0, rgb(255 255 255 / 0) 12px);
  background-size: 100% 32px;
  background-position: top left;
  background-repeat: no-repeat;
}

.spc41_lens_detailColor_1day .spc41_lens_detail {
  border:#f9ed1c solid 5px;
  background: rgb(255 255 255 / 85%);
  margin-bottom: 80px;
}
.spc41_lens_detailColor_1day .spc41_lens_detail:last-of-type {
  margin-bottom: 0;
}

.spc41_lens_detailColor_1day .spc41_lens_detail_name {
  background: repeating-linear-gradient(-55deg, #f9ed1c, #f9ed1c 5px, rgb(255 255 255 / 0) 0, rgb(255 255 255 / 0) 12px);
  background-size: 100% 32px;
  background-position: top left;
  background-repeat: no-repeat;
}

.spc41_lens_detailColor_clear .spc41_lens_detail {
  border:#d0f208 solid 5px;
  background: rgb(255 255 255 / 85%);
}

.spc41_lens_detailColor_clear .spc41_lens_detail_name {
  background: repeating-linear-gradient(-55deg, #d0f208, #d0f208 5px, rgb(255 255 255 / 0) 0, rgb(255 255 255 / 0) 12px);
  background-size: 100% 32px;
  background-position: top left;
  background-repeat: no-repeat;
}