@charset "UTF-8";

/* CSS Document */

/*====================================

	loading

====================================*/

.spinner {
	width: 100px;
	height: 100px;
}

/*====================================

	header

====================================*/

header {
	width: 100%;
	z-index: var(--z-header);
	padding: 20px;
}
header nav {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
header nav .logo {
	width: 160px;
}
header nav .menu-left {
	display: flex;
	gap: 1em;
	position: relative;
}
header nav .menu-left a {
	display: block;
	position: relative;
	text-decoration: none;
	transition: color .35s ease;
    font-size: 140%;
    color: #000;
    font-family: "Fredericka the Great", serif;
    font-weight: 400;
    font-style: normal;
    padding-bottom: 16px;
}
header nav .menu-left .menu-fork-cursor {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 8px;
	background-color: #d4572d;
	-webkit-mask: url(/images/fork.svg) no-repeat center / contain;
	mask: url(/images/fork.svg) no-repeat center / contain;
	transform: translate(-50%, 0);
	transition: left .4s cubic-bezier(.34, 1.1, .4, 1);
	pointer-events: none;
}
header nav .nav-toggle {
	display: none;
}

/*====================================

	#app_top

====================================*/

#app_top {
	max-width: 1800px;
	width: 100%;
	margin: 0 auto;
}

/*====================================

	footer

====================================*/

footer {
	background: #333;
	padding: 30px;
    position: relative;
}
footer small {
	color: #fff;
	width: 100%;
	text-align: center;
	font-size: 80%;
	display: block;
}

/*====================================

    @media

====================================*/

@media (max-width: 767px) {
    .box {
        padding: 20px;
    }
}