/*
 * iframe
 * frameをiframeに置換して、
 * resultを２つに分ける場合のcss
 * 5.10.1.1 (2018/07/13) ADD
*/
/* RESULTを分割用 */
.HYBS_IFRAME_RESULT{
	width:calc(100% - 4px);
	height:100%;
}

/* RESULTを水平分割用 */
.HYBD_IFRAME_RESULT_HORIZON{
	display: grid;
	display: -ms-grid;
	grid-template-columns: 1fr;
	-ms-grid-columns: 1fr;
	grid-template-rows: minmax(200px, 50%) minmax(200px, 1fr);
	-ms-grid-rows: minmax(200px, 50%) minmax(200px, 1fr);
	height: calc(100% - 4px);
}

.HYBS_IFRAME_RESULT_UP{
	grid-column: 1;
	grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-row: 1;
}

.HYBS_IFRAME_RESULT_DOWN{
	grid-column: 1;
	grid-row: 2;
	-ms-grid-column: 1;
	-ms-grid-row: 2;
}

/* RESULTを垂直分割用 */
.HYBD_IFRAME_RESULT_VERTICAL{
	display: grid;
	display: -ms-grid;
	grid-template-columns: minmax(300px, 50%) minmax(300px, 1fr);
	-ms-grid-columns: minmax(300px, 50%) minmax(300px, 1fr);
	grid-template-rows: 1fr;
	-ms-grid-rows: 1fr;
	height: calc(100% - 4px);
}

.HYBS_IFRAME_RESULT_LEFT{
	grid-column: 1;
	grid-row: 1;
	-ms-grid-column: 1;
	-ms-gird-row: 1;
}

.HYBS_IFRAME_RESULT_RIGHT{
	grid-column: 2;
	grid-row: 1;
	-ms-grid-column: 2;
	-ms-grid-row: 1;
}