@charset "utf-8";


/************************* WRAPPER *************************/

	#wrapper{
		width:100%;
		background-color: #fff;
		overflow: hidden;
	}

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

	#wrapper{
		background-size: 1600px auto;
	}

}

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

	#wrapper{
		background-size: 1300px auto;
	}

}

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

	#wrapper{
		background-size: 1100px auto;
	}

}

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

	#wrapper{
		background-size: 800px auto;
	}

}




/************************* グローバルヘッダー *************************/

#globalheader{
	width:100%;
	padding: 30px 0 10px;
	background-color: #f5f2e8;
	background-image:url("/images/line_globalheader.png");
	background-repeat: repeat-x;
	background-position: 50% 100%;
	background-size: 100px 10px;
	z-index:1000;
}

.home #globalheader{
	padding: 30px 0 20px;
	background-size: 100px 20px;
}

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

#globalheader{
}

}

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

.home #globalheader{
	padding: 30px 0 24px;
	background-size: 100px 24px;
}

}

@media screen and (max-width:480px){
	
#globalheader{
	padding: 30px 0 0;
}

.home #globalheader{
	padding: 30px 0 0;
}

}


	#globalheader .inner{
		max-width: 1000px;
		width:96%;
		margin:0 auto;
	}

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

	#globalheader .inner{
		width:94%;
	}

}


	#globalheader .kumamto-pref{
		height: 22px;
		margin: 0 0 -22px;
		text-align: right;
	}

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

	#globalheader .kumamto-pref{
		position: relative;
		top:-15px;
	}

}

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

	#globalheader .kumamto-pref{
		height: 18px;
		margin: 0 0 -18px;
		top:-18px;
	}
	#globalheader .kumamto-pref img{
		width:80px;
		height: auto;
	}

}

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

	#globalheader .kumamto-pref{
		height: 15px;
		margin: 0 0 -15px;
		top:-25px;
	}
	#globalheader .kumamto-pref img{
		width:60px;
	}

}



	#globalheader h1{
		max-width:560px;
		width:70%;
		margin:0 auto 25px;
	}
	#globalheader h1 img{
		width:100%;
		height: auto;
	}

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

	#globalheader h1{
		margin:0 auto 20px;
	}

}

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

	#globalheader h1{
		margin:0 auto;
		position: relative;
		top:-10px;
	}

}

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

	#globalheader h1{
		margin:0 auto 0;
		top:-15px;
	}

}

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

	#globalheader h1{
		margin:0 auto 0;
	}

}

	#globalheader .mainimage{
		max-width: 960px;
		width:96%;
		margin:40px auto 0;
		line-height: 0;
	}

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

	#globalheader .mainimage{
		margin:35px auto 0;
	}

}

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

	#globalheader .mainimage{
		margin:15px auto 0;
	}

}

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

	#globalheader .mainimage{
		margin:0 auto 4px;
	}

}

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

	#globalheader .mainimage{
		margin:0 auto 4px;
	}

}


	#globalheader .mainimage img{
		width: 100%;
		height: auto;
	}

	.kumamon-cr{
		height: 20px;
		margin-bottom: -20px;
		font-size: 0.8em;
		text-align: right;
		letter-spacing: 0;
		line-height: 1.3em;
		position: relative;
		top:-30px;
	}

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

	.kumamon-cr{
		color:#fff;
		top:5px;
	}
	
}

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

	.kumamon-cr{
		top:1px;
	}

}


	.about{
		max-width: 1200px;
		width:90%;
		margin: 0 auto;
	}

		.about img{
			max-width:270px;
			width:25%;
			min-width:140px;
			height: auto;
			margin-right: 2%;
			margin-bottom: -100px;
			float: left;
			position: relative;
			top:-100px;
		}

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

		.about img{
			margin-bottom: -70px;
			top:-70px;
		}

	}

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

		.about img{
			margin-bottom: -40px;
			top:-40px;
		}

	}

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

		.about img{
			margin-bottom: 20px;
			top:-5px;
		}

	}

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

		.about img{
			display: block;
			top:25px;
			margin: 0 auto;
			float: none;
		}

	}

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

		.about img{
			top:40px;
		}

	}


		.about p{
			margin:40px 0 30px;
			color:#1f6600;
			font-size:1.5em;
			line-height: 1.8em;
		}

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

		.about p{
			margin:35px 0 30px;
			font-size:1.4em;
		}

	}

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

		.about p{
			margin:30px 0 30px;
			font-size:1.3em;
		}

	}

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

		.about p{
			margin:45px 0 40px;
			font-size:1.2em;
		}

	}

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

		.about p{
			margin:55px 0 30px;
			font-size:1.1em;
		}

	}

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

		.about p{
			margin:55px 0 25px;
			font-size:1.0em;
			line-height: 1.7em;
		}

	}





/************************* 抽選で応募 *************************/

	.apply{
		max-width: 1200px;
		width: 90%;
		margin: 0 auto 50px;
		background-color:#ffeae6;
		border-radius: 20px;
	}

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

	.apply{
		width:100%;
		margin: 0 auto;
		border-radius:0;
	}

}

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

	.apply{
		margin: 0 auto;
	}

}
		.apply .inner{
			max-width: 1000px;
			width:90%;
			margin: 0 auto;
			padding: 50px 0;
		}

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

		.apply .inner{
			padding: 40px 0 50px;
		}
			
	}

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

		.apply .inner{
			width:100%;
			padding: 30px 0 50px;
		}
			
	}

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

		.apply .inner{
			padding: 20px 0 40px;
		}
			
	}

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

		.apply .inner{
			padding: 15px 0 40px;
		}
			
	}


			.apply h2{
				margin-bottom: 35px;
				color: #e7380d;
				font-size:2.8em;
				font-weight: 700;
				line-height: 1.4em;
				text-align: center;
				text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,
					0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,
					0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,
					0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,
					0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,
					0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,
					0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
			}

		@media screen and (max-width:1000px){
			
			.apply h2{
				margin-bottom: 35px;
				font-size:2.4em;
			}
			
		}

		@media screen and (max-width:770px){
			
			.apply h2{
				margin-bottom: 30px;
				font-size:2.0em;
			}
			
		}

		@media screen and (max-width:640px){
			
			.apply h2{
				margin-bottom: 20px;
				font-size:1.8em;
			}
			
		}

		@media screen and (max-width:480px){
			
			.apply h2{
				margin-bottom: 20px;
				font-size:1.6em;
			}
			
		}

		@media screen and (max-width:430px){
			
			.apply h2{
				font-size:1.5em;
			}
			
		}

		@media screen and (max-width:400px){
			
			.apply h2{
				margin-bottom: 15px;
				font-size:1.4em;
				line-height: 1.3em;
			}
			
		}

			.apply h2 + p{
				font-size: 0.9em;
				text-align: center;
				line-height: 1.7em;
			}



		.apply .inner ul.items{
			max-width: 840px;
			width:100%;
			margin: 0 auto;
		}

			.apply .inner ul.items li{
				width: 50%;
				float: left;
				list-style: none;
			}

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

			.apply .inner ul.items li img:nth-of-type(1){
				display: block;
				width:86%;
				height: auto;
				margin: 0 auto;
				border-radius:50%;
			}

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

			.apply .inner ul.items li img:nth-of-type(1){
				width:100%;
				height: auto;
				margin: 0;
				border-radius:0;
			}

		}




			.apply .inner ul.items li img:nth-of-type(2){
				margin-bottom: -87px;
				float: right;
				position: relative;
				top:-200px;
			}

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

			.apply .inner ul.items li img:nth-of-type(2){
				width:120px;
				height: auto;
				margin-bottom: -63px;
				top:-100px;
			}
			
		}

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

			.apply .inner ul.items li img:nth-of-type(2){
				top:-70px;
			}
			
		}

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

			.apply .inner ul.items li img:nth-of-type(2){
				display: block;
				margin: 0 auto -28px;
				top:-35px;
				float: none;
			}
			
		}


				.apply .inner ul.items li h3{
					clear: both;
					color:#e7380d;
					font-size:1.8em;
					font-weight: 700;
					text-align: center;
					text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,
						0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,
						0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,
						0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,
						0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,
						0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,
						0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
					line-height: 1.2em;
					position: relative;
					top:-90px;
				}

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

				.apply .inner ul.items li h3{
					font-size:1.6em;
					top:-80px;
				}

			}

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

				.apply .inner ul.items li h3{
					font-size:1.4em;
					top:0;
				}

			}

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

				.apply .inner ul.items li h3{
					margin-top: 15px;
					font-size:1.2em;
				}

			}

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

				.apply .inner ul.items li h3{
					margin-top:0;
					font-size:1.0em;
				}

			}

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

				.apply .inner ul.items li h3{
					margin-top:0;
					font-size:0.9em;
				}

			}

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

				.apply .inner ul.items li h3{
					margin-top:0;
					font-size:0.8em;
				}

			}

				.apply .inner ul.items li h3 span{
					font-size:0.75em;

				}

		.apply .inner ul.items + p{
			height: 20px;
			margin: 0 0 -20px;
			text-align: center;
			position: relative;
			top:-60px;
		}

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

		.apply .inner ul.items + p{
			margin: 0 0 5px;
			top:5px;
		}

	}

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

		.apply .inner ul.items + p{
			margin: 0;
			font-size: 0.9em;
		}

	}




		/* 応募方法 */

		.howapply{
			clear: both;
			max-width:860px;
			width:100%;
			margin: 0 auto 50px;
			position: relative;
			top:-10px;
		}

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

		.howapply{
			top:30px;
		}

	}

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

		.howapply{
			width:90%;
			margin: 0 auto 30px;
		}

	}


			.howapply h3{
				display:-webkit-flex;
				display:flex;
 				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width: 130px;
				height: 190px;
				color:#fff;
				font-size:1.2em;
				font-weight: 700;
				background-color: #e7380d;
				float: left;
			}

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

			.howapply h3{
				width: 110px;
				height: 120px;
			}

		}

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

			.howapply h3{
				width: 100%;
				height: 30px;
				font-size:1.1em;
				float: none;
			}

		}

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

			.howapply h3{
				height: 26px;
				font-size:1.0em;
				float: none;
			}

		}



			.howapply ol{
				width: calc(100% - 170px);
				/*padding-top: 5px;*/
				float: right;
			}

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

			.howapply ol{
				width: calc(100% - 160px);
				/*padding-top: 10px;*/
			}

		}

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

			.howapply ol{
				width: calc(100% - 140px);
				/*padding-top: 5px;*/
			}

		}

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

			.howapply ol{
				padding-top:0;
			}

		}

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

			.howapply ol{
				width: 98%;
				padding:15px 1% 0;
				float: none;
			}

		}


			.howapply ol li{
				margin-bottom: 10px;
				font-size:1.6em;
				font-weight: 700;
				line-height: 1.5em;
			}

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

			.howapply ol li{
				font-size:1.5em;
			}

		}

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

			.howapply ol li{
				margin-bottom: 10px;
				font-size:1.2em;
			}

		}

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

			.howapply ol li{
				margin-bottom: 10px;
				font-size:1.1em;
			}

		}

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

			.howapply ol li{
				font-size:1.0em;
			}

		}


		ol.chart{
		}

	@media screen and (max-width:640px){
		
		ol.chart{
			width: 90%;
			margin: 0 auto 0;
			padding-top: 30px;
		}

	}

	@media screen and (max-width:480px){
		
		ol.chart{
			width: 50%;
			min-width:200px;
			margin: 0 auto 0;
			padding-top: 20px;
		}

	}




			ol.chart li{
				width: 30%;
				margin-right: 5%;
				text-align: center;
				list-style: none;
				float: left;
			}
			ol.chart li:nth-last-of-type(1){
				margin-right: 0;
			}

		@media screen and (max-width:480px){
			
			ol.chart li{
				width: 100%;
				margin-right:0;
				float:none;
			}
			
		}


				ol.chart li img{
					width:100%;
					height:auto;
				}

				ol.chart li p{
					margin: 5px 0 0;
					font-size:1.4em;
					font-weight:700;
					line-height: 1.2em;
				}

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

				ol.chart li p{
					font-size:1.2em;
				}
				
			}

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

				ol.chart li p{
					font-size:1.1em;
				}
				
			}

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

				ol.chart li p{
					font-size:1.0em;
				}
				
			}

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

				ol.chart li p{
					margin-bottom: 20px;
				}
				ol.chart li p br{
					display: none;
				}
				
			}


		.spbox{
			width:60%;
			margin:60px 0 50px;
			padding: 20px 20%;
			border-radius: 10px;
			background-image: url('/images/bg_clear-white50.png');
		}

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

		.spbox{
			width:70%;
			margin:50px 0 40px;
			padding: 15px 15%;
			border-radius: 6px;
		}

	}

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

		.spbox{
			width:80%;
			padding: 15px 10%;
		}

	}

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

		.spbox{
			width:80%;
			margin:40px auto 35px;
			padding: 15px 5%;
		}

	}

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

		.spbox{
			width:60%;
			padding: 15px 15%;
		}

	}

			.spbox dt{
				margin-bottom: 5px;
				font-size: 1.2em;
				font-weight: 700;
			}

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

			.spbox dt{
				font-size: 1.0em;
			}

		}

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

			.spbox dt{
				margin-bottom:0;
			}

		}

			.spbox dd{
				margin-bottom: 10px;
				color:#44af35;
				font-size: 2.2em;
				font-weight: 700;
			}

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

			.spbox dd{
				font-size: 2.0em;
			}

		}

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

			.spbox dd{
				font-size: 1.8em;
			}

		}

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

			.spbox dd{
				font-size: 1.7em;
			}

		}

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

			.spbox dd{
				font-size: 1.5em;
			}

		}

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

			.spbox dd{
				margin-bottom: 8px;
				font-size: 1.2em;
			}

		}

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

			.spbox dd{
				margin-bottom: 8px;
				font-size: 1.1em;
			}

		}
			
			.spbox dd:nth-last-of-type(1){
				margin-bottom: 0;
			}


		.caution{
			max-width:calc(860px - 10%);
			width:80%;
			margin: 0 auto;	
			padding:30px 5%;
			color:#e7380d;
			border:1px solid #c00;
			border-radius: 10px;
			background-image: url('/images/bg_clear-white50.png');
		}

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

		.caution{
			border-radius:6px;
		}

	}

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

		.caution{
			font-size:0.9em;
		}

	}

			.caution h3{
				width:200px;
				margin: 10px auto 30px;
				padding: 5px 0;
				color:#fff;
				font-size:1.2em;
				font-weight:700;
				text-align: center;
				border-radius:6px;
				background-color: #c00;
			}

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

			.caution h3{
				font-size:1.1em;
				border-radius:3px;
			}

		}

			.caution .kome{
				width: calc(100% - 10px);
				margin-left:20px;
				list-style:none;
			}

			.caution .kome:before{
				content:"※";
				margin-right:-15px;
				position:relative;
				left:-20px;
			}

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

			.caution .kome{
				width: calc(100% - 20px);
			}

		}

			

/************************* フッター *************************/
				
	#globalfooter{
		clear:both;
		width:100%;
		margin-top:30px;
		letter-spacing:0.05em;
		background-color: #e5f0e4;
		position:relative;
	}

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

	#globalfooter{
		margin-top:0;
		/*background-color:transparent;*/
	}

}

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

		.link-to-header{
			margin-top:0;
		}

	}

	#globalfooter.footeractive{
		position:fixed;
		bottom:0;
	}



	/* フッターメイン */

			#globalfooter .inner{
				max-width: 650px;
				width: 90%;
				margin: 0 auto;
				padding: 30px 0 25px;
			}

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

			#globalfooter .inner{
				width: 380px;
				padding: 25px 0 20px;
			}

		}

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

			#globalfooter .inner{
				width: 290px;
				padding: 20px 0 15px;
			}

		}


			#globalfooter h3{
				color:#3d7636;
				font-weight: 700;
				font-size:1.2em;
			}

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

			#globalfooter h3{
				font-size:1.1em;
			}

		}

			#globalfooter .inner p{
				margin: 8px 0;
				line-height: 1.7em;
			}


/* コピーライト */

		.copyright{
			clear:both;
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			height: 40px;
			margin:0;
			color:#fff;
			font-size:0.9em;
			letter-spacing:0.1em;
			line-height:1.3em;
			background-color: #44af35;
		}

	@media screen and (max-width:400px){
	
		.copyright{
			height: 50px;
		}
		
	}






/************************* 応募 *************************/


			.entry h2{
				margin: 70px 0 60px;
				color: #e7380d;
				font-size:2.8em;
				font-weight: 700;
				text-align: center;
			}

		@media screen and (max-width:1000px){
			
			.entry h2{
				margin: 50px 0 45px;
				font-size:2.4em;
			}
			
		}

		@media screen and (max-width:770px){
			
			.entry h2{
				margin: 40px 0 35px;
				font-size:2.0em;
			}
			
		}

		@media screen and (max-width:640px){
			
			.entry h2{
				margin: 30px 0 25px;
				font-size:1.8em;
				line-height: 1.3em;
			}
			
		}

		@media screen and (max-width:480px){
			
			.entry h2{
				margin: 25px 0 15px;
				font-size:1.6em;
			}
			
		}

		@media screen and (max-width:480px){
			
			.entry h2{
				font-size:1.4em;
			}
			
		}


			.entry h2 + p{
				padding: 50px 0 70px;
				color:#f00;
				text-align: center;
				font-size:2.4em;
				line-height: 1.6em;
			}

		@media screen and (max-width:1000px){
			
			.entry h2 + p{
				padding: 50px 0 70px;
				font-size:1.8em;
			}
			
		}

		@media screen and (max-width:640px){
			
			.entry h2 + p{
				padding: 30px 0 50px;
				font-size:1.4em;
			}
			
		}

		@media screen and (max-width:480px){
			
			.entry h2 + p{
				padding: 30px 0 50px;
				font-size:1.2em;
			}
			
		}

		@media screen and (max-width:400px){
			
			.entry h2 + p{
				padding: 30px 0 50px;
				font-size:1.1em;
				font-weight: 700;
			}
			
		}


	.mailform .marunum{
		width:90%;
		margin: 0 auto 30px;
	}

		.mailform .marunum li{
			margin-bottom: 10px;
		}
		.mailform .marunum li img{
			position: relative;
			top:1px;
			left:-2px;
		}

	.mailform .privacy{
		width:90%;
		height:240px;
		margin: 0 auto 40px;
		overflow:scroll;
		overflow-x:hidden;
		overflow-y:auto;
		border:1px solid #ccc;
		border-radius: 10px;
		line-height: 1.7em;
	}

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

	.mailform .privacy{
		width:94%;
		height:200px;
	}

}

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

	.mailform .privacy{
		width:94%;
		height:200px;
		border-radius: 5px;
	}

}

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

	.mailform .privacy{
		width:94%;
		height:200px;
		border-radius: 0;
	}

}

	.mailform .privacy dl{
		width:94%;
		margin: 0;
		padding: 15px 3%;
	}

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

	.mailform .privacy dl{
		width:92%;
		padding: 15px 4%;
	}

}

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

	.mailform .privacy dl{
		width:88%;
		padding: 15px 6%;
	}

}

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

	.mailform .privacy dl{
		width:86%;
		padding: 15px 7%;
	}

}

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

	.mailform .privacy dl{
		width:84%;
		padding: 15px 8%;
	}

}

		.mailform .privacy dl dt{
			font-weight: 700;
		}

		.mailform .privacy dl dd{
			margin:5px 0 15px;
		}



	.mailform,
	.checkform{
		max-width:980px;
		width:90%;
		margin:0 auto;
	}

		.mailform .stdtext,
		.checkform .stdtext{
			width:90%;
			margin:0 auto 30px;
		}

	@media screen and (max-width:1020px){
	
		.mailform .stdtext,
		.checkform .stdtext{
			width:94%;
			margin:0 auto 10px;
		}
	
	}

	
	
		.mailform .entryblock,
		.checkform .entryblock{
			padding:20px 70px 10px;
			border-top:1px dashed #999;
		}
	
		.mailform .entryblock:nth-last-of-type(1),
		.checkform .entryblock:nth-last-of-type(1){
			border-bottom:1px dashed #999;
		}

	@media screen and (max-width:1020px){
	
		.mailform .entryblock,
		.checkform .entryblock{
			padding:20px 3% 10px;
		}
	
	}

	@media screen and (max-width:640px){
	
		.mailform .entryblock,
		.checkform .entryblock{
			padding:20px 0 10px;
		}
	
	}


		.mailform .entryblock h3,
		.checkform .entryblock h3{
			font-size:1.2em;
			text-align:center;
		}



			.mailform .entryblock table,
			.checkform .entryblock table{
				clear:both;
				width:100%;
				margin:0 auto;
				border-collapse:collapse;
			}
			
			.mailform .entryblock .tablenote,
			.checkform .entryblock .tablenote{
				margin:0 0 5px;
				font-size:0.8em;
				float:right;
			}

				.mailform .entryblock th,
				.mailform .entryblock td,
				.checkform .entryblock th,
				.checkform .entryblock td{
					verticl-align:top;
					border-bottom:1px dashed #ccc;
				}
				.mailform .entryblock th:nth-last-of-type(1),
				.mailform .entryblock td:nth-last-of-type(1),
				.checkform .entryblock th:nth-last-of-type(1),
				.checkform .entryblock td:nth-last-of-type(1){
					border-bottom:none;
				}

				.mailform .entryblock th,
				.checkform .entryblock th{
					max-width:120px;
					width:12%;
					min-width:65px;
					padding:22px 0;
					color:#805a5a;
					line-height:1.4em;
					vertical-align:top;
				}
				.checkform .entryblock th{
					padding:13px 0;
				}

				.mailform .entryblock:nth-last-of-type(1) th,
				.checkform .entryblock:nth-last-of-type(1) th{
					padding:15px 0;
				}
		
			@media screen and (max-width:640px){

				.mailform .entryblock th,
				.checkform .entryblock th{
					display: block;
					max-width: 100%;
					width:100%;
					min-width:100%;
					padding:3px 0;
					font-size:0.9em;
					background-color: #faeeee;
				}

				.mailform .entryblock:nth-last-of-type(1) tr th,
				.checkform .entryblock:nth-last-of-type(1) tr th{
					padding:3px 0;
				}
				
			}
		
				.mailform .entryblock th.align-left,
				.checkform .entryblock th.align-left{
					width:140px;
					padding-left:20px;
				}

				.mailform .entryblock th .note,
				.checkform .entryblock th .note{
					color:#f00;
					font-size:0.9em;
					position:relative;
					top:5px;
				}



				.mailform .entryblock td,
				.checkform .entryblock td{
					width:calc(100% - 120px);
					padding:10px 0 10px 20px;
				}
				.checkform .entryblock td{vertical-align:top;}

				.mailform .entryblock:nth-last-of-type(1) td,
				.checkform .entryblock:nth-last-of-type(1) td{
					padding:10px 0 0 20px;
				}
		
			@media screen and (max-width:640px){
				
				.mailform .entryblock td,
				.mailform .entryblock:nth-last-of-type(1) td,
				.checkform .entryblock td,
				.checkform .entryblock:nth-last-of-type(1) td{
					display: block;
					width:94%;
					padding:15px 3% 30px;
				}
			
				.mailform .entryblock:nth-last-of-type(1) tr:nth-last-of-type(1) th{
					display: none;
				}
		
				.mailform .entryblock:nth-last-of-type(1) tr:nth-last-of-type(1) td{
					margin-bottom: -50px;
					position: relative;
					top:-30px;
				}

			}

				.mailform .entryblock td h4,
				.checkform .entryblock td h4{
					margin-bottom:5px;
					color:#036;
					font-weight:700;
					line-height:1.4em;
				}


				.mailform .entryblock td p{
					margin-top:15px;
					margin-bottom: 0;
					color:#c00;
					line-height: 1.7em;
				}
				.mailform .entryblock td p + p,
				.mailform .entryblock td p + p + p,
				.mailform .entryblock td p + p + p + p
				.mailform .entryblock td p + p + p + p + p{
					margin-top:5px;
				}

				.formnote{
					color:#c00;
				}

				th .formnote{
					font-size:0.85em;
					font-weight:400;
				}


		
		.mailform .entryblock td input,
		.mailform .entryblock td select,
		.mailform .entryblock td textarea{
			margin-bottom:10px;
			padding:10px 15px;
			font-weight:400;
			border:1px solid #ccc;
			border-radius:5px;
		}
		
		.mailform .entryblock td input.datafile{
			padding:0;
			border:none;
		}
		
	@media screen and (max-width:370px){
		
		.mailform .entryblock td input.datafile{
			max-width:200px;
		}
		
	}
	

				.mailform .entryblock:nth-last-of-type(1) tr:nth-of-type(2),
				.mailform .entryblock:nth-last-of-type(1) tr:nth-of-type(3),
				.mailform .entryblock:nth-last-of-type(1) tr:nth-of-type(4),
				.mailform .entryblock:nth-last-of-type(1) tr:nth-of-type(5),
				.mailform .entryblock:nth-last-of-type(1) tr:nth-of-type(6){
					display: none;
				}

				.mailform .entryblock:nth-last-of-type(1) tr:nth-last-of-type(1) td{
					padding-bottom: 20px;
				}

				.morefile{
					width:180px;
					margin:0 0 10px;
					padding: 3px 0;
					font-size:0.8em;
					text-align: center;
					border-radius:5px;
					border:1px solid #ccc;
					cursor: pointer;
					box-shadow: 1px 1px 1px 0 #666;
				}


		.pchk td > .chkflg{
			width:30px;
			float:left;
		}

		.pchk td > p{
			width:calc(100% - 40px);
			margin: 0 !important;
			float: right;
			position: relative;
			top:1px;
		}



		#heaternote{
			color:#f00;
			line-height: 1.5em;
		}


		.mailform .entryblock .listitems td textarea{
			width:91%;
			margin-bottom:10px;
			padding:10px 2%;
			font-weight:400;
			border:none;
			border-radius:5px;
		}
	
	
			#email{
				max-width:380px;
				width:90%;
			}

			#name1,#name2,#furigana1,#furigana2{
				max-width:145px;
				width:34%;
				min-width:100px;
			}

	
			#address2,#address3{
				max-width:640px;
				width:90%;
			}
		
		@media screen and (max-width:640px){
	
			#email,#address2,#address3{
				width:80%;
			}
		
		}

			#tel1,#tel2,#tel3,#zip1,#zip2,#fax1,#fax2,#fax3,#kyoten,#persons{
				width:40px;
				text-align:center;
			}

			#message{
				width:90%;
				line-height:1.4em;
			}

		@media screen and (max-width:640px){
	
			#message{
				width:80%;
			}
		
		}

			#zip1,#zip2{
				width:40px;
				text-align:center;
			}

		
				.mailform .entryblock td ul li{
					margin-bottom:7px;
					list-style:none;
					line-height:1.1em;
				}


			#submit1,
			#submit2{
				display:block;
				max-width:300px;
				width:80%;
				height:60px;
				margin:40px auto;
				padding:0 !important;
				color:#fff;
				font-size:1.2em;
				font-weight:700;
				text-align:center;
				line-height:55px;
				background-color:#b01030;
				border-radius:5px;
				border:none;
				cursor:pointer;
				-webkit-transition:opacity 0.3s ease-out;
				-moz-transition:opacity 0.3s ease-out;
				-ms-transition:opacity 0.3s ease-out;
				transition:opacity 0.3s ease-out;
			}
			#submit2{background-color:#999;}
	
			#submit1:hover,
			#submit2:hover{
				filter:alpha(opacity=60);
				-moz-opacity:0.60;
				opacity:0.60;
			}

/*
		@media screen and (max-width:480px){
			
			#submit1,
			#submit2{
				height:40px;
				margin:30px auto 0;
				padding:0 !important;
				font-size:1.0em;
				line-height:35px;
				border-radius:5px;
			}
				
		}

		@media screen and (max-width:370px){
			
			#submit1,
			#submit2{
				width:100%;
				height:40px;
				padding:0 !important;
				line-height:40px;
			}
				
		}
*/
/*
		@media screen and (max-width:640px){
	
			input[type=”file"]{
				height:30px;
			}

		}
*/

.hide-spin::-webkit-inner-spin-button,
.hide-spin::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance:textfield;
}


/***** 送信後画面 *****/


	.thanks h3{
		margin-bottom:30px;
		color:#369;
		font-size:1.8em;
		font-weight: 700;
		text-align: center;
	}

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

	.thanks h3{
		margin-bottom: 20px;
		font-size:1.4em;
	}

}

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

	.thanks h3{
		margin: 20px 0;
		font-size:1.2em;
	}

}


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

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

	.thanksnote{
		padding-bottom:30px; 
		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;
		}

		.thanksnote p.kome{
			width: calc(100% - 20px);
		}
	


#edit h3{
	margin:30px 0;
	font-weight:700;
	font-size:1.4em;
	text-align:center;
	
}

		
	#edit .linkbtn{
		display:block;
		max-width:360px;
		width: 80%;
		height:60px;
		margin:0 auto 30px;
		color:#fff;
		font-size:1.3em;
		font-weight:700px;
		text-align:center;
		line-height:61px;
		border-radius:5px;
		text-decoration:none;
		background-color:#036;
	}
		
	#edit .linkbtn + .linkbtn{
		margin-bottom:50px;
		background-color:#369;

	}
	
@media screen and (max-width:430px){
		
	#edit .linkbtn{
		font-size:1.1em;
	}
		
}
	
@media screen and (max-width:370px){
		
	#edit .linkbtn{
		font-size:1.0em;
	}
		
}

		
	#edit p{
		max-width: 800px;
		width:90%;
		margin:0 auto 30px;
	}

@media screen and (max-width:430px){
		
	#edit p{
		font-size:0.9em;
	}

}