@charset "UTF-8";

.errors.donate {
color: #ff0000;
}
.errors.donate li:before {
content: "・";
}
.content .donate dl dt {
width: 24%;
text-indent: -.8em;
margin-left: .8em;
}
.content .donate dl dt::before {
margin-right: .5em;
}
.donate dl dd {
width: 76% !important;
}
.donate label,
.donate span {
margin-right: 0.5em;
}
.donate input[type=text],
.donate input[type=number],
.donate input[type=tel],
.donate input[type=email] {
margin-right: 0.5em;
width: 45%;
}
.donate.confirm input[type=radio],
.donate.confirm label,
.donate.confirm input[type=text],
.donate.confirm input[type=number],
.donate.confirm input[type=tel],
.donate.confirm input[type=email] {
pointer-events : none;
border: none;
}
.donate.confirm input[type=text]::placeholder,
.donate.confirm input[type=number]::placeholder,
.donate.confirm input[type=tel]::placeholder,
.donate.confirm input[type=email]::placeholder {
color: transparent;
}
.donate input[name=corpname],
.donate input[name=zipcd] {
width: auto;
}
.donate .privacy-agree {
margin-bottom: 1em;
}
.donate #payjp_checkout_box {
margin: 0 auto 1em auto;
text-align: center;
}
#donateform label.error {
display: none !important;
}
#donateform [type=text].error,
#donateform [type=email].error,
#donateform [type=number].error,
#donateform [type=tel].error {
border: 1px solid #ff0000;
}
#donateform .donate,
#donateform .submit {
display: none;
border: none;
margin: auto;
color: #FFFFFF;
font-size: 1.1em;
font-weight: bold;
border-radius: 5px;
padding: 4px 10px;
text-align: center;
margin-top: 5%;
margin-bottom: 5%;
background: #888;
pointer-events: none;
}
#donateform:not(.confirm) .submit {
display: block;
}
#donateform .donate.active,
#donateform .submit.active {
display: block;
pointer-events: inherit;
background: linear-gradient(90deg, #05958e, #06b19a);
}
#donateform .donate:hover,
#donateform .submit:hover {
opacity: 0.7;
}