@charset "UTF-8";

/*------ Event_Topics ------*/
.Event_Topics.pc {
	display: block !important;
	width: 100%;
	margin-bottom: 10px;
	padding: 0 2px 0;
}

.Event_Topics.pc ul {
	display: flex;
	flex-wrap: wrap
}

.Event_Topics.pc ul li {
	width: 33.3%;
	width: calc(100% / 3);
	height: 100%;
	padding: 1px 3px;
}

.Event_Topics.pc ul li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: .5s all;
}

.Event_Topics ul li a img {
	width: 100%;
}

.Event_Topics.Mobile {
	display: none;
}

.Event_Topics ul li a:hover {
	opacity: .7;
}


/*----------- (max-width:550px) -----------*/
@media screen and (max-width:549px) {
	.Event_Topics.pc {
		display: none !important;
	}

	/* Event_Topics */
	.Event_Topics.Mobile {
		position: relative;
		display: block;
		width: 100%;
		padding: 3px 2px 4px;
		margin-bottom: 0;
		bottom: 0;
		z-index: 20;
		background: #fff;
	}

	.Event_Topics.Mobile ul {
		display: flex;
		flex-wrap: wrap;
	}

	.Event_Topics.Mobile ul li {
		width: 33.3%;
		width: calc(100% / 3);
		padding: 0 3px;
	}

	.Event_Topics.Mobile ul li a {
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.Event_Topics.Mobile ul li a img {
		width: 100%;
	}
}

/*----------- (max-width:460px) -----------*/
@media screen and (max-width:460px) {

	.Event_Topics.Mobile {
		position: fixed;
		z-index: 9999;
		transition: .8s all;
	}

	/*---- header/footerの調整  ---*/
	header {
		position: relative;
	}

	footer {
		margin-bottom: 120px;
	}
}