/*
Theme Name: 熊本市記念樹配布事業
Version: 1.0
*/
@charset "utf-8";
@import url(/css/default.css);
@import url(/css/base.css?style=ver20241119);


/*####################################################################################

  	WP

　####################################################################################*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.main{
	overflow-wrap: break-word;
　　word-wrap: break-word;
}


.main ul{margin-left: 20px;}

.main ol{margin-left: 25px;}

.main blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

.main a {color:#00f;}




/*####################################################################################

  　　コンテンツページ	

　####################################################################################*/


	main > h2{
		margin-top: 50px;
		color:#3d7636;
		font-size: 2.4em;
		font-weight: 700;
		text-align:center;
		letter-spacing: 0.1em;
	}

@media screen and (max-width:1000px){

	main > h2{
		margin-top:20px !important;
		font-size: 2.0em;
	}

}

@media screen and (max-width:480px){

	main > h2{
		margin-top:0 !important;
		font-size: 1.6em;
	}

}


	.splabel{
		display:-webkit-flex;
		display:flex;
		justify-content: center;
		-webkit-align-items:center;
		align-items:center;
		height:40px;
		color:#fff;
		font-size:1.4em;
		font-weight: 700;
		background-color: #007440;
		border-radius: 20px;
	}

@media screen and (max-width:1000px){

	.splabel{
		font-size:1.3em;
	}

}

@media screen and (max-width:770px){

	.splabel{
		height:34px;
		font-size:1.2em;
		border-radius: 17px;
	}

}

@media screen and (max-width:480px){

	.splabel{
		height:30px;
		font-size:1.1em;
		border-radius: 15px;
	}

}





/*####################################################################################

  　　トップページ	

　####################################################################################*/

@media screen and (min-width:1000px){
		
	.home #globalheader{
		/*margin-bottom: -150px;*/
	}

		.home #globalheader h1{
			display: none;
		}

		.home #globalheader .menu{
			max-width:1000px;
			width:90%;
			margin: 0 auto;
			float:none;
			position: relative;
			top:780px;
			z-index: 100;
		}

			.home #globalheader nav li{
				width:calc((100% / 4) - 15px);
				height:100%;
				margin-right: 5px;
				font-weight:700;
				list-style:none;
				float:left;
			}
			.home #globalheader nav li:nth-last-of-type(1){
				margin-right: 0;
			}

}



/* TOP共通 */

		.home .stdsec h2{
			/*color:#241681;*/
			font-size: 2.1em;
			font-weight: 700;
			text-align: center;
			letter-spacing: 0.1em;
		}

	@media screen and (max-width:1000px){

		.home .stdsec h2{
			margin-bottom: 30px;
			font-size: 1.8em;
		}

	}

	@media screen and (max-width:640px){

		.home .stdsec h2{
			margin-bottom: 25px;
			font-size: 1.6em;
		}

	}

	@media screen and (max-width:430px){

		.home .stdsec h2{
			margin-bottom: 20px;
			font-size: 1.4em;
		}

	}


/* MAIN */

	.home .kumamotocity{
		max-width:800px;
		width: 92%;
		margin:0 auto -35px;
		position: relative;
		top:-120px;
	}

@media screen and (max-width:1000px){

	.home .kumamotocity{
		margin:0 auto -29px;
		top:0;
	}
	.home .kumamotocity img{
		width: 100px;
		height: auto;
	}

}

@media screen and (max-width:770px){

	.home .kumamotocity{
		top:-10px;
	}

}

@media screen and (max-width:640px){

	.home .kumamotocity{
		margin:0 auto -23px;
		top:-10px;
	}
	.home .kumamotocity img{
		width: 80px;
		height: auto;
	}

}



	.home .mainimage{
		max-width: 680px;
		width: 96%;
		margin: 0 auto 30px;
		position: relative;
		top:-110px;
	}
	.home .mainimage img{
		width:100%;
		height:auto;
	}

@media screen and (max-width:1000px){
	
	.home .mainimage{
		margin: 0 auto;
		top:0;
	}
	.home .mainimage #main2{
		display: none;
	}

}

@media screen and (max-width:1000px){
	
	.home .mainimage{
		margin: 0 auto;
		top:10px;
	}

}



/* NEWS */

	.newstop{
		background-color:#f1ffe6;
	}

@media screen and (max-width:770px){

	.home .newstop{
		position: relative;
		top:0;
		margin-bottom:0;
	}

}

@media screen and (max-width:480px){

	.newstop{
		position: relative;
		top:-85px;
		margin-bottom:-85px;
	}

	.home .newstop{
		position: relative;
		top:-20px;
		margin-bottom:-20px;
	}

}

	.newstop .innerwrapper{
		max-width: 1200px;
		width: 100%;
		margin:50px auto;
		padding:40px 0 0;
	}

@media screen and (max-width:480px){

	.newstop .innerwrapper{
		padding:30px 0;
	}

}


		.newstop h2{
			color: #3d7636;
		}

		.newstop .inner{
			max-width: 1000px;
			width:92%;
			margin:0 auto;
			padding:40px 0 35px;
			/*background-color: #fff;*/
		}

	@media screen and (max-width:480px){

		.newstop .inner{
			margin:20px auto 0;
			padding:10px 0 0;
		}

	}


			.newstop .inner ul{
				max-width:90%;
				margin:0 auto 35px;
			}

		@media screen and (max-width:480px){

			.newstop .inner ul{
				margin:0 auto 20px;
			}

		}

				.newstop .inner li{
					list-style: none;
					line-height: 1.7em;
					border-bottom: 1px dashed #ccc;
				}
				.newstop .inner li:nth-of-type(1){
					border-top:1px solid #ccc;
				}
				.newstop .inner li:nth-last-of-type(1){
					border-bottom:1px solid #ccc;
				}

				.newstop .inner li{zoom:1;}
				.newstop .inner li:after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}

				.newstop .inner li a{
					display: block;
					padding: 15px 5px;
					text-decoration: none;
				}

			@media screen and (max-width:480px){

				.newstop .inner li a{
					padding: 10px 0;
				}

			}

				.newstop .inner li a{zoom:1;}
				.newstop .inner li a:after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}


				.newstop .inner li .date{
					width:120px;
					color:#666;
					float: left;
				}

			@media screen and (max-width:640px){

				.newstop .inner li .date{
					width:98%;
					margin: 0 auto;
					font-size:0.9em;
					float:none;
				}

			}

				.newstop .inner li .title{
					width:calc(100% - 130px);
					float: right;
				}

			@media screen and (max-width:640px){

				.newstop .inner li .title{
					width:98%;
					margin: 0 auto;
					font-size:0.9em;
					float:none;
				}

			}

			.newstop .linkbtn{
				width:230px;
				color: #3d7636;
				background-color: #fff;
				background-image: url("/shared/img_yajirushi1.png");
				background-repeat: no-repeat;
				background-position: 90% 50%;
			}


/* TOP記念樹一覧 */

	.treestop{
	}

		.treestop h2{
			max-width:401px;
			width:80%;
			margin-left:auto;
			margin-right:auto;
		}
		.treestop h2 img{
			width: 100%;
			height:auto;
		}

			.treestop h2 + p{
				margin-top: 10px;
				color:#8e4b4a;
				font-size: 2.0em;
				font-weight: 700;
				text-align: center;
			}

		@media screen and (max-width:1000px){

			.treestop h2 + p{
				margin:0 0 -20px;
				position: relative;
				top:-20px;
			}

		}

		@media screen and (max-width:640px){

			.treestop h2 + p{
				font-size: 1.6em;
			}

		}

		@media screen and (max-width:480px){

			.treestop h2 + p{
				font-size: 1.4em;
			}

		}


		.treestop ul{
			max-width:1000px;
			width:90%;
			margin:30px auto 20px;
		}

	@media screen and (max-width:1000px){

		.treestop ul{
			max-width:800px;
		}

	}

	@media screen and (max-width:640px){

		.treestop ul{
			max-width:660px;
		}

	}

	@media screen and (max-width:480px){

		.treestop ul{
			max-width:360px;
		}

	}

		.treestop ul + p{
			margin: 0 0 30px;
			color:#3d7636;
			font-size:0.9em;
			text-align: center;
			line-height: 1.7em;
		}

	@media screen and (max-width:370px){

		.treestop ul + p{
			font-size:0.8em;
		}

	}


			.treestop li{
				width:calc(20% - 10px);
				padding: 5px;
				text-align: center;
				list-style: none;
				float: left;
			}

		@media screen and (max-width:1000px){

			.treestop li{
				width:calc(25% - 10px);
			}

		}

		@media screen and (max-width:640px){

			.treestop li{
				width:calc((100% / 3) - 10px);
			}

		}

		@media screen and (max-width:480px){

			.treestop li{
				width:calc(50% - 10px);
			}

		}


				.treestop li img{
					width: 100%;
					height:auto;
					border-radius: 20px;
				}

				.treestop li p{
					margin: 0;
					font-size: 1.4em;
					font-weight:700;
				}
				.treestop li p + p{
					margin: 0 0 5px;
					color:#8e4b4a;
					font-size: 1.3em;
				}

			@media screen and (max-width:1200px){

				.treestop li p{
					font-size: 1.3em;
					letter-spacing: 0;
				}
				.treestop li p + p{
					font-size: 1.2em;
				}

			}

			@media screen and (max-width:1000px){

				.treestop li p{
					font-size: 1.2em;
				}
				.treestop li p + p{
					font-size: 1.1em;
				}

			}

			@media screen and (max-width:640px){

				.treestop li p{
					font-size: 1.1em;
				}
				.treestop li p + p{
					font-size: 1.1em;
				}

			}

			@media screen and (max-width:480px){

				.treestop li p{
					font-size: 1.0em;
				}
				.treestop li p + p{
					margin: 0;
					font-size: 1.0em;
					position: relative;
					top:-5px;
				}

			}




			.treestop .linkbtn,
			.home .mainimage + .linkbtn{
				max-width: 640px;
				width: 80%;
				height: 80px;
				color:#fff;
				font-size: 2.0em;
				font-weight:700;
				background-color: #f63;
				background-image: url("/shared/img_yajirushi2.png");
				background-repeat: no-repeat;
				background-position: 96% 50%;
			}

		@media screen and (max-width:1000px){

			.home .mainimage + .linkbtn{
				margin-top: 30px;
			}

		}

		@media screen and (max-width:770px){

			.treestop .linkbtn,
			.home .mainimage + .linkbtn{
				height: 70px;
				font-size: 1.6em;
			}

		}

		@media screen and (max-width:480px){

			.treestop .linkbtn,
			.home .mainimage + .linkbtn{
				height: 60px;
				font-size: 1.2em;
			}

		}

					
					
					
					


		.privacy{
			max-width: 1000px;
			width: 90%;
			margin: 0 auto 50px;
			padding: 25px 0 15px;
			background-color: #f2f2f2;
		}

	@media screen and (max-width:480px){

		.privacy{
			padding: 25px 0 5px;
			margin-bottom: 30px;
		}

	}

			.privacy h3{
				font-size:1.5em;
				font-weight:700;
				text-align: center;
			}

		@media screen and (max-width:1000px){

			.privacy h3{
				font-size:1.4em;
			}

		}

		@media screen and (max-width:770px){

			.privacy h3{
				font-size:1.2em;
			}

		}

		@media screen and (max-width:480px){

			.privacy h3{
				font-size:1.1em;
			}

		}

			.privacy p{
				width:90%;
				margin: 15px auto;
			}

	@media screen and (max-width:770px){

			.privacy p{
				font-size:0.9em;
				line-height: 1.9em;
			}

	}



		#submit1,
		#submit2{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			max-width:540px;
			width:80%;
			height:80px;
			color:#fff;
			font-weight: 700;
			font-size:1.6em;
			letter-spacing: 0.07em;
			margin: 70px auto 0;
			border:none;
			border-radius: 10px;
			background-color:#f90;
			cursor: pointer;
		}
		#submit2{
			margin: 30px auto 0;
			background-color:#036;
			background-repeat: no-repeat;
			background-image:url(/shared/img_yajirushi-yellow2.png);
			background-position:2% 50%;
		}


	@media screen and (max-width:1000px){

		#submit1,
		#submit2{
			height:70px;
			margin: 60px auto 0;
			font-size:1.4em;
			border-radius:8px;
		}
		#submit2{
			margin: 25px auto 0;
		}

	}

	@media screen and (max-width:770px){

		#submit1,
		#submit2{
			height:60px;
			margin: 50px auto 0;
			font-size:1.2em !important;
		}
		#submit2{
			margin: 20px auto 0;
		}

	}

	@media screen and (max-width:640px){

		#submit1,
		#submit2{
			height:50px;
			margin: 10px auto 0;
			font-size:1.0em !important;
			border-radius:5px;
		}
		#submit2{
			margin: 15px auto 0;
		}

	}

	@media screen and (max-width:370px){

		#submit1,
		#submit2{
			font-size:0.8em;
		}

	}


			.entryform .linkbtn{
				max-width: 400px;
				background-size:25px auto;
			}

		@media screen and (max-width:770px){

			.entryform .linkbtn{
				margin-top: 20px;
			}

		}

		@media screen and (max-width:480px){

			.entryform .linkbtn{
				background-size:11px auto;
			}

		}



	.thanksnote{
		max-width: 640px;
		width:90%;
		margin: 0 auto;
		font-size:1.2em;
		text-align: center;
		line-height:1.8em;
	}

@media screen and (max-width:640px){

	.thanksnote{
		font-size: 1.0em;
	}

}

		.thanksnote .discription{
			width:100%;
			font-weight:700;
			font-size:1.4em;
			text-align: center;
		}

		.thanksnote p{
			width:100%;
			text-align: left;
		}



			#name1,#name2,#furigana1,#furigana2{
				max-width:120px;
				width:40%;
			}

	
			#tel,#inputter{
				max-width:360px;
				width:90%;
			}
	
			#email,#department{
				max-width:500px;
				width:90%;
			}
			#email{ime-mode:disabled;}

			#address1{
				margin-bottom: 10px;
			}
	
			#address2{
				max-width:800px;
				width:90%;
				margin-bottom: 10px;
			}
	
			#address3{
				max-width:800px;
				width:90%;
			}
	
			#message{
				max-width:800px;
				width:90%;
				font-family:"M PLUS Rounded 1c","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "Yu Gothic", sans-serif;
				font-size:1.0em !important;
			}
	
			#zip1,#zip2{
				width:40px;
				margin-bottom: 10px;
				text-align:center;
				ime-mode:disabled;
			}

			#memorial{
				max-width:800px;
				width:90%;
			}

			#sonota{
				max-width:680px;
				width:calc(90% - 130px);
				margin-top:10px;				
			}

			.tree2wrap,.tree3wrap{
				margin-top: 10px;
				display: none;
			}


		
			.caution{
				line-height:1.5em;
				margin:8px 0 0;
				color:#069;
				font-size:0.8em;
			}
			.caution.red{
				margin:15px 0 0;
				color:#e61f19;
			}


		@media screen and (max-width:640px){

			#name,#furigana{
				display: block;
				max-width:94%;
				width:94%;
				margin: 0 auto;
			}
	
			#tel{
				display: block;
				max-width:94%;
				width:94%;
				margin: 0 auto;
			}
	
			#email,#inputter{
				display: block;
				max-width:94%;
				width:94%;
				margin: 0 auto;
			}

			#address1{
				margin-bottom: 10px;
			}
	
			#address2{
				width:94%;
				margin: 0 auto 10px;
			}
	
			#address3{
				display: block;
				width:94%;
				margin: 0 auto;
			}
	
			#message{
				display: block;
				width:94%;
				margin: 0 auto;
			}

		}



/*####################################################################################

  　　配布要項

　####################################################################################*/

		main.outline{
			padding-bottom:20px;
		}

	@media screen and (max-width:640px){

		main.outline{
			/*padding-bottom:10px;*/
		}

	}

			main.outline .inner{
				max-width:1000px;
				width:90%;
				margin: 90px auto 0;
			}

		@media screen and (max-width:1000px){

			main.outline .inner{
				width:90%;
				margin:70px auto 0;
			}
			
		}

		@media screen and (max-width:770px){

			main.outline .inner{
				width:86%;
			}
			
		}

		@media screen and (max-width:640px){

			main.outline .inner{
				margin:50px auto 0;
			}
			
		}

		@media screen and (max-width:480px){

			main.outline .inner{
				width:90%;
				margin:40px auto 0;
			}
			
		}


			main.outline table{
				margin-bottom: 70px;
				font-size:1.2em;
				line-height: 1.7em;
			}

		@media screen and (max-width:1000px){

			main.outline table{
				font-size:1.1em;
			}

		}

		@media screen and (max-width:480px){

			main.outline table{
				margin-bottom: 60px;
				font-size:1.0em;
			}

		}


				main.outline table th{
					width:160px;
					padding: 15px 0;
					color:#3d7636;
					border-top:1px solid #ccc;
					vertical-align: top;
				}
				main.outline table tr:nth-last-of-type(1) th{
					border-bottom: 1px solid #ccc;
				}

			@media screen and (max-width:1000px){

				main.outline table th{
					width:130px;
				}

			}

			@media screen and (max-width:640px){

				main.outline table th{
					display: block;
					width:100%;
					padding: 5px 0;
				}
				main.outline table tr:nth-last-of-type(1) th{
					border-bottom:none;
				}

			}


				main.outline table td{
					width:calc(100% - 180px);
					padding: 15px 15px 15px 5px;
					border-top:1px solid #ccc;
					vertical-align: top;
				}
				main.outline table tr:nth-last-of-type(1) td{
					border-bottom: 1px solid #ccc;
				}

			@media screen and (max-width:1000px){

				main.outline table td{
					width:calc(100% - 150px);
				}

			}

			@media screen and (max-width:640px){

				main.outline table td{
					display: block;
					width:calc(100% - 20px);
				}

			}


					main.outline table td ul{
						margin-left: 20px;
					}

					main.outline table td li{
						margin-bottom: 5px;
					}

					main.outline table td li:nth-last-of-type(1){
						margin-bottom: 0;
					}


		main.outline table + .splabel{
			margin-bottom: 30px;
		}

	@media screen and (max-width:770px){

		main.outline table + .splabel{
			margin-bottom: 20px;
		}

	}

	@media screen and (max-width:480px){

		main.outline table + .splabel{
			margin-bottom: 15px;
		}

	}



			.chart{
				width:100%;
			}
			.chart2{
				display:none;
			}
			.chart img,
			.chart2 img{
				width:100%;
				height:auto;
			}

		@media screen and (max-width:770px){

			.chart{
				display:none;
			}
			.chart2{
				max-width:560px;
				width:100%;
				display: block;
			}

		}





/*####################################################################################

  　　申込方法

　####################################################################################*/

		main.application{
			padding-bottom:20px;
		}

	@media screen and (max-width:640px){

		main.application{
			/*padding-bottom:10px;*/
		}

	}

			main.application .inner{
				max-width:1000px;
				width:90%;
				margin: 90px auto 0;
			}

		@media screen and (max-width:1000px){

			main.application .inner{
				width:90%;
				margin:70px auto 0;
			}
			
		}

		@media screen and (max-width:770px){

			main.application .inner{
				width:86%;
			}
			
		}

		@media screen and (max-width:640px){

			main.application .inner{
				margin:50px auto 0;
			}
			
		}

		@media screen and (max-width:480px){

			main.application .inner{
				width:90%;
				margin:40px auto 0;
			}
			
		}


			main.application .inner .discription{
				margin-bottom: 40px;
				font-size:1.4em;
				font-weight: 700;
				text-align: center;
				line-height: 1.7em;
			}

		@media screen and (max-width:640px){

			main.application .inner .discription{
				margin-bottom: 30px;
				font-size:1.2em;
			}

		}

		@media screen and (max-width:480px){

			main.application .inner .discription{
				margin-bottom: 20px;
				font-size:1.0em;
			}

		}


			main.application table{
				font-size:1.2em;
				line-height: 1.7em;
			}

			main.application .discription + table{
				margin-bottom: 70px;
			}

		@media screen and (max-width:1000px){

			main.application table{
				font-size:1.1em;
			}

		}

		@media screen and (max-width:480px){

			main.application table{
				margin-bottom: 60px;
				font-size:1.0em;
			}

		}


				main.application .discription + table td{
					width:100%;
					padding: 15px 15px 15px 5px;
					border-top:1px solid #ccc;
					vertical-align: top;
				}
				main.application .discription + table tr:nth-last-of-type(1) td{
					border-bottom: 1px solid #ccc;
				}


					main.application .discription + table td li{
						margin-bottom: 5px;
					}

					main.application .discription + table td li:nth-last-of-type(1){
						margin-bottom: 0;
					}

					main.application .discription + table td .label{
						margin: 0;
						color:#3d7636;
						font-weight: 700;
					}



		main.application .discription + table + .splabel{
			margin-bottom: 30px;
		}

	@media screen and (max-width:770px){

		main.application .discription +table + .splabel{
			margin-bottom: 20px;
		}

	}

	@media screen and (max-width:480px){

		main.application .discription + table + .splabel{
			margin-bottom: 15px;
		}

	}

			main.application .discription + table + .splabel + .discription{
				color:#007440;
			}

		@media screen and (max-width:1000px){

			main.application .discription + table + .splabel + .discription{
				width:96%;
				margin-left:auto; 
				margin-right:auto; 
				font-size:1.2em;
				text-align: left;
			}

		}

		@media screen and (max-width:640px){

			main.application .discription + table + .splabel + .discription{
				font-size:1.1em;
			}

		}

		@media screen and (max-width:480px){

			main.application .discription + table + .splabel + .discription{
				font-size:1.0em;
			}

		}

		main.application .inner .splabel + .note,
		main.application .inner .splabel + .note + .note{
			width: 96%;
			margin: 30px auto 0;
		}

			
			
		main.application .inner .spbox{
			padding: 20px 3%;
			box-shadow: 0 0 1px 1px #3d7636 inset;
		}

	@media screen and (max-width:640px){

		main.application .inner .spbox{
			padding: 15px 5%;
		}


	}


			main.application .inner .spbox h4{
				color:#3d7636;
				font-size: 1.2em;
				font-weight: 700;
			}

			main.application .inner .spbox p{
				margin-top:10px;
			}

			.privacycheck,
			.spcheck{
				width:330px;
				margin:20px auto 10px; 
				color:#2B96E3;
				font-size:1.4em;
				font-weight: 700;
			}
/*
			.entrychk.spcheck,
			.uketorichk.spcheck{
				width:100%;
				margin:20px 0 10px; 
			}
*/
		@media screen and (max-width:640px){

			.privacycheck,
			.spcheck{
				width:300px;
				font-size:1.2em;
			}

		}

		@media screen and (max-width:480px){

			.privacycheck,
			.spcheck{
				width:260px;
				font-size:1.1em;
			}

		}

		@media screen and (max-width:370px){

			.privacycheck{
				width:100%;
				font-size:1.0em;
				text-align: left;
			}

		}

				.privacycheck input,
				.spcheck input{
					margin-right: 10px;
				}

			@media screen and (max-width:480px){

				.privacycheck input,
				.spcheck input{
					margin-right: 5px;
				}

			}
				
				
				

		.entryform{
			width:90%;
			margin:50px 0 0;
			padding:50px 5% 50px;
			box-shadow: 0 0 1px 1px #ccc inset;
		}

		.thanks .entryform{
			padding:50px 5% 0;
			box-shadow: 0 0 0 0 #ccc inset;
		}

		.application .entryform{display: none;}
		.application .entryform.check{display:block;}

	@media screen and (max-width:1000px){

		.entryform{
			padding:40px 5% 40px;
		}

		.thanks .entryform{
			padding:40px 5% 0;
		}

	}

	@media screen and (max-width:640px){

		.entryform{
			margin:40px 0 0;
			padding:30px 5% 30px;
		}

		.thanks .entryform{
			padding:30px 5% 0;
		}

	}

	@media screen and (max-width:480px){

		.entryform{
			margin:30px 0 0;
			padding:20px 5% 15px;
		}

		.thanks .entryform{
			padding:20px 5% 0;
		}

	}

			.entryform h3{
				color:#3d7636;
				font-size:1.8em;
				font-weight: 700;
				text-align: center;
			}

		@media screen and (max-width:1000px){

			.entryform h3{
				font-size:1.6em;
			}

		}

		@media screen and (max-width:640px){

			.entryform h3{
				font-size:1.5em;
			}

		}

		@media screen and (max-width:480px){

			.entryform h3{
				font-size:1.4em;
			}

		}




			.entryform .hissu{
				margin:0 0 5px;
				color:#e61f19;
				font-size:0.9em;
				text-align: right;
			}
		
			
			.entryform table{
				width:100%;
				margin-bottom: 20px !important;
			}
			
				.entryform table input,
				.entryform table select,
				.entryform table textarea{
					padding: 10px;
					font-size:1.0em;
					border-radius:5px;
					border:1px solid #ccc;
				}
			
				.entryform table th{
					width:200px !important;
					padding: 27px 0 0;
					vertical-align:top;
				}

				.entryform table tr:nth-of-type(2) th{
					padding: 7px 0 0;
				}
					
				.entryform.check table th,
				.entryform.check table tr:nth-of-type(2) th{
					padding: 20px 0;
				}

			@media screen and (max-width:770px){
			
				.entryform table th{
					display: block;
					width:96% !important;
					padding: 1px 2%;
					text-align: left;
					color:#fff;
					font-size:0.9em;
					background-color: #3d7636;
				}
				.entryform table tr:nth-of-type(2) th{
					padding: 1px 2%;
				}
					
				.entryform.check table th,
				.entryform.check table tr:nth-of-type(2) th{
					padding: 1px 2%;
				}

			}

		
				.entryform table td{
					width:calc(100% - 200px) !important;
					padding: 20px 0;
				}

				.entryform table th .red{
					font-size: 0.8em;
				}

				.entryform table tr:nth-of-type(2) td{
					padding: 0 0 20px;
				}

				.entryform.check table tr:nth-of-type(2) td{
					padding: 20px 0;
				}
	
			@media screen and (max-width:770px){
			
				.entryform table td{
					display: block;
					width:100% !important;
				}
				.entryform table tr:nth-of-type(2) td{
					padding: 20px 0;
				}
	
			}




			.trees + .spbox{
				margin:30px 0 40px;

			}

			.trees + .spbox h4,
			.trees + .spbox + .spbox h4{
				margin-bottom: 10px;
			}

			.spbox ol li{
				margin-bottom:8px;
				line-height: 1.7em;
			}




/* 申込ページ記念樹一覧 */


	.application .treeskakunin{
		width: 200px;
		margin: 0 auto;
		padding-bottom:5px;
	}
	
	.application .close-trigger{
		display: none;
		float:right;
		margin-bottom: -28px;
		color:#f00;
		font-size:1.6em;	
		font-weight:700;
		position: relative;
		top:-25px;
		cursor:pointer;
	}
	.application .close-trigger.active{display:block;}


	.application .treeskakunin p{
		clear: both;
		color:#f00;
		font-size: 1.3em;
		font-weight:700;
		text-align: center;
		cursor: pointer;
	}
	.application .treeskakunin p span{
		text-decoration: underline;
	}

@media screen and (max-width:800px){

	.application .treeskakunin p{
		font-size: 1.2em;
	}

}


	.application .trees{
		/*display: none;*/
	}

/*
		.application .trees h3{
			max-width:300px;
			width:60%;
			margin-left:auto;
			margin-right:auto;
		}
		.application .trees h3 img{
			width: 100%;
			height:auto;
		}

			.application .trees h3 + p{
				margin-top:0;
				color:#8e4b4a;
				font-size: 1.4em;
				font-weight: 700;
				text-align: center;
			}

		@media screen and (max-width:640px){

			.application .trees h2 + p{
				font-size: 1.2em;
			}

		}

		@media screen and (max-width:480px){

			.application .trees h2 + p{
				font-size: 1.0em;
			}

		}
*/

		.application .trees ul{
			width:100%;
			margin:0 auto 20px;
		}

	@media screen and (max-width:800px){

		.application .trees ul{
			margin:0 auto 20px;
		}

	}

	@media screen and (max-width:800px){

		.application .trees ul{
			margin:0 auto 20px;
		}

	}



			.application .trees li{
				width:calc(10% - 4px);
				padding:0 2px;
				text-align: center;
				list-style: none;
				float: left;
			}

		@media screen and (max-width:1000px){

			.application .trees li{
				width:calc((100% / 8) - 4px);
			}

		}

		@media screen and (max-width:800px){

			.application .trees li{
				width:calc((100% / 6) - 4px);
			}

		}

		@media screen and (max-width:600px){

			.application .trees li{
				width:calc((100% / 5) - 4px);
			}

		}

		@media screen and (max-width:500px){

			.application .trees li{
				width:calc((100% / 4) - 4px);
			}

		}

		@media screen and (max-width:400px){

			.application .trees li{
				width:calc((100% / 3) - 4px);
			}

		}


				.application .trees li img{
					width: 100%;
					height:auto;
					border-radius: 5px;
				}

				.application .trees li p{
					margin: 0;
					font-size:0.7em;
					font-weight:700;
					letter-spacing: 0;
					position: relative;
					top:-10px;
				}
				.application .trees li p + p{
					margin: 0 0 -20px;
					color:#8e4b4a;
					font-size:0.8em;
					position: relative;
					top:-20px;
				}





/*####################################################################################

  　　Ｑ＆Ａ

　####################################################################################*/

		main.faq{
			padding-bottom:30px;
		}

	@media screen and (max-width:640px){

		main.faq{
			padding-bottom:10px;
		}

	}

			main.faq .inner{
				max-width:1000px;
				width:90%;
				margin: 90px auto 0;
				font-size:1.2em;
				line-height:1.9em;
			}

		@media screen and (max-width:1000px){

			main.faq .inner{
				margin:70px auto 0;
				font-size:1.1em;
			}
			
		}

		@media screen and (max-width:770px){

			main.faq .inner{
				width:86%;
			}
			
		}


		@media screen and (max-width:640px){

			main.faq .inner{
				margin:50px auto 0;
			}
			
		}

		@media screen and (max-width:480px){

			main.faq .inner{
				width:90%;
				margin:40px auto 0;
				font-size:1.0em;
			}
			
		}

				main.faq .inner .mokuji{
					max-width:430px;
					width:calc(100% - 50px);
					margin:0 auto 30px;
					padding: 15px 10px 7px 40px;
					border:1px solid #ccc;
					line-height: 1.4em;
				}
				main.faq .inner .mokuji li{
					margin-bottom: 10px;
				}


				main.faq .inner h3{
					width:calc(96% - 20px);
					margin:50px auto 30px;
					padding: 3px 15px;
					color:#fff;
					font-weight:700;
					font-size:1.2em;
					background-color: #3d7636;
				}
				main.faq .inner h3:nth-of-type(1){
					margin:0 auto 20px;
				}

				main.faq dl{
					width:96%;
					margin:0 auto;
				}
				main.faq .inner h3 + dl{
					margin:0 auto 0;
					padding-top: 35px;
					border-top: 1px dashed #ccc;
				}

			@media screen and (max-width:640px){

				main.faq .inner h3{
					font-size:1.1em;
				}

				main.faq .inner h3 + dl{
					padding-top: 30px;
				}

			}

			@media screen and (max-width:480px){

				main.faq .inner h3{
					font-size:1.0em;
				}

				main.faq .inner h3 + dl{
					padding-top: 25px;
				}

			}

					main.faq dt{
						color:#c25a74;
						font-weight:700;
						padding:0 0 10px 30px;			
					}
					main.faq dt:before{
						content:"Q";
						color:#e84409;
						margin-right:-21px;
						font-weight: 300;
						font-size:2.0em;
						position:relative;
						top:5px;
						left:-30px;
					}

					main.faq dd{
						margin-bottom: 35px;
						padding-left:32px;
						padding-bottom: 35px;
						border-bottom: 1px dashed #ccc;
					}
					main.faq dl:nth-last-of-type(1) dd{
						margin-bottom: 0;
					}

					main.faq dd.kome{
						padding-left:15px;
					}

					main.faq dd:before{
						content:"A";
						color:#39c;
						margin-right:-21px;
						font-weight:300;
						font-size:2.0em;
						position:relative;
						top:5px;
						left:-30px;
					}

					main.faq dd.kome:before{
						content:"※";
						color:#39c;
						margin-right:-33px;
						font-size:2.0em;
						left:-37px;
					}				@media screen and (max-width:640px){

					main.faq dd{
						margin-bottom: 30px;
						padding-bottom: 30px;
					}

				}

				@media screen and (max-width:480px){

					main.faq dd{
						margin-bottom: 25px;
						padding-bottom: 25px;
					}

				}






/*####################################################################################

  　　配布場所

　####################################################################################*/


		main.distribution{
			padding-bottom:20px;
		}

	@media screen and (max-width:640px){

		main.distribution{
			/*padding-bottom:10px;*/
		}

	}

			main.distribution > .inner{
				max-width:1000px;
				width:90%;
				margin: 90px auto 0;
			}

		@media screen and (max-width:1000px){

			main.distribution > .inner{
				width:90%;
				margin:70px auto 0;
			}
			
		}

		@media screen and (max-width:770px){

			main.distribution > .inner{
				width:86%;
			}
			
		}

		@media screen and (max-width:640px){

			main.distribution > .inner{
				margin:50px auto 0;
			}
			
		}

		@media screen and (max-width:480px){

			main.distribution > .inner{
				margin:40px auto 0;
			}
			
		}


			main.distribution table{
				margin-bottom: 70px;
				font-size:1.2em;
				line-height: 1.7em;
			}

		@media screen and (max-width:1000px){

			main.distribution table{
				font-size:1.1em;
			}

		}

		@media screen and (max-width:480px){

			main.distribution table{
				margin-bottom: 60px;
				font-size:1.0em;
			}

		}


				main.distribution table th{
					width:160px;
					padding: 15px 0;
					color:#3d7636;
					border-top:1px solid #ccc;
					vertical-align: top;
				}
				main.distribution table tr:nth-last-of-type(1) th{
					border-bottom: 1px solid #ccc;
				}

			@media screen and (max-width:1000px){

				main.distribution table th{
					width:130px;
				}

			}

			@media screen and (max-width:640px){

				main.distribution table th{
					display: block;
					width:100%;
					padding: 5px 0;
				}
				main.distribution table tr:nth-last-of-type(1) th{
					border-bottom:none;
				}

			}


				main.distribution table td{
					width:calc(100% - 180px);
					padding: 15px 15px 15px 5px;
					border-top:1px solid #ccc;
					vertical-align: top;
				}
				main.distribution table tr:nth-last-of-type(1) td{
					border-bottom: 1px solid #ccc;
				}

			@media screen and (max-width:1000px){

				main.distribution table td{
					width:calc(100% - 150px);
				}

			}

			@media screen and (max-width:640px){

				main.distribution table td{
					display: block;
					width:calc(100% - 20px);
				}

			}


					main.distribution table td ul{
						margin-left: 20px;
					}

					main.distribution table td li{
						margin-bottom: 5px;
					}

					main.distribution table td li:nth-last-of-type(1){
						margin-bottom: 0;
					}



		.haifu header{
			max-width: 1000px;
			width: 90%;
			margin: 0 auto;
		}
		.haifu header ul{
			width:100%;
		}
	
	@media screen and (max-width:640px){

		.haifu header ul{
			width:100%;
			margin:0;
		}
	
	}


			.haifu header li{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width: calc(96% / 5);
				height:40px;
				margin: 0 1% 10px 0;
				padding:10px 0;
				color:#3d7636;
				font-size: 1.2em;
				font-weight: 700;
				text-align: center;
				list-style: none;
				float: left;
				/*box-shadow: 0 0 1px 1px #9eba9a inset;*/
				background-color: #ecf1eb;
				border-radius: 5px;
				cursor: pointer;
			}
			.haifu header li:nth-of-type(1){
				color:#fff;
				background-color:#3d7636;
				/*box-shadow: 0 0 1px 1px #3d7636 inset;*/
			}
			.haifu header li:nth-last-of-type(1){
				margin-right: 0;
			}

		@media screen and (max-width:640px){

			.haifu header li{
				padding: 0;
				font-size:1.0em;
				border-radius: 3px;
			}
			
		}


		.haifu .inner{
			max-width:1000px;
			width:90%;
			margin: 0 auto;
			padding: 20px 0 30px;
			box-shadow: 0 0 1px 1px #9eba9a inset;
			border-radius: 5px;
		}

			.haifu .inner .place{
				display:block;
				width: 90%;
				margin: 0 auto;
			}

			.haifu .inner .place.hide{display: none;}

			.haifu .inner .place h3{
				color:#E32E2B;
				margin:0 0 10px 5px;
				font-size: 1.4em;
				font-weight:700;
				letter-spacing: 0.1em;
			}

		@media screen and (max-width:640px){

			.haifu .inner .place h3{
				font-size:1.2em;
			}
			
		}


				.haifu .inner .place table{
					width:100%;
					margin: 0;
					 border-collapse: separate;
					  border-spacing: 5px 5px;
				}


				.haifu .inner .place table th{
					width:160px;
					padding: 15px 0;
					color:#3d7636;
					background-color: #ecf1eb;
					vertical-align: top;
					border: none;
				}

			@media screen and (max-width:1000px){

				.haifu .inner .place table th{
					width:130px;
					padding: 10px 0;
				}

			}

			@media screen and (max-width:640px){

				.haifu .inner .place table th{
					display: block;
					width:100%;
					padding: 2px 0;
				}

			}


				.haifu .inner .place table td{
					width:calc(100% - 180px);
					padding: 15px 15px 15px 5px;
					border-top:1px solid #ccc;
					vertical-align: top;
					border: none;
				}

			@media screen and (max-width:1000px){

				.haifu .inner .place table td{
					width:calc(100% - 150px);
					padding: 10px 10px 10px 5px;
				}

			}

			@media screen and (max-width:640px){

				.haifu .inner .place table td{
					display: block;
					width:100%;
				}

			}


			.gmap{
				width: calc(100% - 10px);
				margin: 40px auto 0;
			}

		@media screen and (max-width:640px){

			.gmap{
				margin: 20px auto 0;
			}

		}





/*####################################################################################

  　　お問い合わせ

　####################################################################################*/

		main.contact{
			padding-bottom:20px;
		}

	@media screen and (max-width:640px){

		main.contact{
			/*padding-bottom:10px;*/
		}

	}

			main.contact .inner{
				max-width:1000px;
				width:90%;
				margin: 90px auto 0;
			}

		@media screen and (max-width:1000px){

			main.contact .inner{
				width:90%;
				margin:70px auto 0;
			}
			
		}

		@media screen and (max-width:770px){

			main.contact .inner{
				width:86%;
			}
			
		}

		@media screen and (max-width:640px){

			main.contact .inner{
				margin:50px auto 0;
			}
			
		}

		@media screen and (max-width:480px){

			main.contact .inner{
				width:90%;
				margin:40px auto 0;
			}
			
		}


			.toqa{
				margin-bottom:80px;
				padding:40px 5%;
				box-shadow: 0 0 1px 1px #9eba9a inset;
				border-radius: 5px;
				background-color: #fff;
			}

		@media screen and (max-width:480px){

			.toqa{
				margin-bottom:50px;
				padding:30px 5%;
				border-radius: 3px;
			}
			
		}


				.toqa .label{
					margin: 0 0 30px;
					color:#e32e2b;
					font-size:2.0em;
					font-weight: 700;
					text-align:center;
				}


			@media screen and (max-width:1000px){

				.toqa .label{
					font-size:1.8em;
				}

			}

			@media screen and (max-width:640px){

				.toqa .label{
					font-size:1.6em;
				}

			}

			@media screen and (max-width:480px){

				.toqa .label{
					font-size:1.4em;
				}

			}

			@media screen and (max-width:400px){

				.toqa .label{
					margin: 0 0 20px;
				}

			}

				.toqa .label + p{
					margin-bottom:35px;
					font-size: 1.3em;
					line-height: 1.6em;
					text-align: center;
				}

			@media screen and (max-width:640px){

				.toqa .label + p{
					margin-bottom:25px;
					font-size:1.0em;
				}

			}

			@media screen and (max-width:480px){

				.toqa .label + p{
					text-align: left;
				}
				.toqa .label + p br{
					display: none;
				}

			}

				.toqa .linkbtn{
					max-width: 480px;
					width:80%;
					margin: 0 auto;
					font-size:1.6em;
					font-weight: 700;
					background-image: url("/shared/img_yajirushi2.png")
				}

			@media screen and (max-width:480px){

				.toqa .linkbtn{
					font-size:1.4em;
				}

			}

			@media screen and (max-width:400px){

				.toqa .linkbtn{
					width:90%;
					font-size:1.2em;
				}

			}



		main.contact .splabel{
			margin-bottom: 30px;
		}

	@media screen and (max-width:770px){

		main.contact .splabel{
			margin-bottom: 20px;
		}

	}

	@media screen and (max-width:480px){

		main.contact .splabel{
			margin-bottom: 15px;
		}

	}

			main.contact .splabel + .discription{
				color:#007440;
				font-size:1.4em;
			}

		@media screen and (max-width:1000px){

			main.contact .splabel + .discription{
				width:96%;
				margin-left:auto; 
				margin-right:auto; 
				font-size:1.2em;
				text-align: left;
			}

		}

		@media screen and (max-width:640px){

			main.contact .splabel + .discription{
				font-size:1.1em;
			}

		}

		@media screen and (max-width:480px){

			main.contact .splabel + .discription{
				font-size:1.0em;
			}

		}

		@media screen and (max-width:400px){

			main.contact .splabel + .discription{
				text-align: left;
			}

		}

		main.contact .splabel + .note,
		main.contact .splabel + .note + .note{
			width: 96%;
			margin: 30px auto 0;
		}


		main.contact .inner .spbox{
			padding: 20px 3%;
			box-shadow: 0 0 1px 1px #3d7636 inset;
		}

	@media screen and (max-width:640px){

		main.contact .inner .spbox{
			padding: 15px 5%;
		}


	}



		.contact .entryform{
			width:90%;
			margin:50px 0 0;
			padding:50px 5%;
			box-shadow: 0 0 1px 1px #ccc inset;
		}

	@media screen and (max-width:1000px){

		.contact .entryform{
			padding:40px 5% 20px;
		}

	}

	@media screen and (max-width:640px){

		.contact .entryform{
			margin:40px 0 0;
			padding:30px 5% 10px;
		}

	}

	@media screen and (max-width:480px){

		.contact .entryform{
			margin:30px 0 0;
			padding:20px 5% 0;
		}

	}
			
			





/*####################################################################################

  　　おしらせ

　####################################################################################*/

		.newslist .inner{
			max-width: 1000px;
			width:90%;
			margin:80px auto 0;
			padding-bottom:40px;
			position: relative;
			z-index: 200;
		}

	@media screen and (max-width:1000px){

		.newslist .inner{
			margin-top:60px;
		}

	}

	@media screen and (max-width:640px){

		.newslist .inner{
			margin-top:50px;
			padding-bottom: 60px;
		}

	}


			.newslist ul{
				margin-bottom:15px;
			}


			.newslist li{
				margin: 0;
				padding:12px 1%;
				list-style: none;
				line-height: 1.7em;
				border-bottom: 1px dashed #ccc;
			}
			.newslist li:nth-of-type(1){
				border-top: 1px dashed #ccc;
			}

		@media screen and (max-width:430px){

			.newslist li{
				padding:10px 1%;
			}

		}

			.newslist li{zoom:1;}
			.newslist li:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}

			.newslist li p.date{
				width: 110px;
				margin: 0;
				color:#999;
				font-size:0.9em;
				float:left;
			}


			.newslist li p.title{
				width: calc(100% - 120px);
				margin: 0;
				float:right;
			}

		@media screen and (max-width:770px){

			.newslist li p.title{
				clear: both;
				width: 100%;
				padding-top: 5px;
				float:none;
			}

		}

		@media screen and (max-width:430px){

			.newslist li p.title{
				padding-top:0;
				font-size:0.9em;
			}

		}


	.news.detail h4{
		margin-bottom: 5px;
		padding:0 1% 7px;
		color:#326291;
		font-size: 1.3em;
		font-weight:700;
		border-bottom: 1px solid #326291;
		text-align: left;
	}

@media screen and (max-width:770px){

	.news.detail h4{
		font-size: 1.2em;
	}

}

@media screen and (max-width:480px){

	.news.detail h4{
		padding:0 1% 5px;
		font-size:1.0em;
	}

}

		.news.detail .date{
			margin:0 1% 30px;
			color:#666;
		}

	@media screen and (max-width:480px){

		.news.detail .date{
			margin:0 1% 20px;
			font-size:0.9em;
		}

	}

		.news.detail .entrybody{
			padding:0 1% 50px;
		}

	@media screen and (max-width:480px){

		.news.detail .entrybody{
			font-size:0.9em;
			padding:0 1% 20px;
		}

	}

	.news.detail .inner{
		max-width:840px;
		width:90%;
		margin: 0 auto;
	}
		.news.detail article{
			padding:80px 0 0; 
		}

	@media screen and (max-width:1000px){

		.news.detail article{
			padding:60px 0 30px;
		}

	}

	@media screen and (max-width:640px){

		.news.detail article{
			padding:50px 0;
		}

	}


.news article{zoom:1;}
.news article:after{
  content: ""; 
  display: block; 
  clear: both;
}


/* 戻る */
	
	.news .modoru{
		display:block;
		width:60px;
		height:60px;
		margin:0 auto;
		color:#fff;
		font-size:2.2em;
		text-align:center;
		text-decoration:none;
		line-height:54px;
		float: none;
		background-color:#333;
		border-radius:40px;
		cursor:pointer;
		-webkit-transition:opacity 0.5s ease-out;
		-moz-transition:opacity 0.5s ease-out;
		-ms-transition:opacity 0.5s ease-out;
		transition:opacity 0.5s ease-out;
	}

@media screen and (max-width:480px){
	
	.news .modoru{
		width:50px;
		height:50px;
		margin:0 auto;
		font-size:1.8em;
		line-height:44px;
		border-radius:25px;
	}

}



/* ログインフォーム */

	.loginwrap{
		max-width:280px;
		width:80%;
		margin:30px auto 0;
		padding:20px 5% 5px;
		border:1px solid #ccc;
		background-color:#fff;
		border-radius:10px;
	}

	.loginwrap h3{
		font-size:1.0em;
		margin-bottom:20px;
		font-weight:bold;
		text-align:center;
	}

	.loginwrap input{
		margin-bottom:10px;
	}

	.loginwrap #username,
	.loginwrap #password{
		width:140px;
		height:30px;
		padding:0 10px;
		font-size:1.2em;
		border-radius:5px;
		border:1px solid #999;
	}

	.loginwrap #submit{
		display:block;
		width:100px;
		height:30px;
		margin:10px auto;
	}

		.loginwrap + .spbox ul{
			margin-top: 10px;
		}



.logout{
	margin:0 auto;
	text-align:center;
	position: relative;
	top:8px;
}