@charset "utf-8";



/* 第二階層（寄付フォーム）
-----------------------------------------------------------------------------------------*/
section#donationform {
	letter-spacing: -0.5em;
	margin: 32px auto 0 auto;
	padding: 0;
	width:100%;
	max-width:1100px;
	text-align:center;
}
section#donationform * {
	letter-spacing: normal;
}
section#donationform #donationform_footer {
	margin: 0;
	padding: 0;
}
section#donationform #donationform_footer img {
	width:100%;
	height:auto;
}
section#donationform div.main {
	display : inline-block;
	margin: 0;
	padding: 0;
	width:50%;
	vertical-align:top;
}
section#donationform div.main form {
	margin: 0 auto;
	padding: 20px 0 0 0;
	max-width:410px;
}
section#donationform div.image {
	letter-spacing: -0.5em;
	display : inline-block;
	margin: 0;
	padding: 0;
	width:50%;
	vertical-align:top;
}
section#donationform div.image * {
	letter-spacing: normal;
}
section#donationform div.image p {
	margin: 0;
	padding: 0;
}
section#donationform div.image p img {
	display : block;
	width:100%;
	height:auto;
}
section#donationform div.image p a {
	display : block;
}
section#donationform div.image p a:hover {
	opacity:0.7;
}
section#donationform div.image dl {
	display:inline-block;
	margin: 40px 0 0 0;
	padding: 0;
	width:calc((100% - 30px) / 2);
	text-align:left;
	vertical-align:top;
}
section#donationform div.image dl:nth-child(even) {
	margin-right:30px;
}
section#donationform div.image dl dt {
	margin: 0;
	padding: 8px 0 8px 40px;
	font-size:1.1em;
	color:#E60012;
	line-height:140%;
	font-weight:bold;
}
section#donationform div.image dl:nth-child(2) dt { background: url(/donationform/IMAGES/icon-support.svg) left center no-repeat; }
section#donationform div.image dl:nth-child(3) dt { background: url(/donationform/IMAGES/icon-srhr.svg) left center no-repeat; }
section#donationform div.image dl:nth-child(4) dt { background: url(/donationform/IMAGES/icon-friends.svg) left center no-repeat; }
section#donationform div.image dl:nth-child(5) dt { background: url(/donationform/IMAGES/icon-activity.svg) left center no-repeat; }
section#donationform div.image dl dd {
	margin: 12px 0 0 0;
	padding: 0;
	font-size:0.9em;
	line-height:180%;
}
section#donationform div.image dl dd p {
	margin: 0 0 12px 0;
	padding: 0;
}
section#donationform div.image dl dd a {
	font-size:1.0em;
	color:#0090FF;
	line-height:140%;
	font-weight:bold;
	text-decoration:underline;
}
section#donationform div.image dl dd a:hover {
	text-decoration:none;
}

section#donationform div.main form header {
	display : block;
	padding: 0 20px 24px 20px;
}
section#donationform div.main form header h2 {
	margin: 0;
	padding: 0;
	font-size:1.1em;
	line-height:140%;
	text-align:center;
}
section#donationform div.main form header h2 img {
	margin: 0 auto 20px auto;
	padding: 0;
}
section#donationform div.main form header h2 strong {
	display : block;
	font-size:1.3em;
}
section#donationform div.main form header h2 span {
	display : block;
	font-size:0.8em;
}
section#donationform div.main form header p {
	margin: 0;
	padding: 16px 0 0 0;
	font-size:0.9em;
	line-height:140%;
	text-align:left;
}

section#donationform div.main form h3 {
	margin: 0;
	padding: 0 20px 10px 20px;
	font-size:1.0em;
	line-height:140%;
	text-align:center;
}
section#donationform div.main form h3.jf {
	margin: 40px 0 10px 0;
	padding: 0 20px;
	font-size:1.1em;
	line-height:100%;
	color:#E60012;
	text-align:left;
}
section#donationform div.main form h4.jf {
	margin: 20px 0 10px 0;
	padding: 0 20px;
	font-size:1.0em;
	line-height:100%;
	color:#000000;
	text-align:left;
}
section#donationform div.main form h5.jf {
	margin: 20px 0 10px 0;
	padding: 0 20px;
	font-size:0.8em;
	line-height:100%;
	color:#7A7676;
	text-align:left;
}
section#donationform div.main span.required {
	display:inline-block;
	background:#C0101E;
	margin: 0 0 0 6px;
	padding: 3px 4px 2px 4px;
	font-size:11px;
	line-height:100%;
	color:#ffffff;
	font-weight:normal;
	vertical-align:middle;
}
section#donationform div.main span.unrequired {
	display:inline-block;
	background:#0C9A36;
	margin: 0 0 0 6px;
	padding: 3px 4px 2px 4px;
	font-size:11px;
	line-height:100%;
	color:#ffffff;
	font-weight:normal;
	vertical-align:middle;
}
section#donationform div.main form table.jf {
	border-spacing:0;
	margin: 0 20px;
	padding: 0;
	width:calc(100% - 40px);
	font-size:1.0em;
	color: #000000;
	line-height: 140%;
	text-align : left;
}
section#donationform div.main form table.jf tbody tr th {
	margin:  0;
	padding: 5px 10px 5px 0;
	width:60px;
	font-size:0.8em;
	color: #000000;
	line-height: 140%;
	text-align : right;
	font-weight:bold;
}
section#donationform div.main form table.jf tbody tr td {
	margin:  0;
	padding: 5px 0;
	width:calc(100% - 70px);
	font-size:0.9em;
	color: #000000;
	line-height: 140%;
	font-weight:bold;
}
section#donationform div.main form table.jf tbody tr td:first-child {
	margin:  0;
	padding: 0;
	width:100%;
}
section#donationform div.main form table.jf_2 {
	border-spacing:0;
	margin: 0 20px;
	padding: 0;
	width:calc(100% - 40px);
	font-size:1.0em;
	color: #000000;
	line-height: 140%;
	text-align : left;
}
section#donationform div.main form table.jf_2 tbody tr th {
	margin:  0;
	padding: 5px 10px 5px 0;
	width:90px;
	font-size:0.8em;
	color: #7A7676;
	line-height: 140%;
	text-align : right;
	font-weight:bold;
}
section#donationform div.main form table.jf_2 tbody tr td {
	margin:  0;
	padding: 5px 0;
	width:calc(100% - 100px);
}
section#donationform div.main form table.jf tbody tr td input,
section#donationform div.main form table.jf tbody tr td select,
section#donationform div.main form table.jf_2 tbody tr td input,
section#donationform div.main form table.jf_2 tbody tr td select {
	padding:10px 6px;
	font-size:16px;
}
section#donationform div.main form table.jf tbody tr td input.required,
section#donationform div.main form table.jf tbody tr td select.required,
section#donationform div.main form table.jf_2 tbody tr td input.required,
section#donationform div.main form table.jf_2 tbody tr td select.required {
	background:#FAD9D9;
}
section#donationform div.main form div.pink {
	background:#FCD9DB;
	margin: 0;
	padding: 24px 0;
}
section#donationform div.main form div.white {
	margin: 0;
	padding: 24px 0;
}
section#donationform div.main form div.link {
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	margin: 36px 0 0 0;
	padding: 36px 0;
}
section#donationform div.main form p {
	margin: 0;
	padding: 16px 20px 0 20px;
	font-size:0.9em;
	line-height:140%;
	text-align:left;
}
section#donationform div.main form p.ransel_image {
	display:none;
	margin: 0;
	padding: 0;
}
section#donationform div.main form p.ransel_image img {
	width:100%;
	height:auto;
}
section#donationform div.main form input[type="submit"] {
	border-radius:20px;
	border:1px solid #28A838;
	background:#28A838;
	margin: 0;
	padding: 8px 0;
	width:280px;
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
}
section#donationform div.main form input[type="submit"]:hover {
	background:#ffffff;
	color:#28A838;
}

section#donationform div.main form p.submit {
	display:none;
	margin: 20px 0 32px 0;
	padding: 0;
}
section#donationform div.main form p.nosubmit {
	background:#cccccc;
	border-radius:20px;
	border:1px solid #cccccc;

	margin: 20px auto 32px auto;
	padding: 8px 0;

	width:280px;

	font-size:16px;
	color:#ffffff;
	line-height: 140%;
	text-align : center;
}
section#donationform div.main form p.sending {
	display:none;
	background:#3e3a39;
	border-radius:20px;
	border:1px solid #3e3a39;

	margin: 20px auto 32px auto;
	padding: 8px 0;

	width:280px;

	font-size:16px;
	color:#ffffff;
	line-height: 140%;
	text-align : center;
}

section#donationform div.main form a {
	color:#0090FF;
	text-decoration:underline;
}
section#donationform div.main form a:hover {
	text-decoration:none;
}
section#donationform div.main form a.button {
	display : inline-block;
	border:1px solid #E60012;
	border-radius:6px;
	padding: 10px 20px 8px 20px;
	min-width:200px;
	font-size:1.0em;
	font-weight:bold;
	color:#E60012;
	line-height:100%;
	text-decoration:none;
}
section#donationform div.main form a.button:hover {
	background:#E60012;
	color:#ffffff;
}
section#donationform div.main form a.button2 {
	display : inline-block;
	border:1px solid #000000;
	border-radius:6px;
	padding: 10px 20px 8px 20px;
	min-width:200px;
	font-size:1.0em;
	font-weight:bold;
	color:#000000;
	line-height:100%;
	text-decoration:none;
}
section#donationform div.main form a.button2:hover {
	background:#000000;
	color:#ffffff;
}
section#donationform div.main form ul.type01 {
	margin: 24px 20px 16px 20px;
	padding: 0;
	font-size:0.9em;
	line-height:140%;
	text-align:left;
	list-style:none;
}
section#donationform div.main form ul.type01 li {
	display : inline-block;
	margin: 0;
	padding: 0;
	width:50%;
	text-align:center;
}
section#donationform div.main form ul.type01 li a {
	display:block;
	border:1px solid #E60012;
	border-radius:10px 0 0 10px;
	background: #ffffff;
	width: calc(100% - 2px);
	height: 70px;
	color:#E60012;
	text-decoration:none;
}
section#donationform div.main form ul.type01 li:last-child a {
	border-radius:0 10px 10px 0;
	border-left:0;
	width: calc(100% - 1px);
}
section#donationform div.main form ul.type01 li a.selected,
section#donationform div.main form ul.type01 li a:hover {
	background: #E60012;
	color: #ffffff;
}
section#donationform div.main form ul.type01 li a strong {
	display:block;
	padding:10px 0 0 0;
	font-size:1.4em;
	line-height:160%;
}
section#donationform div.main form ul.type02 {
	margin: 6px 15px 0 15px;
	padding: 0;
	font-size:0.9em;
	line-height:140%;
	text-align:left;
	list-style:none;
}
section#donationform div.main form ul.type02 li {
	position: relative;
	display : inline-block;
	margin: 10px 5px 0 5px;
	padding: 0;
	color:#E60012;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
}
section#donationform div.main form ul.type02 li.c1-2 {
	width:calc(50% - 12px);
}
section#donationform div.main form ul.type02 li.c1-3 {
	width:calc(33.3% - 10px);
}
section#donationform div.main form ul.type02 li.c2-3 {
	width:calc(66.7% - 10px);
}
section#donationform div.main form ul.type02 li input[type="radio"] {
	width: 100%;
	height: 45px;
	opacity: 0;
}
section#donationform div.main form ul.type02 li label {
	border:1px solid #F6EDEE;
	border-radius:10px;
	background: #F6EDEE;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 2px);
	height: 43px;
	pointer-events: none;
}
section#donationform div.main form ul.type02 li input[type="radio"]:checked + label,
section#donationform div.main form ul.type02 li:hover label {
	border:1px solid #E60012;
	background: #E60012;
	color: #ffffff;
}
section#donationform div.main form ul.type02 li label span {
	display:inline-block;
	line-height:45px;
}
section#donationform div.main form ul.type02 li.etc_form {
	display:none;
}
section#donationform div.main form ul.type02 li.etc_form input[type="number"] {
	border:1px solid #E60012;
	border-radius:10px;
	padding:11px;
	width:calc(100% - 24px);
}
section#donationform div.main form ul.type03 {
	margin: 6px 15px 0 15px;
	padding: 0;
	font-size:0.9em;
	line-height:140%;
	text-align:left;
	list-style:none;
}
section#donationform div.main form ul.type03 li {
	position: relative;
	border:1px solid #8D8B8B;
	border-radius:10px;
	background:#ffffff;
	margin: 10px 5px 0 5px;
	padding: 0;
	width:calc(100% - 12px);
	height:46px;
	font-size:1.0em;
	color:#000000;
	line-height:100%;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}
section#donationform div.main form ul.type03 li input[type="radio"] {
	width: 100%;
	height: 100%;
	opacity: 0;
}
section#donationform div.main form ul.type03 li label {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 2px);
	height: 43px;
	pointer-events: none;
}
section#donationform div.main form ul.type03 li label span {
	display:inline-block;
	border:1px solid #E60012;
	border-radius:6px;
	background:#ffffff;
	margin:8px 12px 8px 8px;
	width:30px;
	height:30px;
	vertical-align:middle;
}
section#donationform div.main form ul.type03 li input[type="radio"]:checked + label span,
section#donationform div.main form ul.type03 li:hover label span {
	background:#E60012;
}
section#donationform div.main form ul.type03 li label img {
	display:inline-block;
	margin:16px 0;
	vertical-align:middle;
}
@media screen and (max-width: 980px){
	section#donationform {
		margin: 0 auto;
	}
	section#donationform #donationform_footer {
		margin: 32px auto 0 auto;
		max-width:410px;
	}
	section#donationform div.main {
		display:block;
		width:100%;
	}
	section#donationform div.image {
		display:block;
		margin: 0 auto;
		padding: 0;
		max-width:410px;
		width:100%;
	}
	section#donationform div.image dl,
	section#donationform div.image dl:nth-child(even) {
		display:block;
		margin: 30px 20px 0 20px;
		padding: 0;
		width:calc(100% - 40px);
	}
	section#donationform div.image p.nosp {
		display:none;
	}
	section#donationform div.main form p.ransel_image {
		display:block;
	}
}

section#donationform div.main div.bank {
	display:none;
	margin: 0;
	padding: 20px 0 0 0;
	text-align:left;
}
section#donationform div.main div.bank h3 {
	margin-top:48px;
	text-align:left;
}
section#donationform div.main div.bank dl {
	margin: 0;
	padding: 10px 20px 0 20px;
}
section#donationform div.main div.bank dl dt {
	display:inline-block;
	margin: 0;
	padding: 0;
	width:70px;
	font-size:0.8em;
	color:#535353;
	line-height:100%;
}
section#donationform div.main div.bank dl dd {
	display:inline-block;
	margin: 0;
	padding: 0;
	width:calc(100% - 70px);
	font-size:1.1em;
	color:#000000;
	line-height:100%;
	font-weight:bold;
}
section#donationform div.main div.bank ul li {
	margin-top:16px;
	font-size:0.9em;
	line-height:160%;
}
section#donationform div.main div.bank p.mail {
	background: url(/donationform/IMAGES/icon-mail.svg) left center no-repeat;
	margin: 20px 20px 0 20px;
	padding:0 30px;
}

section#donationform div.main div.donation_kind_4 div div {
	background:#ffffff;
	margin: 0 20px;
	padding:20px 0;
	text-align:left;
}
section#donationform div.main div.donation_kind_4 div div h3 {
	padding-bottom:20px;
	font-size:1.4em;
	text-align:left;
}
section#donationform div.main div.donation_kind_4 div div dl {
	margin: 0;
	padding: 10px 20px 0 20px;
}
section#donationform div.main div.donation_kind_4 div div dl dt {
	display:inline-block;
	margin: 0;
	padding: 0;
	width:70px;
	font-size:0.8em;
	color:#535353;
	line-height:100%;
}
section#donationform div.main div.donation_kind_4 div div dl dd {
	display:inline-block;
	margin: 0;
	padding: 0;
	width:calc(100% - 70px);
	font-size:1.1em;
	color:#000000;
	line-height:100%;
	font-weight:bold;
}
section#donationform div.main div.donation_kind_4 div div dl.type01 dt {
	margin-top: 6px;
	margin-bottom: 6px;
	padding-right:20px;
	width:160px;
	text-align:right;
}
section#donationform div.main div.donation_kind_4 div div dl.type01 dd {
	margin-top: 6px;
	margin-bottom: 6px;
	width:calc(100% - 180px);
}

section#donationform div.main .agree {
	background:#E9E9E9;
	margin: 0;
	padding: 20px 10px 10px 10px;
}
section#donationform div.main .agree dl {
	margin: 0;
	padding: 0;
}
section#donationform div.main .agree dl dt {
	margin: 0;
	padding: 0;
	font-weight:bold;
}
section#donationform div.main .agree dl dd {
	margin: 20px 0 0 0;
	padding: 0;
	text-align:center;
	line-height:160%;
}
section#donationform div.main .agree dl dd p {
	position: relative;
	margin: 10px auto 0 auto;
	padding: 0;
	width:120px;
	height:32px;
	color:#E60012;
	font-weight:bold;
}
section#donationform div.main .agree dl dd p input[type="checkbox"] {
	width: 100%;
	height:32px;
	opacity: 0;
}
section#donationform div.main .agree dl dd p label {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 2px);
	height: 32px;
	pointer-events: none;
}
section#donationform div.main .agree dl dd p label span {
	display:inline-block;
	border:1px solid #E60012;
	border-radius:6px;
	background:#ffffff;
	margin:0 12px 0 0;
	width:30px;
	height:30px;
	vertical-align:middle;
}
section#donationform div.main .agree dl dd p input[type="checkbox"]:checked + label span {
	background:#E60012;
}

section#donationform div.main ul.error {
	margin: 0 20px 20px 20px;
	padding: 0 20px;
	font-size:0.9em;
	line-height:160%;
	color:#E60012;
	text-align:left;
}

section#donationform div.main div.login {
	margin: 0;
	padding: 0 0 40px 0;
	text-align:left;
}
section#donationform div.main div.login dl {
	margin: 0;
	padding: 10px 20px 0 20px;
}
section#donationform div.main div.login dl dt {
	display:inline-block;
	margin: 0;
	padding: 0 20px 0 0;
	width:100px;
	font-size:0.8em;
	color:#535353;
	line-height:100%;
	text-align:right;
}
section#donationform div.main div.login dl dd {
	display:inline-block;
	margin: 0;
	padding: 0;
	width:calc(100% - 120px);
	font-size:1.1em;
	color:#000000;
	line-height:100%;
	font-weight:bold;
}

div.modal_window {
	display:none;
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	background-color:rgba(0,0,0,0.75);
	width:100%;
	height:100%;
}
div.modal_window div {
	background:#ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	padding-bottom:20px;
	width:350px;
}