/*--------------------------------------------------------------
# BaseLayouts
--------------------------------------------------------------*/
/* Column
--------------------------------------------- */
#content-wrapper {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: flex-start;
	max-width: 1720px;
	align-items: stretch;
	margin: 0 auto;
}

#secondary-one {
	order: 1;
}

.sidebar {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	flex: 1;
	margin: 0 1.2vw;
	max-width: 320px;
}

#primary {
	flex: 1;
	min-width: 650px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	order: 3;
	max-width: 780px;
}

#secondary-two {
	order: 5;
}

/* レスポンシブ：ブレークポイント
--------------------------------------------- */
@media screen and (max-width:800px) {
	.sidebar {
		flex: none;
		max-width: 100%;
	}

	#primary {
		flex: none;
		min-width: unset;
		max-width: 100%;
	}
}