@charset "UTF-8";
#jswrap[data-day=finished] .coupon_ttl,
#jswrap[data-day=finished] .howtousecoupon,
#jswrap[data-day=notstart] .coupon_ttl,
#jswrap[data-day=notstart] .howtousecoupon,
.bef10 .coupon_ttl,
.bef10 .howtousecoupon {
  display: none;
}

#jswrap[data-day=notstart] .coupon_schedule,
#jswrap[data-day=notstart] .couponarea {
  display: none;
}

#coupon {
  padding-top: 20px;
}

#jswrap[data-day="2"] .coupon_schedule > li:nth-of-type(1) {
  text-decoration: line-through;
  color: #dfdfdf;
}

#jswrap[data-day="3"] .coupon_schedule > li:nth-of-type(1),
#jswrap[data-day="3"] .coupon_schedule > li:nth-of-type(2) {
  text-decoration: line-through;
  color: #dfdfdf;
}

#jswrap[data-day="4"] .coupon_schedule > li:nth-of-type(1),
#jswrap[data-day="4"] .coupon_schedule > li:nth-of-type(2),
#jswrap[data-day="4"] .coupon_schedule > li:nth-of-type(3) {
  text-decoration: line-through;
  color: #dfdfdf;
}

#jswrap[data-day="5"] .coupon_schedule > li:nth-of-type(1),
#jswrap[data-day="5"] .coupon_schedule > li:nth-of-type(2),
#jswrap[data-day="5"] .coupon_schedule > li:nth-of-type(3),
#jswrap[data-day="5"] .coupon_schedule > li:nth-of-type(4) {
  text-decoration: line-through;
  color: #dfdfdf;
}

#jswrap[data-day="6"] .coupon_schedule > li:nth-of-type(1),
#jswrap[data-day="6"] .coupon_schedule > li:nth-of-type(2),
#jswrap[data-day="6"] .coupon_schedule > li:nth-of-type(3),
#jswrap[data-day="6"] .coupon_schedule > li:nth-of-type(4),
#jswrap[data-day="6"] .coupon_schedule > li:nth-of-type(5) {
  text-decoration: line-through;
  color: #dfdfdf;
}

#jswrap[data-day="7"] .coupon_schedule > li:nth-of-type(1),
#jswrap[data-day="7"] .coupon_schedule > li:nth-of-type(2),
#jswrap[data-day="7"] .coupon_schedule > li:nth-of-type(3),
#jswrap[data-day="7"] .coupon_schedule > li:nth-of-type(4),
#jswrap[data-day="7"] .coupon_schedule > li:nth-of-type(5),
#jswrap[data-day="7"] .coupon_schedule > li:nth-of-type(6) {
  text-decoration: line-through;
  color: #dfdfdf;
}

/* #jswrap[data-day="8"] .coupon_schedule > li:nth-of-type(1),
#jswrap[data-day="8"] .coupon_schedule > li:nth-of-type(2),
#jswrap[data-day="8"] .coupon_schedule > li:nth-of-type(3),
#jswrap[data-day="8"] .coupon_schedule > li:nth-of-type(4),
#jswrap[data-day="8"] .coupon_schedule > li:nth-of-type(5),
#jswrap[data-day="8"] .coupon_schedule > li:nth-of-type(6),
#jswrap[data-day="8"] .coupon_schedule > li:nth-of-type(7) {
  text-decoration: line-through;
  color: #dfdfdf;
}

#jswrap[data-day="9"] .coupon_schedule > li:nth-of-type(1),
#jswrap[data-day="9"] .coupon_schedule > li:nth-of-type(2),
#jswrap[data-day="9"] .coupon_schedule > li:nth-of-type(3),
#jswrap[data-day="9"] .coupon_schedule > li:nth-of-type(4),
#jswrap[data-day="9"] .coupon_schedule > li:nth-of-type(5),
#jswrap[data-day="9"] .coupon_schedule > li:nth-of-type(6),
#jswrap[data-day="9"] .coupon_schedule > li:nth-of-type(7),
#jswrap[data-day="9"] .coupon_schedule > li:nth-of-type(8) {
  text-decoration: line-through;
  color: #dfdfdf;
}

#jswrap[data-day="10"] .coupon_schedule > li:nth-of-type(1),
#jswrap[data-day="10"] .coupon_schedule > li:nth-of-type(2),
#jswrap[data-day="10"] .coupon_schedule > li:nth-of-type(3),
#jswrap[data-day="10"] .coupon_schedule > li:nth-of-type(4),
#jswrap[data-day="10"] .coupon_schedule > li:nth-of-type(5),
#jswrap[data-day="10"] .coupon_schedule > li:nth-of-type(6),
#jswrap[data-day="10"] .coupon_schedule > li:nth-of-type(7),
#jswrap[data-day="10"] .coupon_schedule > li:nth-of-type(8),
#jswrap[data-day="10"] .coupon_schedule > li:nth-of-type(9) {
  text-decoration: line-through;
  color: #dfdfdf;
} */

#jswrap[data-day=finished] .coupon_schedule > li {
  text-decoration: line-through;
  color: #dfdfdf;
}

.bef10 .couponarea {
  position: relative;
  height: 300px;
  background: repeating-linear-gradient(-45deg, #f1f1f1, #f1f1f1 15px, #fff 0, #fff 30px);
  border: 2px solid #ddd;
  border-radius: 10px;
}

.bef10 .couponarea::after {
  content: "クーポンは本日10時に公開！お楽しみに！";
  font-size: 25px;
  font-weight: bold;
  position: absolute;
  left: 0;
  width: 100%;
  top: calc(50% - 1em);
  color: #999;
}

@media (max-width: 599px) {
  .bef10 .couponarea::after {
    font-size: 16px;
  }
}
.couponarea img.img-fluid:hover {
  opacity: 1;
}

.coupon_copy {
  color: #fff !important;
}

.copy_box.finished {
  position: relative;
}
.copy_box.finished > img {
  filter: grayscale(100%) brightness(25%);
}

.copy_box.finished::before {
  background: transparent;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.finishedtxt {
  position: absolute;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  top: calc(50% - 1.5em);
  width: 100%;
  line-height: 1.5 !important;
  text-shadow: 0 0 5px #000;
  z-index: 5;
}

.copy_box {
  position: relative;
}

p.minpr {
  position: absolute;
  width: 95%;
  left: 2.5%;
  top: 2.5%;
  border-radius: 7px;
  padding: 0.7em 0 0.3em;
  color: #001d75;
  font-weight: bold;
  z-index: 4;
}
.finished p.minpr {
  filter: grayscale(100%) brightness(25%);
}
.coupon_s p.minpr {
  font-size: 15px;
}
.coupon_l p.minpr {
  font-size: 22px;
}
p.minpr span {
  font-size: 180%;
  font-weight: bold;
}

@media (max-width: 1199px) {
  .coupon_s p.minpr {
    font-size: 1.2vw;
  }
  .coupon_l p.minpr {
    font-size: 1.9vw;
  }
  p.minpr span {
    font-size: 180%;
    font-weight: bold;
  }
}
@media (max-width: 767px) {
  .coupon_s p.minpr {
    font-size: 2vw;
  }
  .coupon_l p.minpr {
    font-size: 4vw;
  }
  .finishedtxt {
    font-size: 3vw;
  }
}
#jswrap:not(.bef10) .couponarea:has(.coupon_l:empty) {
  position: relative;
  min-height: 200px;
}
#jswrap:not(.bef10) .couponarea:has(.coupon_l:empty)::before {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: solid 4px;
  border-color: #ff1aa1 rgba(0, 0, 0, 0.062745098) rgba(0, 0, 0, 0.062745098);
  animation-name: spin;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: absolute;
  left: calc(50% - 20px);
  top: 100px;
  content: "";
}
#jswrap:not(.bef10) .couponarea:has(.coupon_l:empty)::after {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 150px;
  content: "読み込み中…";
  font-weight: bold;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/*2024/12/25追加*/
#kvbmsg {
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 767px) {
  #kvbmsg {
    font-size: 16px;
  }
}/*# sourceMappingURL=newyear.css.map */