/* ↓スマホ */
@media all and (max-width: 767px) {

	/* 記事 */

		main .frame{
			padding:0;
			padding-top:12px;
			padding-bottom: 40px;
		}

		article{
			text-align: left;
		}
		article .heading1{
			margin-bottom:35px;
		}
		article .heading1 h1{
			display: block;
			padding-left: 5px;
			padding-bottom: 7px;
			line-height: 1em;
			box-sizing: border-box;
			font-size: 135%;
			text-align: center;
		}
		article .heading1 h1 span.logo{
			display:block;
			width:100%;
			padding-top:15%;
			position: relative;
			margin-bottom: 10px;
		}
		article .heading1 h1 img.logo{
			width:100%;
			height:100%;
			position: absolute;
			top: 0;
			left:0;
		}
		article .subTitle{
			font-weight: bold;
			color:#777;
			padding-left: 10px;
			padding-right:10px;
			margin-top:14px;
			line-height: 1.35em;
			font-size: 112.5%;
		}
		article section{
			position: relative;
		}
		article section span.anchor{
			display: block;
			position: absolute;
			top:-70px;
		}
		article section.notes{
			padding:10px;
			border:solid 1px #e7e31c;
			box-sizing: border-box;
			margin-bottom: 2.0em;
		}
		article section h2{
			display:block;
			padding: 5px 0;
			border-bottom: solid 2px #e7e31c;
			box-sizing: border-box;
			line-height: 1.5em;
			margin:0 auto 1.0em;
			font-size: 112.5%;
		}
		article section h3{
			display:block;
			padding: 2px 5px;
			border-left: solid 3px #e7e31c;
			box-sizing: border-box;
			line-height: 1.5em;
			margin:0 auto 0.5em;
			font-size:100%;
		}
		article section p{
			display:block;
			margin:0 auto 2.0em;
			line-height: 1.75em;
			font-size:100%;
		}
		article section a{
			color:#0094b4;
			text-decoration: none;
		}
		article section a:hover{
			color:#33ccff;
		}
		article section a:visited{
			color:#ccc;
		}

		article section .relatedLink{
			display:block;
			margin:0 auto 2.0em;
			line-height: 1.75em;
			font-size:100%;
		}
		article section.notes .relatedLink{
			display:block;
			margin:0 auto 1em;
			line-height: 1.75em;
			font-size:100%;
		}
		article section .relatedLink a{
			display: inline-block;
			text-decoration: none;
			color:#333;
			padding:2px 10px 2px 30px;
			background-color: #ff6;
			background-image: url(../img/parts/support_relatedlink_icon.png);
			background-repeat: no-repeat;
			background-position: 5px center;
			background-size: 20px 20px;
			border-radius: 15px;
		}
		article section .relatedLink a:hover{
			color:#999;
			background-color: #ff9;
		}
		article div#fb_area{
			display: block;
			/* width: 350px; */
			padding:0 3px;
			margin:0 auto 2.0em;
			box-sizing: border-box;
		}
		/*募金状況のご報告*/
		.bokin_hokoku article p.bokingaku span{
			display: block;
			margin-bottom: 0.25em;
		}
		.bokin_hokoku article p.bokingaku span.kingaku{
			font-weight:bold;
			font-size:160%;
		}
		/*募集中の募金口座*/
		.saigaibokin article p.kouza{
			font-weight:bold;
		}
		.saigaibokin article p.kouza .ginkou{
			font-size:125%;
		}
		.saigaibokin article p.notice{
			color:#ef2424;
		}
		.saigaibokin article table{
				display: table;
				border-collapse: collapse;
				border:solid 1px #999;
				margin-bottom:2.0em;
		}
		.saigaibokin article table caption {
			display: table-caption;
			text-align: left;
			font-size: 85%;
			margin-bottom: 0.5em;
		}
		.saigaibokin article table td{
			padding:10px 15px;
			border:solid 1px #333;
			font-size: 85%;
			line-height: 1.5em;
		}
		.saigaibokin article table tr td:last-child{
			text-align: center;
		}
	
	/*募集中の募金口座*/
	.saigaibokin article p.kouza{
		font-weight:bold;
	}
	.saigaibokin article p.kouza .ginkou{
		font-size:125%;
	}
	.saigaibokin article p.notice{
		color:#ef2424;
	}
	.saigaibokin article table{
			display: table;
			border-collapse: collapse;
			border:solid 1px #999;
			margin-bottom:2.0em;
	}
	.saigaibokin article table caption {
		display: table-caption;
		text-align: left;
		font-size: 85%;
		margin-bottom: 0.5em;
	}
	.saigaibokin article table td{
		padding:10px 15px;
		border:solid 1px #333;
		font-size: 85%;
		line-height: 1.5em;
	}
	.saigaibokin article table tr td:last-child{
		text-align: center;
	}
	
	/*振込み内容のご報告*/
	.receipt_report .reportBlock { padding:0 0.5em 1em; }
	.receipt_report .reportBlock .reportBox { margin-bottom: 1em; padding-bottom: 0em;}
	.receipt_report .reportBlock .reportBox/*:not(:last-child)*/ { border-bottom: dotted 1px #e7e31c;}
	.receipt_report .reportBlock .furikomi {text-align: center; margin-bottom: 1em;}
	.receipt_report .reportBlock .furikomi .bokingaku { font-size: 1.2em;}
	.receipt_report .reportBlock figure { width: 90%; margin: 0 auto 1.5em;}
	.receipt_report .reportBlock figure .img {
    background-size:cover; width: 100%; height: 0; padding-top: 141.175%; border: solid 1px #e5e5e5;
}
	
	/* シェアボタン */
	.shareButton{
		overflow: hidden;
		text-align: right;
		margin-right: 10px;
	}
	.shareButton span:first-child{
		display: inline-block;
		padding-left:15px;
		background-image: url(../img/parts/share_arrow.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 9px 14px;
		height:30px;
		line-height: 30px;
		font-weight: bold;
		font-size:75%;
		vertical-align:top;
	}
	.shareButton a{
		display: inline-block;
		width:30px;
		height:30px;
		background-repeat: no-repeat;
		background-size: 30px 30px;
		text-indent: -9999px;
		margin-left: 5px;
		text-align: left;
		vertical-align:top;
	}
	.shareButton a.tw{background-image: url(../img/parts/share_x.png);}
	.shareButton a.fb{background-image: url(../img/parts/share_fb.png);}
	.shareButton a.line{background-image: url(../img/parts/share_line.png);}

}
/* ↑スマホ */
/* ↓PC */
@media all and (min-width: 768px) {

/* 記事 */
	main .frame{
		width:960px;
		background: #fff;
		margin:0 auto 50px;
		padding:0;
		padding-top:24px;
		padding-bottom: 40px;
		border-left: solid 1px #ccc;
		border-right: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		box-sizing: border-box;
	}

	article{
		text-align: left;
	}
	article .heading1{
		width:800px;
		margin:0 auto 45px;

	}
	article .heading1 h1{
		display: block;
		padding-bottom: 0;
		line-height: 1.0em;
		box-sizing: border-box;
		font-size: 150%;
		text-align: center;
	}
	article .heading1 h1 span.logo{
		display:block;
		width:500px;
		padding-top:75px;
		position: relative;
		margin:0 auto 20px;
	}
	article .heading1 h1 img.logo{
		width:100%;
		height:100%;
		position: absolute;
		top: 0;
		left:0;
	}
	article section{
		width: 640px;
		margin:0 auto 3.0em;
		position: relative;
	}
	article section span.anchor{
		display: block;
		position: absolute;
		top:-100px;
	}
	article section.notes{
		padding:15px 30px;
		border:solid 1px #e7e31c;
		box-sizing: border-box;
	}
	article section h2{
		display:block;
		padding: 5px 0;
		border-bottom: solid 2px #e7e31c;
		box-sizing: border-box;
		line-height: 1.5em;
		margin:0 auto 1.5em;
		font-size: 125%;
	}
	article section h3{
		display:block;
		padding: 2px 5px;
		border-left: solid 5px #e7e31c;
		box-sizing: border-box;
		line-height: 1.5em;
		margin:0 auto 1.0em;
		font-size:100%;
	}
	article section p{
		display:block;
		margin:0 auto 2.0em;
		line-height: 1.75em;
		font-size:100%;
	}

	article section a{
		color:#0094b4;
		text-decoration: none;
	}
	article section a:hover{
		color:#33ccff;
	}
	article section a:visited{
		color:#ccc;
	}

	article section .relatedLink{
		display:block;
		width:640px;
		margin:0 auto 2.0em;
		line-height: 1.75em;
		font-size:100%;
	}
	article section .relatedLink a{
		display: inline-block;
		text-decoration: none;
		color:#333;
		padding:2px 10px 2px 30px;
		background-color: #ff6;
		background-image: url(../img/parts/support_relatedlink_icon.png);
		background-repeat: no-repeat;
		background-position: 5px center;
		background-size: 20px 20px;
		border-radius: 15px;
	}
	article section .relatedLink a:hover{
		color:#999;
		background-color: #ff9;
	}
	article div#fb_area{
		display: block;
		width:640px;
		margin:0 auto 50px;
	}
	/*募金状況のご報告*/
	.bokin_hokoku article p.bokingaku span{
		display: inline-block;
	}
	.bokin_hokoku article p.bokingaku span.kingaku{
		padding-left:0.25em;
		padding-right:0.25em;
		font-weight:bold;
		font-size:160%;
	}
	/*募集中の募金口座*/
	.saigaibokin article p.kouza{
		font-weight:bold;
	}
	.saigaibokin article p.kouza .ginkou{
		font-size:125%;
	}
	.saigaibokin article p.notice{
		color:#ef2424;
	}
	.saigaibokin article table{
			display: table;
			border-collapse: collapse;
			border:solid 1px #999;
			margin-bottom:2.0em;
	}
	.saigaibokin article table caption {
		display: table-caption;
		text-align: left;
		font-size: 85%;
		margin-bottom: 0.5em;
	}
	.saigaibokin article table td{
		padding:10px 15px;
		border:solid 1px #333;
		font-size: 85%;
		line-height: 1.5em;
	}
	.saigaibokin article table tr td:last-child{
		text-align: center;
	}
	
	/*振込み内容のご報告*/
	.receipt_report .reportBlock .reportBox { margin-bottom: 2em; padding-bottom: 1em;}
	.receipt_report .reportBlock .reportBox/*:not(:last-child)*/ { border-bottom: dotted 1px #e7e31c;}
	.receipt_report .reportBlock .furikomi {text-align: center; margin-bottom: 1em;}
	.receipt_report .reportBlock .furikomi .bokingaku { font-size: 1.2em;}
	.receipt_report .reportBlock figure { width: 500px; margin: 0 auto 1.5em;}
	.receipt_report .reportBlock figure div { /*background-size:100%; width: 500px; height: 0; padding-top: 141.175%; margin: 0 auto; border: solid 1px #ccc;*/}
	.receipt_report .reportBlock figure .img {
    background-size:cover; width: 100%; height: 0; padding-top: 141.175%; border: solid 1px #e5e5e5;
}


/* シェアボタン */
	.shareButton{
		overflow: hidden;
		text-align: right;
		margin-right: 80px;
	}
	.shareButton span:first-child{
		display: inline-block;
		padding-left:15px;
		background-image: url(../img/parts/share_arrow.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 9px 14px;
		height:30px;
		line-height: 30px;
		font-weight: bold;
		font-size:75%;
		vertical-align:top;
	}
	.shareButton a{
		display: inline-block;
		width:30px;
		height:30px;
		background-repeat: no-repeat;
		background-size: 30px 30px;
		text-indent: -9999px;
		margin-left: 10px;
		text-align: left;
		vertical-align:top;
	}
	.shareButton a.tw{background-image: url(../img/parts/share_x.png);}
	.shareButton a.fb{background-image: url(../img/parts/share_fb.png);}
	.shareButton a.line{background-image: url(../img/parts/share_line.png);}
}
/* ↑PC */

/*	accordion
============================== */
.receipt_report .reportBlock .box { margin-top: -0.5em;}
.receipt_report .reportBlock .accordion-unit {
	overflow:hidden;
}
.receipt_report .reportBlock .accordion-unit .accordion-btn {
	position:relative;
	cursor:pointer;
	line-height:1.5;
	color:#999900;
	padding:0 0.5em 0 0;
	margin: 0;
	transition:0.5s;
	text-align: center;
}
.receipt_report .reportBlock .accordion-unit .accordion-btn:hover {}
.receipt_report .reportBlock .accordion-unit .accordion-box {
	-webkit-transition-duration:500ms;
	-webkit-transition-timing-function:ease-in-out;
	transition-duration:500ms;
	transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	transition-property:height;
	
}
.receipt_report .reportBlock .accordion-open .accordion-box {
	height:auto;
}
.receipt_report .reportBlock .accordion-close .accordion-box {
	height:0;
}
.receipt_report .reportBlock .accordion-unit .accordion-btn:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: -5px 0 0 0.5em;
	vertical-align: middle;
	box-sizing: border-box;
	border-right: solid 1px #999900;
	border-bottom: solid 1px #999900;
	transform: rotate(45deg);
	transition: 0.2s;
}
.receipt_report .reportBlock .accordion-open .accordion-btn:before {
	content: "";
	margin: 3px 0 0 0.5em;
	transform: rotate(225deg);
	transition: 0.2s;
}
.receipt_report .reportBlock .accordion-unit .accordion-btn:after {
	content: "表示";
	display: inline-block;
	transition: 0.2s;
}
.receipt_report .reportBlock .accordion-open .accordion-btn:after {
	content: "非表示";
	transition: 0.2s;
}
.receipt_report .reportBlock .accordion-close .accordion-btn:after {
	background-position:0 -60px;
}
.receipt_report .reportBlock .accordion-unit .accordion-btn span { display: inline-block; padding-left: 0.5em;}
.receipt_report .reportBlock .accordion-inner {}
.receipt_report .reportBlock .accordion-inner p {
	line-height:1.5em;
}
@media all and (min-width: 768px) {
.receipt_report .reportBlock .accordion-inner {
	padding:1em;
}
.receipt_report .reportBlock .accordion-unit .accordion-btn { font-size: 1.0em;}
}
@media all and (max-width: 767px) {
.receipt_report .reportBlock .accordion-unit { font-size: 0.9em; margin-bottom: 10px;}
.receipt_report .reportBlock .accordion-inner {
	padding:0.8em;
}
	.receipt_report .reportBlock .accordion-unit .accordion-btn { font-size: 0.9em;}
	.receipt_report .reportBlock .accordion-unit .accordion-btn:after {}
}