@charset "utf-8";
/* CSS Document */

ul ul	{
	list-style-type: disc;
}


/* ======================================================
	組版
====================================================== */
/* ======================================================
	左寄せ・右寄せ
------------------------------------------------------ */
.LayoutBox	{
	display: inline-block;
	vertical-align: top;
}


.img_l img	{
	display: block;
	float: left;
	margin-right: 1em;
	margin-bottom: 0px;
}
.img_r img	{
	display: block;
	float: right;
	margin-left: 1em;
	margin-bottom: 0px;
}

.Cap_l>figure	{
	display: block;
	float: left;
	margin-right: 1em;
	margin-bottom: 0px;
}
.Cap_r>figure	{
	display: block;
	float: right;
	margin-left: 1em;
	margin-bottom: 0px;
}

.img_l table,
.img_r table	{
	display: inline-table;
}
.img_l table,
.img_l th,
.img_r table,
.img_r th,
.Cap_l table,
.Cap_l th,
.Cap_r table,
.Cap_r th	{ width: auto; }
/*
.img_l table,
.img_l th,
.img_r table,
.img_r th,
.Cap_l table,
.Cap_l th,
.Cap_r table,
.Cap_r th,
.Block_l table,
.Block_l th,
.Block_r table,
.Block_r th	{ width: auto; }
.img_l th,
.img_r th,
.Cap_l th,
.Cap_r th,
.Block_l th,
.Block_r th	{ white-space: nowrap; }
*/


.FigureLayout>div	{
	display: inline-block;
	vertical-align: middle;
}
.FigureLayout figure.c	{
}
.FigureLayout figure.l	{
}
.FigureLayout figure.r	{
}



/* ======================================================
	段組
------------------------------------------------------ */
/* ============================================================================================================
	grid
------------------------------------------------------------------------------------------------------------ */
.Column
{
}

.Column>*
{
	--grid_num			: 1;

	display: grid;
	grid-template-columns: repeat(var(--grid_num), 1fr);
	gap: var(--gap);

	list-style: none;
	margin: 0;
}
/*
	 grid-template-columns: 150px 1fr;
	 grid-template-rows: 100px 50px;
*/
.Column>*>*
{
	margin: 0;
}

.Column[class*=" gap1px"]>*
{
	--gap				: 1px;
}

.Column[class*=" gap0"]>*
{
	--gap				: 0em;
}
.Column[class*=" gap0_5"]>*,
.Column[class*=" gap0h"]>*
{
	--gap				: 0.5em;
}

.Column[class*=" gap1"]>*
{
	--gap				: 1em;
}
.Column[class*=" gap1_5"]>*,
.Column[class*=" gap1h"]>*
{
	--gap				: 1.5em;
}

.Column[class*=" gap2"]>*
{
	--gap				: 2em;
}
.Column[class*=" gap2_5"]>*,
.Column[class*=" gap2h"]>*
{
	--gap				: 2.5em;
}

.Column[class*=" gap3"]>*
{
	--gap				: 3em;
}
.Column[class*=" gap3_5"]>*,
.Column[class*=" gap3h"]>*
{
	--gap				: 3.5em;
}

.Column[class*=" gap4"]>*
{
	--gap				: 4em;
}
.Column[class*=" gap4_5"]>*,
.Column[class*=" gap4h"]>*
{
	--gap				: 4.5em;
}

.Column[class*=" gap5"]>*
{
	--gap				: 5em;
}
.Column[class*=" gap5_5"]>*,
.Column[class*=" gap5h"]>*
{
	--gap				: 5.5em;
}

.Column[class*=" gap6"]>*
{
	--gap				: 6em;
}
.Column[class*=" gap6_5"]>*,
.Column[class*=" gap6h"]>*
{
	--gap				: 6.5em;
}

.Column[class*=" gap7"]>*
{
	--gap				: 7em;
}
.Column[class*=" gap7_5"]>*,
.Column[class*=" gap7h"]>*
{
	--gap				: 7.5em;
}

.Column[class*=" gap8"]>*
{
	--gap				: 8em;
}
.Column[class*=" gap8_5"]>*,
.Column[class*=" gap8h"]>*
{
	--gap				: 8.5em;
}

.Column[class*=" gap9"]>*
{
	--gap				: 9em;
}
.Column[class*=" gap9_5"]>*,
.Column[class*=" gap9h"]>*
{
	--gap				: 9.5em;
}

.Column[class*=" gap10"]>*
{
	--gap				: 10em;
}
.Column[class*=" gap10_5"]>*,
.Column[class*=" gap10h"]>*
{
	--gap				: 10.5em;
}


.Column.Column2>*
{
	--grid_num			: 2;
}

.Column.Column3>*
{
	--grid_num			: 3;
}

.Column.Column4>*
{
	--grid_num			: 4;
}

.Column.Column5>*
{
	--grid_num			: 5;
}

.Column.Column6>*
{
	--grid_num			: 6;
}



.Column.Auto
{
}
.Column.Auto>*
{
	grid-template-columns: repeat(var(--grid_num), auto);
}


.Column_free
{
}
.Column_free>*
{
	grid-template-columns: repeat(auto-fit, minmax(var(--frid_free_num), 1fr));
}

.Column_free.Column_free3em
{
	--frid_free_num					: 3em;
}
.Column_free.Column_free4em
{
	--frid_free_num					: 4em;
}
.Column_free.Column_free5em
{
	--frid_free_num					: 5em;
}
.Column_free.Column_free6em
{
	--frid_free_num					: 6em;
}
.Column_free.Column_free10em
{
	--frid_free_num					: 10em;
}
.Column_free.Column_free12em
{
	--frid_free_num					: 12em;
}

.Column_free.Column_free500px
{
	--frid_free_num					: 50px;
}
.Column_free.Column_free100px
{
	--frid_free_num					: 100px;
}


/* ======================================================
	Layer
------------------------------------------------------ */
.Layer	{
	position: relative;
	overflow: hidden;
	width: 99.9%;
	display: block;
}
.Layer div img	{ border-width: 0; }
.LayerBox	{
	position: absolute;
	width: 99.9%;
	display: block;
}

.LayerBoxA	{
	top: 0px;
	left: 0px;
	z-index: 1;
}
.LayerBoxB	{
	top: 0px;
	right: 0px;
	z-index: 2;
}
.LayerBoxC	{
	bottom: 0px;
	left: 0px;
	z-index: 3;
}
.LayerBoxD	{
	bottom: 0px;
	right: 0px;
	z-index: 4;
}




/* ======================================================
	======================================================
	======================================================
	======================================================
====================================================== */
td .Column	{}
th .Column>ul,
td .Column>ul,
th .Column>ol,
td .Column>ol	{
	margin-top: 0px;
	margin-bottom: 0px;
}
th .Column>ul>li,
td .Column>ul>li,
th .Column>ol>li,
td .Column>ol>li	{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}




/* ======================================================
	box
------------------------------------------------------ */
.img_l,
.img_r,
.Cap_l,
.Cap_r,
.Layout,
.FigureLayout
	{ zoom: 1; }

.img_l:after,
.img_r:after,
.Cap_l:after,
.Cap_r:after,
.Layout:after,
.FigureLayout:after
	{
	content: ""; 
	display: block; 
	clear: both;
}