@charset "UTF-8";

/* payment_area
-------------------------------------------------------------*/
.payment_area {
  max-width:480px;
  margin: 10px auto;
  color: #333;
  display: flex;
  text-align: center;
  flex-wrap: wrap;
}
.payment_area .kind {
  margin-bottom: 4px;
}
.payment_area .kind a {
  display: block;
  color:#333;
  text-decoration: none;
}
.payment_area .kind img {
  height: auto;
  margin: 0 auto 4px;
  vertical-align: bottom;
  width: 94%;
}
.payment_area .kind span.caption {
  display: block;
  margin: 0 auto;
  line-height: 13px;
  font-size: 12px;
  font-weight: normal;
  color: #333;
}

/* credit */
.kind.credit {
  flex: 1;
}
.kind.credit img {
  width:58px;
}
.kind.credit span.caption {
  line-height: 11px;
  font-size: 10px;
}
.kind.credit:nth-child(5) span.caption {
  letter-spacing: -2px;
}

/* other_payment */
.kind.others1 {
  width:25%;
  float: left;
  text-align: center;
}
.kind.others1 img {
  max-width: 72px;
}
.kind.others4 {
  width:33%;
}
.kind.others4 img {
  width: auto;
  height: 9.375vw;
  max-height: 45px;
}
.kind.others4 span.caption {
  line-height: 13px;
  font-size: 12px;
}
.kind.others2 {
  width: 48.5%;
}
.kind.others2.rp {
  width: 51.5%;
}

/* carrier */
.carrier_payment .payment_area {
  display: table;
}
.kind.carrier {
  display: table-cell;
  width: 190px;
  vertical-align: middle;
  line-height: 14px;
  text-align: left;
  font-size: 12px;
  color: #000;
}
.kind.carrier1,
.kind.carrier2,
.kind.carrier3 {
  display: table-cell;
  width: 110px;
  text-align: center;
}
.kind.carrier1 span,
.kind.carrier2 span,
.kind.carrier3 span {
  display: inline-block;
  width: 100px;
  padding: 5px 0;
  line-height: 19px;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
}
.kind.carrier1 span {
  background: #D72853;
}
.kind.carrier2 span {
  background: #EA6924;
}
.kind.carrier3 span {
  background: #4D4B4B;
}