@charset "utf-8";
/* contents name
----------------------------------------------------------- */
html,body{
   height: 100%;
   margin: 0px;
   padding: 0px;
}
#pagecover {
   position: relative;
   min-height: 100%;
}
#wrap {
	margin: auto;
	max-width: 570px;
	padding: 5em 1em 10em;
	box-sizing: border-box;
}
#wrap h1 {margin-bottom: 5em;}
#wrap form p {
	font-size: 2em;
	margin-bottom: .2em;
}
#wrap form input[type="text"] {
	padding: 5px;
	width: 90%;
	margin-bottom: 1.5em;
	font-size: 1em;
}
#wrap form .ebook {
	background-image: url(../../form_img/btn.png);
	background-repeat: no-repeat;
	height: 120px;
	width: 391px;
	cursor: pointer;
	border: 0;
	box-sizing: border-box;
}
@media only screen and (max-width : 640px){
	#wrap form .ebook {
		background-color: #FFF;
		background-size: 100%;
		height: 84px;
		width: 273px;
}
}
#wrap form .errorMessage {
	text-align: left;
	padding: 1em;
	border: 2px solid #B20000;
	background-color: #FFE8E8;
	margin-bottom: 3em;
}
#wrap form .errorMessage p:first-child {font-size: 2em;}
#wrap form .errorMessage p {font-size: 1.4em;}
#footer {
	background-color: #200;
	padding-top: 1.5em;
	padding-bottom: 4em;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
}
#footer p {
	font-size: 1.5em;
	color: #FFF;
}