@charset "UTF-8";

.hight-coupon {
  background: #fff;
  text-align: center;
}

.couponbox {
  position: relative;
  width: calc(90% - 2em);
  margin: 0.5em auto;
  padding: 2em 1em;
  border: 2px solid #e91616;
  text-align: center;
}

.couponbox .cname {
  font-size: 110%;
  font-weight: 400;
}

.couponbox .cname span {
  color: #e50112;
  font-size: 330%;
  font-weight: 600;
  line-height: 1.4;
}

.couponbox .ccoupon {
  font-size: 110%;
}

.couponbox .ccoupon span {
  font-size: 140%;
  font-weight: 500;
  letter-spacing: 0.3em;
}

.attention {
  color: #000;
  font-size: 90%;
  text-align: center;
}

.couponbox .ed {
  font-size: 90%;
  line-height: 1.6;
}

.couponbox .ocover {
  position: absolute;
  inset: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #000;
  font-size: 160%;
}

.couponbox .ocover span {
  color: inherit;
}

.ccoupon button {
  display: inline-block;
  margin-top: 1em;
  padding: 0.2em 1.5em;
  border: 1px solid #ff829c;
  box-shadow: 0 1px 3px 1px rgb(0 0 0 / 20%);
  color: #fff;
  background: #e50112;
  cursor: pointer;
  font: inherit;
  font-size: 90%;
}

.ccoupon button:hover,
.ccoupon button:focus-visible {
  background: #c8000f;
}