@charset "UTF-8";


/*============================
 event__contents
============================*/
.event__contents {
	padding: 60px 0 150px;
}

.evc__items {
	width: 102%;
	margin-left: -1%;
}

.evc__atc {
	width: 31.33%;
	margin: 0 1% 50px;

	& a {
		display: block;
		width: 100%;
		height: 100%;
		background: #fff;
		padding: 20px;
		border-radius: 20px;
		box-shadow: 0 0 30px rgba(0, 0, 0, .16);
	}

	&:hover {
		img {
			transform: scale(1.05);
		}

	}
}

.tnews__img {
	border: solid 1px #BA0200;

	& img {
		width: 100%;
		aspect-ratio: 1/1;
		transform: scale(1);
		transition: .5s ease-in-out;
	}

}

.tnews__cat {
	margin: 1em 0 .5em;
}


@media screen and (max-width:1024px) {

	.event__contents {
		padding: 60px 0 100px;
	}

	.evc__items {
		width: 102%;
		margin-left: -1%;
	}

	.evc__atc {
		width: 31.33%;
		margin: 0 1% 40px;

		& a {
			padding: 16px;
			border-radius: 16px;
		}
	}

}

@media screen and (max-width:767px) {

	.event__contents {
		padding: 60px 0 100px;
	}

	.evc__items {
		width: 100%;
		margin-left: 0;
	}

	.evc__atc {
		width: 100%;
		margin: 0 auto 30px;

		& a {
			padding: 16px;
			border-radius: 16px;
		}
	}
}

/*============================
 e-detail-contents
============================*/
.e-detail-contents {
	padding: 60px 0 150px;
}

.edc__container {
	border: solid 3px #BA0200;
	padding: 50px 5%;
	border-radius: 20px;


}

.edc__post-container {
	& h1 {
		font-size: 2.4rem;
		font-weight: bold;
		padding-bottom: .75em;
		border-bottom: solid 1px #BA0200;
		margin-bottom: 1em;
		line-height: 1.5;
	}

	& a {
		color: #BA0200;
		text-decoration: underline;
	}

	& ul {
		& li {
			position: relative;
			margin-bottom: .5em;

			&::before {
				content: "●";
				position: relative;
				color: #BA0200;
				margin-right: .5em;
			}
		}
	}

	& ol {
		list-style: decimal;
		margin-left: 1.5em;
		margin-bottom: .5em;

		& li::marker {
			color: #BA0200;
			font-size: 120%;
			font-weight: bold;
		}
	}

	& strong {
		font-weight: bold;
	}
}

.edc__date {
	margin-right: 1em;
	white-space: nowrap;
}

@media screen and (max-width:1024px) {
	.e-detail-contents {
		padding: 60px 0 100px;
	}

	.edc__container {
		border: solid 2px #BA0200;
		padding: 40px 5%;
		border-radius: 16px;

	}

	.edc__post-container {

		& h1 {
			font-size: 2rem;
		}
	}

}

@media screen and (max-width:767px) {
	.e-detail-contents {
		padding: 60px 0 80px;
	}

	.edc__container {
		border: solid 2px #BA0200;
		padding: 30px 5%;
		border-radius: 16px;

	}

	.edc__post-container {

		& h1 {
			font-size: 1.6rem;
		}
	}

	.edc__info {
		display: flex;
	}

}