﻿.boxlist.hide li:nth-child(n+4) {
	display: none;
}

span.hide {
	display: none;
}

.nav-trigger {
	cursor: pointer;
}

.is-hidden {
	display: none;
}

.is-collapsed {
	display: none;
}

.is-menu-open {
	display: block !important;
}

#page-top {
	display: none;
}

#page-top.is-visible {
	display: block;
}

.site-logo-image {
	padding-top: 0;
}

.top-guidance {
	color: red;
	display: table-cell;
	font-size: 1.4rem;
	padding: 30px 0 0 10px;
}

.top-guidance-detail {
	color: black;
	display: table-cell;
	font-size: 1.4rem;
	padding: 0 10px 0 70px;
}

.text-alert {
	color: #e00;
}

.clickable {
	cursor: pointer;
}

.about-figure-bordered {
	border: 1px solid #ccc;
}

.facebook-frame {
	border: none;
	overflow: hidden;
}

.footer-spacer {
	clear: both;
	padding-top: 100px;
}

.logo-image-top {
	padding-top: 10px;
}

.top-fade-slider {
	position: relative;
	overflow: hidden;
}

.top-fade-slider .top-fade-slide {
	display: block;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity 1.5s ease;
	width: 100%;
	z-index: 0;
}

.top-fade-slider .top-fade-slide.is-active {
	opacity: 1;
	position: relative;
	z-index: 1;
}

.top-fade-slider img {
	display: block;
	height: auto;
	width: 100%;
}

.video-modal {
	align-items: center;
	background: rgba(0, 0, 0, 0.72);
	display: none;
	inset: 0;
	justify-content: center;
	padding: 24px;
	position: fixed;
	z-index: 10000;
}

.video-modal.is-open {
	display: flex;
}

.video-modal-frame {
	aspect-ratio: 16 / 9;
	background: #000;
	max-width: 590px;
	position: relative;
	width: min(100%, 590px);
}

.video-modal-frame iframe {
	border: 0;
	height: 100%;
	width: 100%;
}

.video-modal-close {
	background: #fff;
	border: 0;
	color: #222;
	cursor: pointer;
	font-size: 28px;
	height: 40px;
	line-height: 1;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 40px;
	z-index: 1;
}

.button-reset {
	border: none;
	padding: 0;
}

.button-reset-narrow {
	border: none;
	padding: 0 0 2px;
}

.small-note {
	font-size: 100%;
}

.top-guidance-wide {
	color: red;
	display: table-cell;
	font-size: 1.4rem;
	padding: 30px 10px 0;
}

.large-alert {
	color: red;
	font-size: 1.5rem;
}

.text-alert-spaced {
	color: #e00;
	line-height: 2.5em;
}

.offset-left-small {
	margin-left: -10px;
}

.margin-top-medium {
	margin-top: 20px;
}

.padded-box {
	padding: 10px;
}

.spacious-left-block {
	margin-bottom: 200px;
	margin-top: 50px;
	padding-left: 80px;
}

.font-size-117 {
	font-size: 117%;
}

.font-size-150 {
	font-size: 150%;
}

