@charset "UTF-8";
/**
 * <div centerized-image-box>
 *   <div>
 *     <img>
 *   <div>
 * </div>
 */
/*
 * Mixin for placeholder
 */
.CouponCodeInput--container {
  position: relative;
  width: 400px; }

.CouponCodeInput--input {
  width: 374px;
  height: 16px;
  border: solid 1px rgba(0, 0, 0, 0) !important;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.02);
  padding: 6px 12px !important;
  caret-color: #08c5e7; }

.CouponCodeInput--hover {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.02); }

.CouponCodeInput--active {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.02); }

.CouponCodeInput--value {
  position: absolute;
  top: 7px;
  left: 13px;
  height: 16px;
  line-height: 16px; }

.CouponCodeInput--selectedCoupon {
  position: absolute;
  top: 6px;
  left: 12px;
  height: 16px;
  line-height: 16px;
  display: -ms-flexbox;
  display: flex;
  cursor: text; }

.CouponCodeInput--name {
  font-family: 'Hiragino Sans', "\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF", 'Hiragino Kaku Gothic ProN', '\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3', 'Helvetica Neue', Helvetica, Arial, Roboto, '\30E1\30A4\30EA\30AA', Meiryo, '\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF', sans-serif;
  width: 259px;
  font-weight: 300;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84); }

.CouponCodeInput--code {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans', "\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF", 'Hiragino Kaku Gothic ProN', '\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3', Roboto, '\30E1\30A4\30EA\30AA', Meiryo, '\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF', sans-serif;
  width: 109px;
  text-align: right;
  font-size: 12px;
  text-align: right;
  color: rgba(0, 0, 0, 0.4); }

.CouponCodeInput--expires_date {
  font-family: 'Hiragino Sans', "\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF", 'Hiragino Kaku Gothic ProN', '\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3', 'Helvetica Neue', Helvetica, Arial, Roboto, '\30E1\30A4\30EA\30AA', Meiryo, '\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF', sans-serif;
  min-height: 15px;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.33;
  color: rgba(0, 0, 0, 0.56);
  margin: 6px 13px; }

@charset "UTF-8";
/**
 * <div centerized-image-box>
 *   <div>
 *     <img>
 *   <div>
 * </div>
 */
/*
 * Mixin for placeholder
 */
.AvailableCoupons--coupons_title {
  font-family: 'Hiragino Sans', "\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF", 'Hiragino Kaku Gothic ProN', '\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3', 'Helvetica Neue', Helvetica, Arial, Roboto, '\30E1\30A4\30EA\30AA', Meiryo, '\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 2;
  color: rgba(0, 0, 0, 0.4);
  padding: 0 16px;
  margin-bottom: 4px; }

.AvailableCoupons--coupons {
  position: absolute;
  top: 29px;
  width: 400px;
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  padding: 12px 0; }

.AvailableCoupons--one_height {
  height: 84px; }

.AvailableCoupons--max_height {
  height: 92px; }

@charset "UTF-8";
/**
 * <div centerized-image-box>
 *   <div>
 *     <img>
 *   <div>
 * </div>
 */
/*
 * Mixin for placeholder
 */
.AvailableCoupon--coupon {
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  display: -ms-flexbox;
  display: flex; }

.AvailableCoupon--hover {
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer; }

.AvailableCoupon--selected {
  background-color: rgba(0, 0, 0, 0.03); }

.AvailableCoupon--name {
  font-family: 'Hiragino Sans', "\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF", 'Hiragino Kaku Gothic ProN', '\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3', 'Helvetica Neue', Helvetica, Arial, Roboto, '\30E1\30A4\30EA\30AA', Meiryo, '\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF', sans-serif;
  width: 259px;
  font-weight: 300;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.AvailableCoupon--code {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans', "\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF", 'Hiragino Kaku Gothic ProN', '\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3', Roboto, '\30E1\30A4\30EA\30AA', Meiryo, '\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF', sans-serif;
  width: 109px;
  text-align: left;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.RemoveCouponCode--button {
  position: absolute;
  top: 2px;
  left: 368px;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.24); }

.RemoveCouponCode--active {
  color: rgba(0, 0, 0, 0.4);
  cursor: pointer; }

.RemoveCouponCode--hover {
  color: rgba(0, 0, 0, 0.56);
  cursor: pointer; }