/*  デフォルトのコンテンツ
------------------------------------------------------------- */
.fwCms_box {
	margin: 0;
	padding: 0;
}

.fwCms_contentsArea {
	display: block;
}

.fwCms_leftMenu,
.fwCms_rightMenu,
.fwCms_leftRightMenu {
	display: flex;
	justify-content: space-between;
}

.fwCms_leftMenu .frame_LM {
	width: 250px;
}

.fwCms_rightMenu .frame_RM {
	width: 250px;
}

.fwCms_leftRightMenu .frame_LM {
	width: 250px;
}

.fwCms_leftRightMenu .frame_RM {
	width: 250px;
}

.fwCms_leftMenu .frame_MB {
	flex: 1;
}

.fwCms_rightMenu .frame_MB {
	flex: 1;
}

.fwCms_leftRightMenu .frame_MB {
	flex: 1;
}

/* CMSキャンバス制御用 */
#fwCms_campus .fwCms_box.frame_MB {
	margin: -5px -5px 0 0 !important;
}

#fwCms_campus .fwCms_leftMenu .fwCms_box.frame_MB {
	width: inherit;
	margin: -5px 0 0 -5px !important;
}

#fwCms_campus .fwCms_rightMenu .fwCms_box.frame_MB {
	width: inherit;
	margin: -5px -4px 0 0 !important;
}

#fwCms_campus .fwCms_rightMenu .fwCms_box.frame_RM {
	margin: -5px 0 0 0 !important;
}

#fwCms_campus .fwCms_leftRightMenu .fwCms_box.frame_MB {
	width: inherit;
	margin: -5px -5px 0 -5px !important;
}

#fwCms_campus .fwCms_leftRightMenu .fwCms_box.frame_RM {
	margin: -5px 0 0 0 !important;
}

#fwCms_campus .layoutType3 .fwCms_box.frame_MT {
	margin-top: 1px !important;
}

#fwCms_campus .layoutType3 .fwCms_box.frame_MB {
	margin-right: 0 !important;
	margin-bottom: -4px !important;
}


/* -----------------------------------------------------
	幅設定を上書き
------------------------------------------------------- */
.fwCms_wrapper {
	width: 100%;
}

.frame_HD {
	width: 100%;
}

.frame_MH {
	width: 100%;
}

.mainArea {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: auto;
}

.frame_LM,
.frame_LB,
.frame_MT,
.frame_MB,
.frame_MF,
.frame_FT {
	width: 100%;
}

/* type1 */
/*.layoutType1 .frame_MB {}*/

/* type2 */
.layoutType2 .frame_LM {
	display: none;
}

/* type3 */
.layoutType3 .frame_LM {
	order: 2;
}

.layoutType3 .frame_LB {
	order: 4;
}

.layoutType3 .frame_MT {
	order: 1;
}

.layoutType3 .frame_MB {
	order: 3;
}


@media only screen and (min-width: 768px) {
	.mainArea {
		display: block;
		max-width: 1080px;
		width: 92%;
	}

	/* layoutType1 サイトトップ用 */
	.mainArea.layoutType0 {
		display: block;
		max-width: 100%;
		width: 100%;
	}

	/* layoutType1 */
	.layoutType1 .frame_MB {
		width: 100%;
	}

	/* layoutType2 */
	.layoutType2 .frame_LM {
		display: block;
		float: left;
		width: 200px;
	}

	.layoutType2 .frame_MB {
		float: right;
		width: calc(100% - 260px);
	}

	/* layoutType3 */
	.layoutType3 .frame_LM {
		max-width: 820px;
		width: 200px;
	}

	.layoutType3 .frame_LB {
		max-width: 820px;
		width: 200px;
	}

	.layoutType3 .frame_MT {
		float: right;
		width: calc(100% - 260px);
	}

	.layoutType3 .frame_MB {
		float: right;
		width: calc(100% - 260px);
	}

	.frame_MF,
	.frame_FT {
		clear: both;
	}
}