@charset "utf-8";

/* CSS Document */

/* ======================================================
	[object] utility
	@import"../css/test_line.css";
	------------------------------------------------------
	[240109]　幅判定不可
====================================================== */
/* ------------------------------------------------------
	幅 */
.WidthMin
{
	width: 25%;
}

.WidthS
{
	width: 75%;
}

.WidthM
{
	width: 100%;
}

/* ------------------------------------------------------
	高さ */


/* ======================================================
	段組
	------------------------------------------------------
	[190724]
	inline-blockの隙間をなくす方法
	https://qiita.com/BEMU/items/0f500e0306471073ed63
	------------------------------------------------------
	[190724]Flexboxは印刷に不向き...かな?
	------------------------------------------------------
	まだfloat使ってる？CSSのFlexboxを徹底解説！ 
	https://webdesignday.jp/inspiration/pickup/4175/
------------------------------------------------------ */

.Flex3>*>*:not([class*="Width"]),
.Flex4>*>*:not([class*="Width"]),
.Flex5>*>*:not([class*="Width"]),
.Flex6>*>*:not([class*="Width"])
{
	width: calc((100% - (3em * 1)) / 2);
}

.Flex3[class*=" gap0"]>*>*:not([class*="Width"]),
.Flex4[class*=" gap0"]>*>*:not([class*="Width"]),
.Flex5[class*=" gap0"]>*>*:not([class*="Width"]),
.Flex6[class*=" gap0"]>*>*:not([class*="Width"])
{
	width: calc(100% / 2);
}

.Flex3[class*=" gap1"]>*>*:not([class*="Width"]),
.Flex4[class*=" gap1"]>*>*:not([class*="Width"]),
.Flex5[class*=" gap1"]>*>*:not([class*="Width"]),
.Flex6[class*=" gap1"]>*>*:not([class*="Width"]),
.Flex3[class*=" gap0_1"]>*>*:not([class*="Width"]),
.Flex4[class*=" gap0_1"]>*>*:not([class*="Width"]),
.Flex5[class*=" gap0_1"]>*>*:not([class*="Width"]),
.Flex6[class*=" gap0_1"]>*>*:not([class*="Width"])
{
	width: calc((100% - (1em * 1)) / 2);
}

.Flex3[class*=" gap2"]>*>*:not([class*="Width"]),
.Flex4[class*=" gap2"]>*>*:not([class*="Width"]),
.Flex5[class*=" gap2"]>*>*:not([class*="Width"]),
.Flex6[class*=" gap2"]>*>*:not([class*="Width"]),
.Flex3[class*=" gap0_2"]>*>*:not([class*="Width"]),
.Flex4[class*=" gap0_2"]>*>*:not([class*="Width"]),
.Flex5[class*=" gap0_2"]>*>*:not([class*="Width"]),
.Flex6[class*=" gap0_2"]>*>*:not([class*="Width"])
{
	width: calc((100% - (2em * 1)) / 2);
}

.Flex3[class*=" gap3"]>*>*:not([class*="Width"]),
.Flex4[class*=" gap3"]>*>*:not([class*="Width"]),
.Flex5[class*=" gap3"]>*>*:not([class*="Width"]),
.Flex6[class*=" gap3"]>*>*:not([class*="Width"]),
.Flex3[class*=" gap0_3"]>*>*:not([class*="Width"]),
.Flex4[class*=" gap0_3"]>*>*:not([class*="Width"]),
.Flex5[class*=" gap0_3"]>*>*:not([class*="Width"]),
.Flex6[class*=" gap0_3"]>*>*:not([class*="Width"])
{
	width: calc((100% - (3em * 1)) / 2);
}

.Flex3[class*=" gap4"]>*>*:not([class*="Width"]),
.Flex4[class*=" gap4"]>*>*:not([class*="Width"]),
.Flex5[class*=" gap4"]>*>*:not([class*="Width"]),
.Flex6[class*=" gap4"]>*>*:not([class*="Width"]),
.Flex3[class*=" gap0_4"]>*>*:not([class*="Width"]),
.Flex4[class*=" gap0_4"]>*>*:not([class*="Width"]),
.Flex5[class*=" gap0_4"]>*>*:not([class*="Width"]),
.Flex6[class*=" gap0_4"]>*>*:not([class*="Width"])
{
	width: calc((100% - (4em * 1)) / 2);
}

.Flex3[class*=" gap5"]>*>*:not([class*="Width"]),
.Flex4[class*=" gap5"]>*>*:not([class*="Width"]),
.Flex5[class*=" gap5"]>*>*:not([class*="Width"]),
.Flex6[class*=" gap5"]>*>*:not([class*="Width"]),
.Flex3[class*=" gap0_5"]>*>*:not([class*="Width"]),
.Flex4[class*=" gap0_5"]>*>*:not([class*="Width"]),
.Flex5[class*=" gap0_5"]>*>*:not([class*="Width"]),
.Flex6[class*=" gap0_5"]>*>*:not([class*="Width"])
{
	width: calc((100% - (5em * 1)) / 2);
}


/* ======================================================
	======================================================
	======================================================
	======================================================
====================================================== */

/* Flex 幅2倍 */
.Flex3 .grow2,
.Flex4 .grow2,
.Flex5 .grow2,
.Flex6 .grow2
{
	width: calc(((100% - (3em * 1)) / 2) * 2);
}

/* Flex 幅2倍 + 隙間0 */
.Flex3[class*=" gap0"] .grow2,
.Flex4[class*=" gap0"] .grow2,
.Flex5[class*=" gap0"] .grow2,
.Flex6[class*=" gap0"] .grow2
{
	width: calc((100% / 2) * 2);
}

/* Flex 幅2倍 + 隙間1 */
.Flex3[class*=" gap1"] .grow2,
.Flex4[class*=" gap1"] .grow2,
.Flex5[class*=" gap1"] .grow2,
.Flex6[class*=" gap1"] .grow2
{
	width: calc(((100% - (1em * 1)) / 2) * 2);
}

/* Flex 幅2倍 + 隙間2 */
.Flex3[class*=" gap2"] .grow2,
.Flex4[class*=" gap2"] .grow2,
.Flex5[class*=" gap2"] .grow2,
.Flex6[class*=" gap2"] .grow2
{
	width: calc(((100% - (2em * 1)) / 2) * 2);
}

/* Flex 幅2倍 + 隙間3 */
.Flex3[class*=" gap3"] .grow2,
.Flex4[class*=" gap3"] .grow2,
.Flex5[class*=" gap3"] .grow2,
.Flex6[class*=" gap3"] .grow2
{
	width: calc(((100% - (3em * 1)) / 2) * 2);
}

/* Flex 幅2倍 + 隙間4 */
.Flex3[class*=" gap4"] .grow2,
.Flex4[class*=" gap4"] .grow2,
.Flex5[class*=" gap4"] .grow2,
.Flex6[class*=" gap4"] .grow2
{
	width: calc(((100% - (4em * 1)) / 2) * 2);
}

/* Flex 幅2倍 + 隙間5 */
.Flex3[class*=" gap5"] .grow2,
.Flex4[class*=" gap5"] .grow2,
.Flex5[class*=" gap5"] .grow2,
.Flex6[class*=" gap5"] .grow2
{
	width: calc(((100% - (5em * 1)) / 2) * 2);
}