@charset "UTF-8";

.mb-2 {
  margin-bottom: 2rem;
}

/* ----------------
 SUB CONTENTS AREAで画面100%の背景がある場合
---------------- */
body {
  display: table;
  overflow: hidden;
  width: 100%;
}

/* ----------------
 PAYMENT CARDS
---------------- */
.layout_payment-cards {
  padding: 0 30px;
}

.payment-cards-title {
  font-size: 12px;
}

.payment-cards-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-flow: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.payment-cards-list-li {
  padding: 10px;
}

.layout_payment-attention {
  font-size: 12px;
  padding: 16px 0 32px;
}
.layout_payment-attention .note {
  font-size: 12px;
}
/* ----------------
 SUB TITLE
---------------- */

.sub-contents-inbox-title span {
  background: #fff;
}

.even .sub-contents-inbox-title span {
  background: #f3f4f6;
}

@media only screen and (max-width: 779px) {
  /* ----------------
   PAYMENT CARDS
  ---------------- */
  .layout_sub-contents-area-inner.first .lauout_sub-inbox-contents-text {
    margin: 15px 0 0;
  }

  .layout_payment-cards {
    padding: 15px 0;
  }

  .btn_detail a {
    margin: 10px auto 0;
  }
}