#NoticeTile{
	font-size: var(--font-ms);
	list-style-type: none;
	margin: 0 0 1.5rem;
	padding: 0;

	& > li{
		display: grid;
		grid-template-columns: auto auto auto 1fr;
		column-gap: 0.2rem;
		margin: 0.2rem 0;
	}
	.tag, time, a{
		text-align: center;
		font-family: monospace;
		padding: 0 0.5rem;
	}
	.tag{
		border-radius: 0.5rem;
		border-width: 1px;
		border-style: solid;
	}
	.予定{ 
		background-color: rgba(180,255,200,0.6);
		border-color: rgba(180,255,200,0.9);
	}
	.募集{
		background-color: rgba(255,180,200,0.6);
		border-color: rgba(255,180,200,0.9);
	}
	.summary{
		padding-left: 0.5rem;
	}
}

/*	Responsive
------------------------------ */
/* pc */
@media screen and (min-width: 769px) and (max-width: 1024px) {
}
/* tablet */
@media screen and (min-width: 481px) and (max-width: 768px) {
}
/* smart phone */
@media screen and (max-width: 480px) {
	#NoticeTile{
		> li{
			grid-template-columns: 1fr 1fr 1fr;
			row-gap: 0.3rem;
			margin: 0.5rem 0;
		}
		.summary{
			grid-column: 1/4;
		}
	}
}