@charset "UTF-8";

body{

}

#wrapper{
	width: 100%;
}

header{
	position: fixed;
	top: 0;
	width: 100%;
	min-width: 1000px;
	height: 117px;
	background-color: #fff;
	overflow: hidden;
	z-index: 100;
}

#header-area{
	width: 1000px;
	margin: 0 auto;
}

nav{
	clear: both;
	width: 100%;
	max-width: 1000px;
	padding: 13px 0 0;
	text-align: center;
}

main{
	clear: both;
	width: 100%;
	min-width: 1000px;
	margin: 117px auto 0;
	text-align: left;
}

footer{
	min-width: 1000px;
	padding: 20px 0;
	color: #fff;
	background-color: #333;
}


/* ========== ----- スマホ ----- ========== */
@media screen and (max-width: 680px) {


header,
#header-area,
nav,
main,
footer{
	min-width: 100%;
	width: 100%;
}

header {
	box-shadow: 0 4px 4px 0 rgba(50,50,50,.1);
	height: auto;
	padding-bottom: 15px;
	overflow: visible;
}

main{
	margin: 70px auto 0;
}


}