@charset "utf-8";
/* -----------------------------------------------------------------------
2カラム用　css　右サイドバー
------------------------------------------------------------------------- */
body{	
	min-width:980px;
}

h1,
#hdrOuter,
header nav,
/*#mainImage,*/
#container,
#ftrOuter,
#footer-box,
.wrap{
	/*width:980px;*/
	width:1150px;
	margin:0 auto;
}

#container > #contents{
	width:850px;
	/*width:650px;*/
	float:right;
}

#container > #contents > article{
	/*margin-left:15px;*/
}

#container > #side{
	width:270px;
	/*width:315px;*/
	float:left;
}

#container > #side > aside{
	/*margin-right:15px;*/
}

/*#mainImage {
	width:100%;
}*/
/* -----------------------------------------------------------------------
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,
#footer-box,
.wrap{
	width:100%;
}
#container #contents{
width:70%;
float:right;
}

#container #side{
	width:28.5%;
	float:left;
}
}

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

#side{
	width:90% !important;
	float:none !important;
	margin:0 auto !important;
}

#container > #contents > article,
#container > #side > aside{
	margin-left:0px;
	margin-right:0px;
}
}