@charset "utf-8";
/* CSS Document */



/*-------------------------------------
 セールモデルクーポン
---------------------------------------*/
.sale-model .coupon-wrapper{
  padding:0;
}
.sale-model .coupon-wrapper br {
  display: none;
}
.sale-model .ribbon{
  display:none;
}
 .sale-model .coupon-value {
  padding: 0.5em;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  border:2px solid;
  border-image: linear-gradient(135deg, #fff9e6 0%, #b39855 40%, #fff9e6 75%, #b39855 120%) 1;
}
.sale-model .coupon-value::before{
  position:absolute;
  top:0;
  left:0;
  width:20%;
  height:100%;
  content: "";
  background:#ff0 url(../images/coupon-use.webp?01) no-repeat center center / contain;
  clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 0% 100%);
}
/*
.sale-model .coupon-value::after{
  position:absolute;
  top: calc(50% - 10px);
  left:5px;
  font-size:10px;
  content: "クーポン\A利用で";
  color: #000;
  z-index:1;
  white-space: pre;
  line-height:1;
}
*/
.sale-model .coupon-value__detail {
  font-size: 24px;
}
.sale-model .coupon-value__detail{
  padding-left:15%;
  white-space:nowrap;
}

.sale-model .coupon-value__detail .sub {
  font-size: 60%;
  margin-left: 0;
}
.sale-model .coupon-value__inner{
  position:relative;
  z-index:5;
}
.sale-model .coupon-code{
  width:100%;
  padding:0;
}
.sale-model .coupon-wrapper {
  margin-top: 20px;
  width: 100%;
}
.sale-model .coupon-code__text {
    font-size:0.9em;
    padding: 0.5em 0;
}
.sale-model .coupon-code__text::before {
    display: block !important;
}
@media screen and (max-width: 767px) {
  .sale-model .coupon-value__detail {
    font-size: 6vw;
  }
}