/* ////////////////////////////////////////////////////////// */

	.bagcalc_form .frm { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 4%; grid-row-gap: 2rem; }
	.bagcalc_form .frm > div { grid-area: auto / 1 / auto / 13; }
	.bagcalc_form .frm > div:nth-child(1) { grid-area: auto / 1 / auto / 7; }
	.bagcalc_form .frm > div:nth-child(2) { grid-area: auto / 7 / auto / 13; }

	.bagcalc_form .frm > div:nth-child(3) { grid-area: auto / 1 / auto / 4; }
	.bagcalc_form .frm > div:nth-child(4) { grid-area: auto / 4 / auto / 7; }

	.bagcalc_form .frm > div:nth-child(5) { grid-area: auto / 1 / auto / 5; }
	.bagcalc_form .frm > div:nth-child(6) { grid-area: auto / 5 / auto / 9; }
	.bagcalc_form .frm > div:nth-child(7) { grid-area: auto / 9 / auto / 13; }

	.bagcalc_form .frm > div:nth-child(8) { grid-area: auto / 1 / auto / 4; align-content: end; }
	.bagcalc_form .frm > div:nth-child(9) { grid-area: auto / 4 / auto / 7; }

	.bagcalc_form .frm canvas { display: block; }

	.bagcalc_form .frm__txt, .bagcalc_form .frm__btn { flex-grow: 1; }

	.frm__btn.frm__btn--ok { padding-left: 0; padding-right: 0; width: 100%; line-height: 3rem; }

	.bagcalc_form + .bagcalc_result .container { padding-top: 0; margin-top: -1rem; }


/* // legacy //////////////////////////////////////////////// */
	table.tTable01 { border-collapse: collapse; }
	table.tTable01 th { font-weight: bold; text-align: left; }
	table.tTable01 th, table.tTable01  td { border: 1px solid var(--brd); padding: 0.4rem; }

	.form-inn { display: none; }

	.bx.bw.bagcalc { background: var(--bggr); color: #fff; border: 2px solid #fff; }
	.bx.bw.bagcalc .cls { color: #fff; }
	.bx.bw.bagcalc .tTable01 { }
	.bx.bw.bagcalc .tTable01 caption { font-size: 1.4rem; color: #fff; text-align: left; margin: 0 0 1rem; }
	.bx.bw.bagcalc .tTable01 th, .bx.bw.bagcalc .tTable01 td { border: 1px solid #fff; }