@charset "utf-8";
/*
* CSS for Mod Table Layout
*
* @version			0.0.1
* @lastmodified 2019/03/04
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2019, LAND COMPUTER Co.,Ltd.All rights reserved.
*------------------------------------------------------------------------- */

/* MOD TABLE ============================================================= */
.modTable {
  display: block;
}
.modTable .cell {
  display: block;
  width: auto;
}
.modTable .cell:not(last-child) {
  margin-bottom: 1rem;
}
@media all and (min-width: 480px) {
  .modTable {
    display: table;
    border-collapse: collapse;
  }
  .modTable .cell {
    display: table-cell;
    width: auto;
  }
  .modTable .cell {
    margin-bottom: 0;
  }
  .modTable.mod2 .cell {
    width: 50%;
  }
  .modTable.mod3 .cell {
    width: 33.33%;
  }
  .modTable.mod4 .cell {
    width: 25%;
  }
  .modTable .cell.per33 {
    width: 33.33%;
  }
  .modTable .cell.per66 {
    width: 66.66%;
  }
  .modTable .cell:first-child {
    padding-right: 0.5rem;
  }
  .modTable .cell:last-child {
    padding-left: 0.5rem;
  }
  .modTable.mod3 .cell:nth-child(2n) ,
  .modTable.mod4 .cell:nth-child(2n) ,
  .modTable.mod4 .cell:nth-child(3n) {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}