@charset "utf-8";
/*
* CSS for Tile Box (layout)
*
* @version			0.0.0
* @lastmodified 2022-05-17
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2005, LAND COMPUTER Co.,Ltd.All rights reserved.
*------------------------------------------------------------------------- */

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* UL tile menu */
ul.tileBox {
	padding: 0 !important;
	list-style: none;
	overflow: hidden;
}
ul.tileBox li {
	margin: 0 0 1rem;
  width: 100%;
}
@media all and (min-width: 320px) {
	ul.tileBox {
		list-style: none;
		display: -webkit-inline-box;    /* android */
		display: -webkit-flex;          /* Safari */
		display: -moz-flex;             /* mogira */
		display: -ms-flex;              /* IE10 */
		display: -o-flex;               /* opera */
		display: flex;
		-webkit-box-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-box-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	ul.tileBox.col3 li {
		display: inline-block;
		width: calc(50% - 0.5rem);
	}
	ul.tileBox.col3 li:nth-child(2n) {
		margin-left: 1rem;
	}
}
@media all and (min-width: 640px) {
	ul.tileBox:not(.col3) li {
		display: inline-block;
		width: calc(50% - 0.5rem);
	}
	ul.tileBox:not(.col3) li:nth-child(2n) {
		margin-left: 1rem;
	}
  ul.tileBox.col3 li {
    width: calc(33.3333% - 0.75rem);
		margin-left: 1rem;
  }
	ul.tileBox.col3 li:nth-child(3n+1) {
		margin-left: 0;
	}
}