/*-- n2cyan default site base --*/
divx{
	border:1px solid red;
	padding:2px;
}

#header{
    position:relative;
}
#header .contents-wrapper{
    margin:0 auto;
}
#nav{
    position:relative;
}
#nav .contents-wrapper{
    display:flex;
    flex-wrap:wrap;
    margin:0 auto;
}
#nav .contents-wrapper > div{
	padding:0 1em;
}

#outer{
    position:relative;
    margin:0 auto;
}
#site_aside1,
#site_aside4
{
}

#mid{
    position:relative;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
}
#site_aside2,
#site_aside3
{
	display:block;
}


#inner{
    margin:0 auto;
}
body.noside div#inner,
body.minimum div#inner{
}
#page_aside1,
#page_aside2
{
    position:relative;
}
#footer{
}


@media screen and (min-width: 800px){
	.open-slide-menu{
		display:none;
	}
	#mid{
		flex-wrap:nowrap;
	}
	.close-slide-menu{
		display:none;
	}
}
@media screen and (max-width: 800px){
	.open-slide-menu{
		display:flex;
	}
	
	#site_aside2{
		display:none;
		position:fixed;
		left:0;
		top:0;
		bottom:0;
		z-index:1000;
		padding-right:4px;
	}
	#site_aside2 > div.contents-wrapper{
		background-color:#fff;
		box-shadow:2px 2px 4px rgba(0,0,0,0.1);
		height:100%;
		position:relative;
	}

	#site_aside3{
		display:none;
		position:fixed;
		right:0;
		top:0;
		bottom:0;
		z-index:1000;
		padding-left:4px;
	}

	#site_aside3 > div.contents-wrapper{
		background-color:#fff;
		box-shadow:-2px 2px 4px rgba(0,0,0,0.1);
		height:100%;
		position:relative;
	}
	
}