@charset "utf-8";
/*汎用*/
#wrapper{
	background-color: #fff;
}
.box{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
}
.box img{
	width:100%;
	height:auto;
	vertical-align: bottom;
}
.btn-area {
	position: relative;
}
.btn-area .btn{
	position: absolute;
}
.btn img {
	width: 100%;
}
 
footer{
	width:100%;
	padding:0;
	text-align:center;
}
.social{
	padding-bottom:3%;
	text-align:center;
}
.social div{
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
}
.social div:last-child{
	margin-right: 0;
}
footer small{
	color: #552e1d;
	font-size: 3.75vw;
}
.pageup{
	position: fixed;
	right: 20px;
	bottom: 20px;
	display: none;
}
@media screen and (min-width:768px) and (max-width:1024px) {
body {
	text-align:center;
	background:url(../img/stripe.png) center top;
}
#wrapper{
	width:500px;
	margin:0 auto;
}
footer small{
	font-size: 14px;
}
}
@media screen and (min-width:1024px) {
body {
	text-align:center;
	background:url(../img/stripe.png) center top;
}
#wrapper{
	width:500px;
	margin:0 auto;
}
footer small{
	font-size: 14px;
}
}