@charset "utf-8";
/*
* CSS for Mod Box Layout
*
* @version			0.0.3
* @lastmodified 2021-11-17
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2019, LAND COMPUTER Co.,Ltd.All rights reserved.
*------------------------------------------------------------------------- */

.modBox {
  overflow: hidden;
}
.modBox .cell {
  box-sizing: border-box;
  float: none;
	margin-top: 0;
  width: auto;
}
.modBox .cell:not(:first-child) {
	margin-top: 1rem;
}
@media all and (min-width: 480px) {
  .modBox:after {
    clear: both;
  }
  .modBox .cell {
    float: left;
		margin-top: 0;
    margin-bottom: 0;
  }
  .modBox.mod2 .cell {
    width: 50%;
  }
  .modBox.mod3 .cell {
    width: 33.33%;
  }
  .modBox.mod4 .cell {
    width: 25%;
  }
  .modBox .cell:first-child {
    padding-right: 0.5rem;
  }
  .modBox .cell:last-child {
    padding-left: 0.5rem;
  }
  .modBox.mod3 .cell:nth-child(2n) ,
  .modBox.mod4 .cell:nth-child(2n) ,
  .modBox.mod4 .cell:nth-child(3n) {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
	.modBox .cell:not(:first-child) {
		margin-top: 0;
	}
	/* floadBox (float: right) ------------------ */
  .modBox.floatBox .cell {
    float: right;
  }
  .modBox.floatBox .cell:first-child {
    padding-left: 0.5rem;
  }
  .modBox.floatBox .cell:last-child {
    padding-right: 0.5rem;
  }
	/* perBox (mod-percent) --------------------- */
  .modBox.perBox .cell.per80 {  width: 80%;    }
  .modBox.perBox .cell.per75 {  width: 75%;    }
  .modBox.perBox .cell.per70 {  width: 70%;    }
  .modBox.perBox .cell.per66 {  width: 66.66%;  }
  .modBox.perBox .cell.per64 {  width: 64.00%;  }
  .modBox.perBox .cell.per60 {  width: 60%;    }
  .modBox.perBox .cell.per55 {  width: 55%;    }
  .modBox.perBox .cell.per45 {  width: 45%;    }
  .modBox.perBox .cell.per40 {  width: 40%;    }
  .modBox.perBox .cell.per36 {  width: 36.00%;  }
  .modBox.perBox .cell.per33 {  width: 33.33%;  }
  .modBox.perBox .cell.per30 {  width: 30%;    }
  .modBox.perBox .cell.per25 {  width: 25%;    }
  .modBox.perBox .cell.per20 {  width: 20%;    }
}