@charset "utf-8";


/* ------------------------------------------------------------------------------------------------------------------ */

 #contents {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	padding-bottom: 30px;
	margin: 0px auto;
	/*z-index: 1;*/
	position: relative;
 }


@media screen and (min-width: 1201px){

 #contents {
	width: 1200px;
 }

 #main-contents {
	width: 900px;
 }

 #side-contents {
	width: 300px;
	margin-top: -20px;
 }

}


@media screen and (max-width: 1200px){

 #contents {
	width: 100%;
 }

 #main-contents {
	width: 100%;
 }
 
 #side-contents {
	/*display: none;*/
	width: 100%;
 }

}


@media screen and (min-width: 781px) and (max-width: 1200px) {

 .style-menu {
	order: 2;
 }

 #main-contents {
	order: 3;
 }
 
 #side-contents {
	order: 1;
 }
 
}


@media screen and (max-width: 780px) {

 .style-menu {
	order: 1;
 }

 #main-contents {
	order: 2;
 }
 
 #side-contents {
	order: 3;
 }
 
}