@charset "utf-8";

.front_contents .schedule {
	font-size: 16px;
}

.front_contents .schedule .uc {
	background: #fafafa;
	text-align: center;
}



.schedule .s-date {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}


.schedule .s-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	
	padding: 20px 20px;
	margin: 20px 20px;
	
	border: solid 1px #cccccc;
}

.schedule .s-container .s-card {
	border: solid 1px #cccccc;
	padding: 15px 15px;
}

.schedule .s-container .s-card .name {
	font-weight: bold;
}

	.schedule .s-container .s-card .name span {
		font-size: 0.8em;
	}

.schedule .s-container .s-card .time {
	
}

.schedule .s-container .s-card .img {
	margin-top: 20px;
}



.schedule .asset-meta {
	font-size: 14px;
	text-align: right;
	margin: 20px 20px;
}


/* ---- Mobile 〜767px ---- */
@media screen and (max-width: 767px) {
	
	.front_contents .schedule .uc {
		padding: 30px 20px;
		margin: 15px 15px;
	}
	
	
	.schedule .s-container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 15px;
		
		padding: 15px 15px;
		margin: 15px 15px;
		
		border: solid 1px #cccccc;
	}
	
} /* ---- Mobile 〜767px ---- */


/* ---- Tablet/PC 768px〜 ---- */
@media screen and (min-width: 768px) {
	
	.front_contents .schedule .uc {
		padding: 45px 30px;
		margin: 30px 0;
	}
	
	
	.schedule .s-container {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 20px;
		
		padding: 20px 20px;
		margin: 20px 20px;
		
		border: solid 1px #cccccc;
	}
		
} /* ---- Tablet/PC 768px〜 ---- */