/*--------------------------------------------------------------
## Common
--------------------------------------------------------------*/
.form_container {
  display: grid;
  grid-template-columns: 1fr 2fr;
  border-bottom: 1px solid #CCC; }
  @media (max-width: 600px) {
    .form_container {
      grid-template-columns: 1fr; } }
  .form_container > div {
    padding: 0.75em; }
  .form_container:first-of-type {
    border-top: 1px solid #CCC; }
  .form_container .title {
    background: #4f4f4f;
    color: white;
    font-weight: bold; }
  .form_container label {
    display: block; }
  .form_container input.child_amount {
    width: 80%; }
  .form_container span.child_yen {
    margin-left: 0.5em; }
  .form_container input, .form_container select, .form_container textarea, .form_container button {
    width: 100%;
    line-height: 1.55; }
  .form_container ul.is-style-note_list {
    color: #0000ff;
    font-size: 16px; }
  .form_container .inner {
    padding: 0.25em; }
  .form_container input[type="radio"] {
    width: auto; }
  .form_container input[type="checkbox"] {
    width: auto; }
    .form_container input[type="checkbox"] + label {
      display: inline-block; }

p.red.has-swl-deep-01-color.has-swl-pale-02-background-color.has-text-color.has-background {
  color: #e20000; }

span.red {
  font-size: 0.75em;
  background: #e20000;
  color: white;
  padding: 0.15em 0.5em;
  border-radius: 3px;
  display: table; }

.pickup-area {
  background: #fff9df;
  padding: 0.5em 1em;
  margin: 1em auto;
  line-height: 1.6; }

.grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr; }

.grid3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; }

label.file_btn {
  display: inline-block;
  background: #ffe988;
  padding: 0.25em 2em;
  margin: 1em auto;
  border-radius: 5px;
  border: 1px solid #fbab00;
  cursor: pointer;
  transition: 0.3s ease 0s; }
  label.file_btn:hover {
    background-color: black;
    color: white; }

button.btn {
  background: #ffe988;
  border: 1px solid #fbab00;
  border-radius: 3px;
  transition: 0.3s ease 0s;
  position: relative; }
  button.btn:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 0.5em solid transparent;
    border-left: 0.75em solid #404040; }
  button.btn:hover {
    background-color: black;
    color: white; }
    button.btn:hover:after {
      border-left: 0.75em solid #fff; }
  button.btn.btn2:after {
    display: none; }
  button.btn.btn3 {
    width: auto;
    margin: 0.5em 0; }
    button.btn.btn3:after {
      display: none; }

.saved_area {
  margin: 3em auto;
  background: #e9f4ff;
  padding: 2em;
  max-width: 760px; }
  .saved_area .send_btn_area {
    padding: 3em 0; }
    .saved_area .send_btn_area .btn_area {
      padding: 0 3em; }
    .saved_area .send_btn_area button {
      width: 100%; }
      @media (max-width: 600px) {
        .saved_area .send_btn_area button {
          margin-bottom: 2em !important; } }
span.send {
  position: relative; }
  span.send:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 0.5em solid transparent;
    border-left: 0.75em solid #404040; }
  span.send:hover {
    background-color: black;
    color: white; }
    span.send:hover:after {
      border-left: 0.75em solid #fff; }

input[type=button] {
  background: #ffe988;
  border: 1px solid #fbab00;
  border-radius: 3px;
  width: 100%;
  transition: 0.3s ease 0s;
  position: relative; }
  input[type=button]:hover {
    background-color: black;
    color: white; }

input[type=submit] {
  background: #ffe988;
  border: 1px solid #fbab00;
  border-radius: 3px;
  width: 100%;
  transition: 0.3s ease 0s;
  position: relative; }
  input[type=submit]:hover {
    background-color: black;
    color: white; }

@media (max-width: 600px) {
  .grid2.send_btn_area {
    grid-template-columns: 1fr; } }

.consent-area {
  background: #fffad8;
  padding: 1em 2em; }

.post_content #lpform_inner-container h3 {
  margin-top: 3em !important; }

.form_container-send {
  margin: 2em auto;
  max-width: 300px; }

input.send {
  width: 100%;
  background: #ffe988;
  border: 1px solid #f18200;
  transition: 0.3s ease 0s; }
  input.send:hover {
    background: black;
    color: white;
    border-color: black; }

.bank_code_note {
  font-size: 0.7em; }

.error-message {
  color: #e20000; }

/*--------------------------------------------------------------
## Page Design
--------------------------------------------------------------*/
p.receipt_number {
  background: #feffd6;
  padding: 1em 2em;
  font-weight: bold;
  border: 2px solid #ffcd00; }
  p.receipt_number span {
    font-size: 1.5em;
    color: #f00; }

input.send_disagree {
  width: 100%;
  background: #ff9488;
  border: 1px solid #f18200;
  transition: 0.3s ease 0s; }
  input.send_disagree:hover {
    background: rgb(0, 0, 0);
    color: white;
    border-color: black; }

.bank_change_box {
  margin-top: 20px;

 details summary.pointer {
  cursor: pointer;
 }
 details summary.mark::after {
  transform: scale(1, 0.72);
  margin-right: 18px;
  content: "▼";
  float: right;
 }
 details[open] summary.mark::after {
  transform: scale(1, 0.73);
  margin-right: 18px;
  content: "▲";
 }
}

.multilingual:lang(ja) {
//  color: #00f0e8 !important;
}
.multilingual:lang(en) {
//  color: #e200f0 !important;
}
.multilingual:lang(zh) {
//  color: #f00000 !important;
}
.multilingual:lang(ko) {
//  color: #f0ec00 !important;
}
.attention {
  color:#f00;
  font-weight: bold; 
}

input[disabled] {
  filter: grayscale(1);
  pointer-events: none;
}