@charset "shift_jis";

body::before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(../images/bg.png) center/cover no-repeat;
	-webkit-background-size:cover;/*Android4*/
}
#wrapper{
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
}
#wrapper img{width: 100%;}
.inner{padding: 0 10px;}


/*
header
--------------------------------------------------*/
#header{
	position: fixed;
    width: 100%;
	background: url(../images/header_bg.png) repeat;
	z-index: 10;
}
#header .logo a{
	display: block;
	text-align: center;
}
#header .logo a img{
	height: 48px;
	display: inline-block;
}

/*
kv
--------------------------------------------------*/
#kv{padding: 28px 0 24px;}


/*
lead
--------------------------------------------------*/
#lead{
	padding: 0 10px 30px;
	text-align: center;
	font-size: 10px;
}

/*
sandal
--------------------------------------------------*/
#sandal{margin: 0 0 60px;}
#sandal h2{margin: 0 0 5px;}
#sandalList{width: 100%;}
#sandalList li{
	float: left;
	width: 49%;
	padding: 0 2% 20px 0;
}
#sandalList li:nth-child(2n){padding: 0 0 20px 0;}
#sandalList .tx{
	font-size: 10px;
	text-align: center;
}


/*
pumps
--------------------------------------------------*/
#pumps{margin: 0 0 40px;}
#pumpsList{width: 100%;}
#pumpsList li{
	float: left;
	width: 49%;
	padding: 0 2% 20px 0;
}
#pumpsList li:nth-child(2n){padding: 0 0 20px 0;}
#pumpsList .tx{
	font-size: 10px;
	text-align: center;
}


/*
linkArea
--------------------------------------------------*/
#linkArea{margin: 0 0 40px;}
.linkBtn{
	width: 70%;
	max-width: 600px;
	margin: 0 auto;
}

/*
footer
--------------------------------------------------*/
#footer{
    position: relative;
    text-align: center;
    z-index: 10;
}
#copyright{padding: 20px 0;}



/*clearfix*/
.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix{
    *zoom:1;
}