@charset "utf-8";
/*
* CSS for Mod Box Layout by FlexBox
*
* @version			0.0.2
* @lastmodified 2022-/05-31
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2005, LAND COMPUTER Co.,Ltd.All rights reserved.
*------------------------------------------------------------------------- */
div.modbox div.cell + div.cell {
	margin-top: 1rem;
}
@media all and (min-width: 768px) {
	div.modbox {
		box-sizing: border-box;
  	display : -ms-flexbox;     /* IE10        */
		display : -webkit-box;     /* old Android */
  	display : -webkit-flex;    /* Safari etc. */
		display: flex;
	}
	div.modbox.reverse {
		flex-direction: row-reverse;
	}
	div.modbox div.cell {
		box-sizing: border-box;
		flex-basis: 50%;
	}
	div.modbox div.cell.per2 {
		flex-basis: 20%;
	}
	div.modbox div.cell.per25 {
		flex-basis: 25%;
	}
	div.modbox div.cell.per3 {
		flex-basis: 30%;
	}
	div.modbox div.cell.per33 {
		flex-basis: 33.33%;
	}
	div.modbox div.cell.per4 {
		flex-basis: 40%;
	}
	div.modbox div.cell.per6 {
		flex-basis: 60%;
	}
	div.modbox div.cell.per66 {
		flex-basis: 66.66%;
	}
	div.modbox div.cell.per7 {
		flex-basis: 70%;
	}
	div.modbox div.cell.per75 {
		flex-basis: 75%;
	}
	div.modbox div.cell.per8 {
		flex-basis: 80%;
	}
	div.modbox.reverse > div.cell:last-child ,
	div.modbox:not(.reverse) > div.cell:first-child {
		padding-right: 1rem;
	}
	div.modbox.reverse > div.cell:first-child ,
	div.modbox:not(.reverse) > div.cell:last-child {
		padding-left: 1rem;
	}
	div.modbox div.cell + div.cell {
		margin-top: 0;
	}
}