@charset "utf-8";


.noinp{
  display: none;
}

.uList li {
  border: 1px solid #CCC;
  background: #FFF;
  padding: 0;
  margin-bottom: 2em;
}

.uList li .couponHd {
  display: flex;
  justify-content: space-between;
}

.uList li .couponHd>.couponTgt {
  width: 3em;
  text-align: center;
  padding-top: 2em;
}

.uList li .couponHd>.couponTgt.new {
  background-color: rgba(255, 217, 217, 1);
}

.uList li .couponHd>.couponTgt.rep {
  background-color: rgba(194, 234, 195, 1);
}

.uList li .couponHd>.couponTgt.all {
  background-color: rgba(240, 233, 202, 1);
}

.uList li .couponHd>.couponSet {
  width: calc(100% - 3em);
  padding: 1rem 2em;
}

.uList li .couponHdr {
  width: 100%;
}

.uList li .couponTtl {
  width: 75%;
  font-size: 130%;
  font-weight: bold;
  float: left;
}

.uList li .couponTtl span {
  font-size: 85%;
}

.uList li .couponPrice {
  width: 15%;
  font-size: 150%;
  color: darksalmon;
  font-weight: bold;
  text-align: right;
  float: right;
}

.uList li .couponData {
  width: 100%;
  clear: both;
}

.uList li p {
  font-size: 100%;
  line-height: 1.5;
  margin-top: 1em;
}


.uList li .couponAtt {
  font-size: 80%;
}

 a.btn {
  display: inline;
  border: solid 1px #ccc;
  padding: 4px 1em;
  border-radius: 5px;
  background-color: #eee;
  font-size: 15px;
}




@media (max-width: 799px) {
  .uList li .couponHd>.couponSet {
    width: 100%;
    padding: 1rem;
  }

  .uList li .couponTtl {
    width: 100%;
    font-size: 110%;
    float: none;
  }

  .uList li .couponPrice {
    width: 100%;
    float: none;
  }
}