@charset "utf-8";
/* -----------------------------------------------------------------------
1カラム用　css
------------------------------------------------------------------------- */
body{	
	min-width:100%;
}


h1,
header nav,
#mainImage,
#container,
#ftrOuter,
.wrap{
	width:100%;}


#hdrOuter,
header nav ul,
.contents_wrap,
footer nav ul,
footer .copy{
	margin:0 auto;
}

#contents{
	margin: 0 20px;
}
@media only screen and (max-width: 768px) {
main{
	margin: 0 15px;
}
#contents{
	margin: 0 15px;
}

}

@media only screen and (min-width: 768px) {
main{
	margin: 0 20px;
}
	#sidebar{
		margin: 30px 20px;
		padding: 0;
	}

/* -----------------------------------------------------------------------
responsive
------------------------------------------------------------------------- */

/*for PConly*/
@media only screen and (min-width : 960px){

}
/*for Tablet*/
@media only screen and (min-width:768px) and (max-width:959px){
body{	
	min-width:inherit;
}
h1,
#hdrOuter,
header nav,
#container,
#ftrOuter,
.wrap{
	width:100%;
}
#container #contents,
#container #side{
	width:100%;
	float:none;
}
}

/*for SP*/
@media only screen and (max-width:767px) {
	body{	
		min-width:inherit;
	}
	h1,
	#hdrOuter,
	header nav,
	#container,
	#ftrOuter,
	.wrap
	#hdrOuter,
	header nav ul,
	.contents_wrap,
	footer nav ul,
	footer .copy{
		width:100%;
	}
	#container #contents,
	#container #side{
		width:100%;
		float:none;
	}
	.contents_wrap{
		padding: 0 10px;
	}
}