@charset "utf-8";

/*~~*/

#cover {

	li.admission {
		opacity: 0.2;
		pointer-events: none;
		cursor: default;
	}
	li.events {
		opacity: 0.2;
		pointer-events: none;
		cursor: default;
	}
	li.exhibitors {
		opacity: 0.2;
		pointer-events: none;
		cursor: default;
	}
	li.floormap {
		opacity: 0.2;
		pointer-events: none;
		cursor: default;
	}

}

#cta {
	margin-top: 25px;
	padding: 0 15px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 15px;
	li {
		padding: 5px;
		border-radius: 10px;
	}
	a {
		width: 100%;
		height: 100%;
		font-size: 1.8rem;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
			padding: 10px;
			border: 1px solid #fff;
			border-radius: 7px;
		> span {
			display: block;
			span {
				font-size: 1.2rem
			}
		}
	}
	.exguide {
		background-color: var(--bg-cta-exguide);
	}
	.overview {
		background-color: var(--bg-cta-overview);
	}
	.prevshow {
		background-color: var(--bg-cta-prevshow);
	}
	.exguide:hover a,
	.overview:hover a,
	.prevshow:hover a {
		background-color: rgba(0, 0, 0, 0.5);
	}
}

/*SP*/
@media screen and (max-width: 768px) {
/*~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~**********/


/*~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~**********/
}

/*PC*/
@media screen and (min-width: 769px) {
/*~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~**********/

	main {

		#cta {
			margin-top: 50px;
			flex-direction: row;
			li {
				width: calc((100% - 40px) / 5);
				span {
					text-align: center;
				}
			}
		}

	}

/*~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~**********/
}