@charset "UTF-8";

#donatetbox{padding:60px 0 100px; max-width:640px; margin:0 auto;}
#donatetbox h4{position: relative; margin-bottom: 2em; font-size:1.9rem; text-align:center;}
#donatetbox h4:before {content: '';  position: absolute;  bottom: -15px;  display: inline-block;  width: 40px; height: 2px;  left: 50%;  -webkit-transform: translateX(-50%);  transform: translateX(-50%);  background-color: black;  border-radius: 2px;}
#donatetbox .box{text-align:left; margin-bottom:60px;}
#donatetbox .itemname{margin-bottom:4px;}
#donatetbox .inputarea{margin-bottom:16px;}
#donatetbox input,#donatetbox textarea{width:100%; background:#eee; border:none; border-bottom:1px solid #ccc; padding:4px; font-size:1.6rem;}
#donatetbox textarea{max-height:200px;}
#donatetbox input[type="submit"]{margin-top:16px; background:#e8464d; padding:16px; width:250px; color:#fff; border:none; border-radius:50px; font-weight:600; font-size:1.7rem;}
input[type="checkbox"] {display:none;}

.border-box{margin:16px auto 30px;}
.border-box em{font-style: normal; font-weight:500; font-size: 1.7rem; font-family: "Kosugi Maru", sans-serif;}

.btn a{position:relative; display:flex; align-items:center; justify-content:center; width:285px; height:50px; margin:16px auto 0; font-weight:500; font-style: normal; font-size:1.6rem;  border:1px solid #000; border-radius:50px; text-decoration:none;}
.btn a:after{position:absolute; right:0; top:23%; content:"→"; margin-right:10px; width:25px; height:22px;}

.privacy label {
  display: block;
	width:220px;
	margin:20px auto;
  position: relative;
  padding-left: 35px;
	padding-right:30px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.privacy label:last-child { margin-bottom: 0; }

.privacy label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #e8464d;
  position: absolute;
  opacity: .6; top:3px;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.privacy .mfp_checked:before {
  width: 10px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type="radio"] {display:none;}
.inputarea.radio span{
	display: inline-block;
	position: relative;
	padding: 0 0 0 1.2em;
	margin: 0 .2em 0;
	cursor: pointer;
}
.inputarea.radio span::before{
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: #fff;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 50%;
	width: 1em;
	height: 1em;
	display: block;
}
.inputarea.radio .mfp_checked span::after{
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: #e8464d;
	border-radius: 50%;
	width: 1em;
	height: 1em;
	border: .2em solid #fff;
	display: block;
}
footer{margin-top:0;}

@media only screen and (min-width:600px) {
#donatetbox{padding:20px 0 400px 0;}
#donatetbox .box{text-align:center;}
}

@media only screen and (min-width:900px) {
}


.thanks #donatetbox{padding-bottom:50vh;}
.thanks #donatetbox{max-width:840px;}
@media only screen and (min-width:680px) {
.thanks #donatetbox .box{text-align:center;}
}