@charset "Shift_JIS";

#fashion_coupon .red {
  color: red;
}

#fashion_coupon{
  background: #fff;
  text-align: center;
  color: #232321;
  font-size: 1.1em;
}
#fashion_coupon .fashion_coupon-inner {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 0 32px 0;
  box-sizing: border-box;
}
#fashion_coupon .bg-white { background: #fff; }
#fashion_coupon .bg-pink { background: #ff578a; }
#fashion_coupon .bg-yellow { background: #ffde00; }

#fashion_coupon .fashion_coupon-inner img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}


/* クーポン */
#fashion_coupon p.c_img {
  margin: 0;
  padding: 0;
}
#fashion_coupon .coupon_area {
  margin: 0 auto;
  padding: 0.5em 16px;
}
#fashion_coupon .coupon_area .coupon_bg{
  background: #fff;
  padding: 0.5em;
  border-radius: 10px;
}
#fashion_coupon .coupon_area .limit {
  text-align: center;
  color: #FF0211;
  padding: 0.5em;
  font-weight: 700;
  font-family: "Roboto Condensed", Arial, sans-serif!important;
  font-size: 2rem;
  margin-bottom: 10px;
 }
#fashion_coupon .coupon_area .limit:before { content: "＼"; }
#fashion_coupon .coupon_area .limit:after { content: "／"; }
#fashion_coupon .couponcode {
  margin: 15px auto 32px auto;
  padding: .5em;
  width: 80%;
  font-size: 1em;
  background: #fff;
  border: 2px solid #ff687a;
}
#fashion_coupon .coupon_area small {
  font-size: 70%!important;
}
#fashion_coupon .coupon_area .waribiki {
  padding-bottom: 16px;
  font-family: "Roboto Condensed", Arial, sans-serif;
}
/* クーポンボタン */
#fashion_coupon .coupon_btn,
#fashion_coupon .coupon_btn_w {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 1em;
  padding: 3%;
  color: #fff;
  font-size: 1.2em;
  display: inline-block;
  background: #ff0211;
  border-radius: 10px;
}

/* 注意書き */
#fashion_coupon .attention{
  margin: 30px 0;
  padding: 1em;
  font-size: .8em;
  text-align: left;
  background: #fff;
  border-radius: 10px;
}
#fashion_coupon .attention li {
  margin-bottom: .2em;
  text-indent: -1em;
  padding-left: 1em;
}
#fashion_coupon .attention a:link{
  color: #232321;
}

/* 買い物ボタン */
#fashion_coupon .btn a　{ color: #fff; }
#fashion_coupon .btn{
  width: 95%;
  margin: 0 auto 32px auto;
  padding: 5% 0%;
  font-size: 1em;
  color: #fff;
  display: inline-block;
  background: #333;
  border-radius: 10px;
}

@media print, screen and (min-width: 768px) {
  #fashion_coupon .fashion_coupon-inner {
    padding: 0 0 16px 0;
  }
  #fashion_coupon .coupon_area {
    padding: 1em;
  }
  #fashion_coupon .attention{
    padding: 1em 2em;
  }
  #fashion_coupon .coupon_area .limit { font-size: 1.5em;}
  #fashion_coupon .coupon_area .limit strong { font-size: 1.3em; font-weight:700; }
  #fashion_coupon .coupon_area .waribiki { font-size: 1.1em; }
  #fashion_coupon .coupon_area .waribiki strong { font-size: 1.3em; }
  
  #fashion_coupon .couponcode {
    font-size: 1.5em;
  }
  
  #fashion_coupon .coupon_btn{
    width: 60%;
    margin: 3%;
    font-size: 1.5em;
  }
  #fashion_coupon .coupon_btn_w {
    width: 70%;
  }
  
  #fashion_coupon .btn{
    width: 60%;
    padding: 3% 0%;
    font-size: 1.5em;
  }
}