@charset "UTF-8";

#RelatedEvents
{
	background: #fff;
}

#RelatedEvents h2
{
	padding-top: 11rem;
}

#RelatedEvents .parent
{
	display: grid;
	grid-template-columns: 9.2vw 40.7vw 40.7vw 9.2vw;
	grid-template-rows: 1fr 1fr 8.2vw;
	gap: 0;
	border-top: 1px solid #4DA4BF;
}

#RelatedEvents .parent>div
{
	box-sizing: border-box;
}

#RelatedEvents .parent .div2,
#RelatedEvents .parent .div3,
#RelatedEvents .parent .div6,
#RelatedEvents .parent .div7,
#RelatedEvents .parent .div10
{
	padding: 1.9vw;
}

#RelatedEvents .parent .div1,
#RelatedEvents .parent .div5,
#RelatedEvents .parent .div9
{
	border-right: 1px solid #4DA4BF;
	border-bottom: 1px solid #4DA4BF;
}

#RelatedEvents .parent .div4,
#RelatedEvents .parent .div8,
#RelatedEvents .parent .div12
{
	border-left: 1px solid #4DA4BF;
	border-bottom: 1px solid #4DA4BF;
}

#RelatedEvents .parent .div2,
#RelatedEvents .parent .div6,
#RelatedEvents .parent .div10
{
	border-right: 1px solid #4DA4BF;
}

#RelatedEvents .parent .div6,
#RelatedEvents .parent .div7
{
	border-top: 1px solid #4DA4BF;
	border-bottom: 1px solid #4DA4BF;
}

#RelatedEvents .parent .div10,
#RelatedEvents .parent .div11
{
	border-bottom: 1px solid #4DA4BF;
}

#RelatedEvents .parent .div13,
#RelatedEvents .parent .div14,
#RelatedEvents .parent .div15
{
	border-right: 1px solid #4DA4BF;
}

#RelatedEvents .parent .div11
{
	display: flex;
	align-items: center;
	justify-content: center;
}

#RelatedEvents .parent .thumbnail
{
	width: 12.3vw;
	height: 15vw;
	object-fit: cover;
	float: left;
	margin-right: 1.5vw;
	margin-bottom: 15px;
}

#RelatedEvents .parent h3
{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	color: #4DA4BF;
	padding-bottom: 0.5em;
}

#RelatedEvents .parent h3 a
{
	color: #4DA4BF;
}

#RelatedEvents .parent h3 a:hover
{
	text-decoration: underline;
}

#RelatedEvents .parent h3 a img
{
	width: 15px;
	height: 15px;
	margin-bottom: 3px;
	margin-left: 10px;
}

#RelatedEvents .parent p.txt
{
	font-size: 14px;
}

#RelatedEvents .parent p.txt.sm
{
	font-size: 13.5px;
	line-height: 1.5;
}

#RelatedEvents .parent h4
{
	clear: both;
	font-weight: 400;
	padding-bottom: 0.2em;
}

#RelatedEvents .parent h4 a
{
	display: inline;
}

#RelatedEvents .parent .div10 h4
{
	line-height: 1.5;
	padding-bottom: 0.5em;
	padding-top: 1em;
}

#RelatedEvents .parent img.map
{
	width: 50.51px;
	height: 14.63px;
	margin-bottom: 0.4em;
	margin-left: 1em;
}

#RelatedEvents .parent p.day
{
	font-weight: 400;
}

@media screen and (max-width:768px)
{
	#RelatedEvents h2
	{
		padding-top: 5rem;
	}

	#RelatedEvents .parent
	{
		display: grid;
		grid-template-columns: 7.1vw 85.8vw 7.1vw;
		grid-template-rows: repeat(5, auto) 8.2vw;
		gap: 0;
	}

	#RelatedEvents .parent .div1
	{
		grid-column-start: 1;
		grid-row-start: 1;
	}

	#RelatedEvents .parent .div2
	{
		grid-column-start: 2;
		grid-row-start: 1;
		border-bottom: 1px solid #4DA4BF;
		padding: 15px;
	}

	#RelatedEvents .parent .div3
	{
		grid-column-start: 2;
		grid-row-start: 2;
		padding: 15px;
	}

	#RelatedEvents .parent .div4
	{
		grid-column-start: 3;
		grid-row-start: 1;
		border-left: none;
	}

	#RelatedEvents .parent .div5
	{
		grid-column-start: 1;
		grid-row-start: 2;
	}

	#RelatedEvents .parent .div6
	{
		grid-column-start: 2;
		grid-row-start: 3;
		border-bottom: none;
		border-left: 1px solid #4DA4BF;
		padding: 15px;
	}

	#RelatedEvents .parent .div7
	{
		grid-column-start: 2;
		grid-row-start: 4;
		padding: 15px;
		border-right: 1px solid #4DA4BF;
	}

	#RelatedEvents .parent .div8
	{
		grid-column-start: 3;
		grid-row-start: 2;
	}

	#RelatedEvents .parent .div9
	{
		grid-column-start: 1;
		grid-row-start: 3;
	}

	#RelatedEvents .parent .div10
	{
		grid-column-start: 2;
		grid-row-start: 5;
		padding: 15px;
	}

	#RelatedEvents .parent .div11
	{
		display: none;
	}

	#RelatedEvents .parent .div12
	{
		grid-column-start: 3;
		grid-row-start: 3;
		border-left: none;
	}

	#RelatedEvents .parent .div13
	{
		grid-column-start: 1;
		grid-row-start: 4;
		border-top: 1px solid #4DA4BF;
		border-bottom: 1px solid #4DA4BF;
	}

	#RelatedEvents .parent .div14
	{
		grid-column-start: 3;
		grid-row-start: 4;
		border-bottom: 1px solid #4DA4BF;
		border-top: 1px solid #4DA4BF;
		border-right: none;
	}

	#RelatedEvents .parent .div15
	{
		grid-column-start: 1;
		grid-row-start: 5;
		border-right: 1px solid #4DA4BF;
	}

	#RelatedEvents .parent .div16
	{
		grid-column-start: 3;
		grid-row-start: 5;
	}

	#RelatedEvents .parent .div17
	{
		grid-column-start: 1;
		grid-row-start: 6;
		border-right: 1px solid #4DA4BF;
		border-bottom: none;
	}

	#RelatedEvents .parent .div18
	{
		grid-column-start: 2;
		grid-row-start: 6;
		border-right: 1px solid #4DA4BF;
	}

	#RelatedEvents .parent .div19
	{
		grid-column-start: 3;
		grid-row-start: 6;
	}

	#RelatedEvents .parent h3,
	#RelatedEvents .parent h3 a
	{
		font-size: 15px;
	}

	#RelatedEvents .parent .thumbnail
	{
		width: 78.68px;
		height: 95.53px;
		margin-right: 13px;
		margin-bottom: 0;
	}

	#RelatedEvents .parent p.txt
	{
		padding-bottom: 0.8em;
	}

	#RelatedEvents .parent .div10 h4
	{
		padding-top: 0;
	}
}