@charset "UTF-8";



html {
  height: 100%;
}


body {
font-family: "メイリオ" ;
  height: 100%;
  margin: 0;

}

.main{
width:100%;
margin:0 auto;
padding:0em 0 10em;
}


.bottom-box{
width:100%;
margin:0 auto;
font-size:1em;
background:#3366cc;

}

.bottom-area{
padding:5em 0 2em;
color:#fff;
text-align:center;
background-repeat: no-repeat;
background-position:Top center;
text-align:center;
}



/* フォーム */

	.input-area {
		margin-bottom: 20px;
	}
	input[type="text"],input[type="email"],select {
		width: 300px;
		height: 30px;
	}
	textarea {
		width: 300px;
	}
	p {
		font-weight: bold;
		font-size:1.2em;
	}
	.btn-border {
		display: inline-block;
		max-width: 180px;
		text-align: left;
		border: 2px solid #3366cc;
		font-size: 15px;
		color: #3366cc;
		text-decoration: none;
		font-weight: bold;
		padding: 8px 16px;
		border-radius: 4px;
		transition: .4s;
		margin-top:3em;
	}
	.btn-border:hover {
		background-color: #3366cc;
		border-color: #aabbee;
		color: #FFF;
	}


.to-shop{
text-align:center;
padding:3em;
}

@media screen and (max-width: 800px) {
	/* 800px以下に適用されるCSS*/

.bottom-box{
font-size:10px;
}

	input[type="text"],input[type="email"],select {
		width: 260px;
	}
	textarea {
		width: 260px;
	}

}