@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 {
  color: #000;
  background: linear-gradient(to top, #f9b62b 83%, rgba(249,182,43,0) 100%);
}
  
.spc_comment_tit {
}

.spc_comment_txt {
  text-align: center;
  margin: 0 24px;
}


/*
------------------------------------------------------------------------------------*/
@keyframes drop {
  0% { background-position: 600px 600px, -750px 750px, 0 600px; }
  100% { background-position: 0 0, 0 0, 0 0; }
}
@-moz-keyframes drop {
  0% { background-position: 600px 600px, -750px 750px, 0 600px; }
  100% { background-position: 0 0, 0 0, 0 0; }
}
@-webkit-keyframes drop {
  0% { background-position: 600px 600px, -750px 750px, 0 600px; }
  100% { background-position: 0 0, 0 0, 0 0; }
}
.spc_halloween2023_wrap {
  background-color: #f9b62b;
  background-image: url(/images/pc/content/free/spc_halloween2023/back01_pc.webp), url(/images/pc/content/free/spc_halloween2023/back02_pc.webp),url(/images/pc/content/free/spc_halloween2023/back03_pc.webp);
  -webkit-animation: drop 22s linear infinite;
  -moz-animation: drop 22s linear infinite;
  animation: drop 22s linear infinite;
  width: 100%;
}

.spc_halloween2023_top {
  background: url(/images/pc/content/free/spc_halloween2023/img00_b_pc.webp) no-repeat,linear-gradient(to bottom, #f9b62b 70%, rgba(249,182,43,0) 100%);
  background-size: 100%;
}

.spc_halloween2023_top_read {
  color: #000;
  font-size: 1.8rem;
  line-height: 2.8rem;
  text-align: center;
  padding: 30px 18px 0 18px;
}

.spc_halloween2023_top_img {
  margin: 10px 0 5px;
}

.spc_halloween2023_page_moveLink_wrap {
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: self-end;
  margin: 0 auto;
  padding: 24px 0;
}

.spc_halloween2023_page_moveLink1 {
  width: calc(100/375 * 100%);
  text-align: center;
  margin-right: 10px;
}

.spc_halloween2023_page_moveLink2 {
  width: calc(136/375 * 100%);
  text-align: center;
  margin-left: 10px;
  padding-bottom: 6px;
}

.spc_halloween2023_title_img {
  width: 100%;
}

.spc_halloween2023_detail {
  width: 84%;
  border-radius: 48px;
  position: relative;
  margin: 80px auto 140px;
  padding: 180px 0 40px;
}

.spc_halloween2023_detail_name_1day {
  position: absolute;
  width: 111%;
  height: 204px;
  top: -40px;
  left: -5.5%;
  background: url(/images/pc/content/free/spc_halloween2023/img04_pc.webp) no-repeat;
  background-size: contain;
}

.spc_halloween2023_detail_name_1month {
  position: absolute;
  width: 111%;
  height: 204px;
  top: -40px;
  left: -5.5%;
  background: url(/images/pc/content/free/spc_halloween2023/img13_pc.webp) no-repeat;
  background-size: contain;
}

.spc_halloween2023_detail_name {
  position: relative;
  top: 52px;
  color: #fff;
  font-family: serif;
  font-size: 8rem;
  font-weight: bold;
  line-height: 8rem;
  letter-spacing: 0.4rem;
  text-align: center;
}

.spc_halloween2023_detail_eyes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.spc_halloween2023_detail_eyes_img {
  width: 32%;
  margin: 0 1.5% 24px;
  border-radius: 10px;
}

.spc_halloween2023_detail_spec {
  width: 68%;
  display: flex;
  justify-content: space-between;
  margin: auto;
}

.spc_halloween2023_detail_spec_period { flex-basis: 63%; }
.spc_halloween2023_detail_spec_dia { flex-basis: 37%; }
.spc_halloween2023_detail_spec_gdia { flex-basis: 63%; }
.spc_halloween2023_detail_spec_bc { flex-basis: 37%; }

.spc_halloween2023_detail_spec_txt {
  font-family: serif;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 2.4rem;
  margin: 4px;
  padding: 12px 0;
}
@media (max-width: 374px) {
  .spc_halloween2023_detail_spec_txt {
    font-size: 13px;
  }
}
@media (max-width: 339px) {
  .spc_halloween2023_detail_spec_txt {
    font-size: 12px;
  }
}

.spc_halloween2023_detail_txt2 {
  background: #fff;
  font-family: serif;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 3.6rem;
  text-align: center;
  margin: 20px 40px;
}

.spc_halloween2023_detail_click {
  display: block;
  position: absolute;
  left: 50%;
  bottom: -92px;
  transform: translateX(-50%);
  width: 60%;
  max-width: 500px;
  color: #fff !important;
  border-radius: 8px;
}

.spc_halloween2023_detailColor_1month {

}

.spc_halloween2023_detailColor_1month .spc_halloween2023_detail {
  background: #fff;
  border: #e03a14 solid 5px ;
}

.spc_halloween2023_detailColor_1month .spc_halloween2023_detail_spec_period,
.spc_halloween2023_detailColor_1month .spc_halloween2023_detail_spec_dia,
.spc_halloween2023_detailColor_1month .spc_halloween2023_detail_spec_gdia,
.spc_halloween2023_detailColor_1month .spc_halloween2023_detail_spec_bc {
  font-family: serif;
  color: #e03a14;
  border: #e03a14 solid 1px;
  border-radius: 10px;
}

.spc_halloween2023_detailColor_1day {
  
}

.spc_halloween2023_detailColor_1day .spc_halloween2023_detail {
  background: #fff;
  border: #3d0f58 solid 5px ;
}

.spc_halloween2023_detailColor_1day .spc_halloween2023_detail_spec_period,
.spc_halloween2023_detailColor_1day .spc_halloween2023_detail_spec_dia,
.spc_halloween2023_detailColor_1day .spc_halloween2023_detail_spec_gdia,
.spc_halloween2023_detailColor_1day .spc_halloween2023_detail_spec_bc {
  font-family: serif;
  color: #3d0f58;
  border: #3d0f58 solid 1px;
  border-radius: 10px;
}