@charset "UTF-8";

@font-face {
	font-family: 'Dongle';
	font-weight: 400;
	src: url('/data/Dongle-Regular.woff2') format('woff2'),
	url('/data/Dongle-Regular.woff') format('woff');
}

/* //////////////////////////////////////////////////////////// */
/* article */
/* //////////////////////////////////////////////////////////// */

/*--------------------------------------------------------- 緊急情報 ---------------------------------------------------------*/
#disaster {
	padding: 0 20px 20px;
	position: relative;
	background-color: var(--bg-color);

	& h2 {
		padding: 15px;
		color: #FFF;
		line-height: 1;
		font-size: 1.25em;
		text-align: center;
		background-color: #F00;
	}

	& ul {
		list-style: none;
		background-color: #FEE;
		border: 2px solid #F00;

		& li {
			line-height: 1.7;

			& a {
				padding: 15px;
				display: block;
				color: #F00;
				font-weight: 700;
				text-decoration: none;
				pointer-events: none;
			}

			&:not(:last-child) {
				border-bottom: 2px solid #F00;
			}
		}
	}
	
	& #go-portal {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
}

/*--------------------------------------------------------- 観光名所 ---------------------------------------------------------*/
#ssslide {
	height: calc(100vw * 256 / 400);
	position: relative;
	overflow: hidden;

	& figure {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
		transition: opacity 1.9s;

		&.current {
			opacity: 1;
		}

		& img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
		}

		& figcaption {
			position: absolute;
			top: 10px;
			right: 10px;
			color: #FFF;
			text-shadow: 0 2px 3px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.3);
		}
	}
}





/*--------------------------------------------------------- pick up ---------------------------------------------------------*/
#pick_up {
	margin-top: -20px;
	padding: 0 20px 0 70px;
	position: relative;

	h1 {
		position: absolute;
		top: 0;
		left: 0;
		writing-mode: vertical-lr;
		transform: translate(-100%, -25px);

		height: 45%;
		margin-left: -70px;
		position: sticky;
		top: 35px;
		float: left;
		transform: translate(0, -10px);

		&::before,
		&::after {
			content: "";
			display: block;
			position: absolute;
			left: 50%;
			top: 185px;
		}
		&::before {
			width: 1px;
			height: calc(20vh - 15px);
			background-color: #FFF;
			transform: translate(-50%, 0);
		}
		&::after {
			width: 16px;
			height: 16px;
			top: calc(20vh - 15px + 185px - 16px);
			border-right: 1px solid #FFF;
			border-bottom: 1px solid #FFF;
			transform: translate(-50%, -1px) rotate(45deg);
		}
	}

	& .ss-swiper-slide {
		display: none;
	}
	
	& .slide {
		width: 100%;
		margin-bottom: 15px;
		position: relative;
		background-color: var(--bg-color);
		border: 5px solid var(--bg-color);
		border-radius: 10px;

		& span {
			width: 100%;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			overflow: hidden;
			border-radius: 5px;
			opacity: 0;
			transition: .9s;
			pointer-events: none;

			&.current {
				position: static;
				opacity: 1;
				z-index: 1;
				pointer-events: all;
			}
			&.old {
				z-index: 2;
			}

			& a {
				display: block;
				aspect-ratio: 16 / 9;

				& img {
					width: 100%;
					height: 100%;
					object-fit: contain;
				}
			}
		}

		& .slide-ctr {
			padding: 10px 0 5px;
			position: relative;
			text-align: center;
			line-height: 1;

			& .onoff {
				position: absolute;
				top: calc(50% + 3px);
				right: 0;
				transition: color .3s;
				transform: translate(0, -50%);

				&.disabled {
					opacity: .25;
					cursor: default;
					pointer-events: none;
				}

				& span {
					padding: 5px;
					display: none;
				}

				& .active {
					display: flex;
					cursor: pointer;
				}
				
				& i {
					width: 1em;
					height: 1em;
					margin-right: .3em;
					display: inline-block;
					vertical-align: middle;
					background-position: center;
					background-size: cover;

					[data-bc="black"] &,
					[data-bc="blue"] & {
						filter: brightness(0) invert(1);
					}

					.play & {
						background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1576%20927l-1328%20738q-23%2013-39.5%203t-16.5-36v-1472q0-26%2016.5-36t39.5%203l1328%20738q23%2013%2023%2031t-23%2031z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
					}
					.stop & {
						background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1664%20192v1408q0%2026-19%2045t-45%2019h-512q-26%200-45-19t-19-45v-1408q0-26%2019-45t45-19h512q26%200%2045%2019t19%2045zm-896%200v1408q0%2026-19%2045t-45%2019h-512q-26%200-45-19t-19-45v-1408q0-26%2019-45t45-19h512q26%200%2045%2019t19%2045z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
					}
				}
			}
		}
		& .slide-tn {
			display: inline-block;
			& li {
				width: 1em;
				height: 1em;
				margin: 0 .6em;
				display: inline-block;
				vertical-align: bottom;
				list-style: none;
				background-color: #000;
				border: 2px solid #FFF;
				border-radius: 50%;
				opacity: .25;
				transition: opacity .3s, background-color .3s;

				&.current {
					opacity: 1;
				}
				&:not(.current) {
					cursor: pointer;
				}
			}
		}
	}
}





/*--------------------------------------------------------- link-area ---------------------------------------------------------*/
#link-area {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	a {
		width: calc(50% - 5px);
		height: 110px;
		margin-bottom: 10px;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-weight: 700;
		line-height: 2.5em;
		text-decoration: none;
		color: var(--font-color);
		background-color: var(--bg-color);
		border: 5px solid var(--bg-color);
		border-radius: 4px;

		&.large {
			width: 100%;
			height: 150px;
			position: relative;
			padding: 0;
			font-size: 1.25em;

			& img {
				width: 100%;
				height: 140px;
				object-fit: cover;
			}

			& span {
				width: 6.5em;
				padding: 15px 5px 10px 0;
				position: absolute;
				left: 0;
				bottom: 0;
				text-align: center;
				line-height: 1;
				font-size: 1.145em;
				background-color: var(--bg-color);
				border-radius: 0 6px 0 0;
			}
		}
		&.th::before {
			content: "";
			width: 100%;
			height: 140px;
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			background-image: radial-gradient(circle at 90% 95%, rgba(255,255,255,.75) 30%, transparent 70%);
		}
		&.th::after {
			content: "";
			width: 100px;
			height: 150px;
			display: block;
			position: absolute;
			top: -10px;
			right: 0;
			background-image: url(../img/governor.png);
			background-size: auto 100%;
			background-repeat: no-repeat;
			background-position: left bottom;
		}

		& i {
			width: 52px;
			height: 43px;
			margin-top: 7px;
			display: block;
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;

			[data-bc="black"] &,
			[data-bc="blue"] & {
				filter: brightness(0) invert(1);
			}

			.na & { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTQwIDkxIj4gIDxkZWZzPiA8c3R5bGU+IC5zdDAgeyBmaWxsOiBub25lOyBzdHJva2U6ICMxODMxNTM7IHN0cm9rZS1saW5lam9pbjogcm91bmQ7IHN0cm9rZS13aWR0aDogMTBweDsgfSA8L3N0eWxlPiA8L2RlZnM+IDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zOS45NCw3OC44OWMtMS42MS0uNjgtMy4xMy0xLjc2LTQuNDUtMy40LTIuNDItMy4wNS0yLjY2LTcuMTMtMS42OS0xMS40MywxLjExLTQuODMsMy43OC0xMC4wMSw2LjgtMTQuNjkuOTktMS40NywxLjk5LTIuODMsMi45NC00LjAzLjgzLTEuMDUsMS41Mi0yLjA1LDIuMTEtMy4wNiw0Ljg2LTYuODcsMS43OC0xMy45NC0xLjcyLTE3LjM2LTEuOC0xLjc0LTQuMjMtMi45MS02LjgtMy4zNS0xLjQtLjI4LTIuODctLjMyLTQuMzYtLjA4LS4wOCwwLS4xNS4wMS0uMjIuMDMtLjE1LjAzLS4yOS4wNi0uNDQuMDktMi4yNi40NC00LjQyLDEuNDUtNi4yNCwzLjE0LS4wMi4wMS0uMDMuMDMtLjA0LjA0LS4yOC4yNS0uNTcuNS0uODUuNzctMTIuNzcsMTIuMzItMTkuOTgsMjcuMDEtMTkuOTgsMzguODctLjA0LDUuNzEsMS41NywxMC43Niw1LDE0LjYsMi40MywyLjczLDUuNTgsNC42MSw5LjI0LDUuNyw5LjEyLDIuOTYsMjEuMzEuODYsMzMuNzktNi4yOS0zLjUzLjk5LTguNjgsMi4yMi0xMy4wOC40N2gwWiIvPiA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMyLjUyLDM5LjQ0YzEuNTgtNC40LDIuNDMtOC42OSwyLjQ4LTEyLjY3LjAxLS40LDAtLjgtLjAxLTEuMiwwLS4xNiwwLS4zMS0uMDEtLjQ2LS4yMi01LjA5LTEuODMtOS42MS00Ljk1LTEzLjEyLTEuNzktMi4wMS0zLjk3LTMuNTUtNi40NS00LjY2LTkuMzUtNC4zOS0yMi44Ni0yLjU2LTM2LjU5LDUuMjUsNC43Mi0xLjMyLDEyLjM1LTMuMDgsMTcuMiwyLjQ0LjQ0LjUyLjgyLDEuMDUsMS4xNCwxLjYyLDEuMTUsMi4zNSwxLjU1LDUuMjcsMS4yMyw4LjQ2LS44LDUuNDctMy45MiwxMS42LTcuNDUsMTcuMDEtNC42Nyw2LjYzLTEwLjE2LDEyLjM2LTExLjg0LDE0LjA2LDIuMDctMTEuNjUsMy4wMS0yNC44NCwzLjEzLTI3LjQ5LjMyLTYuNTYtMS4wNy0xMi4zOC00LjkxLTE2LjY5LTguNS05LjUzLTI1Ljc4LTguNzktNDIuNzguNDktLjExLjA2LTUuOTMsMy41NC03LjQsNC41Niw2LjE2LDAsMTEsMi41NiwxNC4wOCw2LjM1LDIuMTMsMi43NSwzLjQ5LDYuMDksMy43OCw5Ljc2di4wNmMuMDEuMDkuMDEuMTkuMDIuMjksMCwuMjUuMDIuNDkuMDIuNzQsMCw4LjkzLTMuNzksMjEuNy0zLjc5LDI3Ljg4LDAsNS4yOS4zNiw4LjU4LDEuODYsMTEuNjQuNzksMS45MiwxLjg3LDMuNjcsMy4yNiw1LjIzLDExLjA3LDEyLjM5LDM2LjkzLDcuNDQsNTcuNzctMTEuMDcsOS41MS04LjQ0LDE2LjMyLTE4LjI0LDE5Ljg4LTI3LjU5LjEtLjI1LjIxLS41LjI5LS43Ny4wMi0uMDQuMDQtLjA4LjA2LS4xNGgwWiIvPjwvc3ZnPg=="); }
			.li & { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNDUxLjUgMTYwQzQzNC45IDE2MCA0MTguOCAxNjQuNSA0MDQuNyAxNzIuN0MzODguOSAxNTYuNyAzNzAuNSAxNDMuMyAzNTAuMiAxMzMuMkMzNzguNCAxMDkuMiA0MTQuMyA5NiA0NTEuNSA5NkM1MzcuOSA5NiA2MDggMTY2IDYwOCAyNTIuNUM2MDggMjk0IDU5MS41IDMzMy44IDU2Mi4yIDM2My4xTDQ5MS4xIDQzNC4yQzQ2MS44IDQ2My41IDQyMiA0ODAgMzgwLjUgNDgwQzI5NC4xIDQ4MCAyMjQgNDEwIDIyNCAzMjMuNUMyMjQgMzIyIDIyNCAzMjAuNSAyMjQuMSAzMTlDMjI0LjYgMzAxLjMgMjM5LjMgMjg3LjQgMjU3IDI4Ny45QzI3NC43IDI4OC40IDI4OC42IDMwMy4xIDI4OC4xIDMyMC44QzI4OC4xIDMyMS43IDI4OC4xIDMyMi42IDI4OC4xIDMyMy40QzI4OC4xIDM3NC41IDMyOS41IDQxNS45IDM4MC42IDQxNS45QzQwNS4xIDQxNS45IDQyOC42IDQwNi4yIDQ0NiAzODguOEw1MTcuMSAzMTcuN0M1MzQuNCAzMDAuNCA1NDQuMiAyNzYuOCA1NDQuMiAyNTIuM0M1NDQuMiAyMDEuMiA1MDIuOCAxNTkuOCA0NTEuNyAxNTkuOHpNMzA3LjIgMjM3LjNDMzA1LjMgMjM2LjUgMzAzLjQgMjM1LjQgMzAxLjcgMjM0LjJDMjg5LjEgMjI3LjcgMjc0LjcgMjI0IDI1OS42IDIyNEMyMzUuMSAyMjQgMjExLjYgMjMzLjcgMTk0LjIgMjUxLjFMMTIzLjEgMzIyLjJDMTA1LjggMzM5LjUgOTYgMzYzLjEgOTYgMzg3LjZDOTYgNDM4LjcgMTM3LjQgNDgwLjEgMTg4LjUgNDgwLjFDMjA1IDQ4MC4xIDIyMS4xIDQ3NS43IDIzNS4yIDQ2Ny41QzI1MSA0ODMuNSAyNjkuNCA0OTYuOSAyODkuOCA1MDdDMjYxLjYgNTMwLjkgMjI1LjggNTQ0LjIgMTg4LjUgNTQ0LjJDMTAyLjEgNTQ0LjIgMzIgNDc0LjIgMzIgMzg3LjdDMzIgMzQ2LjIgNDguNSAzMDYuNCA3Ny44IDI3Ny4xTDE0OC45IDIwNkMxNzguMiAxNzYuNyAyMTggMTYwLjIgMjU5LjUgMTYwLjJDMzQ2LjEgMTYwLjIgNDE2IDIzMC44IDQxNiAzMTcuMUM0MTYgMzE4LjQgNDE2IDMxOS43IDQxNiAzMjFDNDE1LjYgMzM4LjcgNDAwLjkgMzUyLjYgMzgzLjIgMzUyLjJDMzY1LjUgMzUxLjggMzUxLjYgMzM3LjEgMzUyIDMxOS40QzM1MiAzMTguNiAzNTIgMzE3LjkgMzUyIDMxNy4xQzM1MiAyODMuNCAzMzQgMjUzLjggMzA3LjIgMjM3LjV6IiBmaWxsPSIjMTgzMTUzIi8+PC9zdmc+"); }
			.ns & { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNjQwIDY0MCI+ICA8ZGVmcz4gPHN0eWxlPiAuc3QwIHsgZmlsbDogIzE4MzE1MzsgfSAuc3QxIHsgZmlsbDogbm9uZTsgc3Ryb2tlOiAjMTgzMTUzOyBzdHJva2UtbGluZWpvaW46IHJvdW5kOyBzdHJva2Utd2lkdGg6IDUwcHg7IH0gPC9zdHlsZT4gPC9kZWZzPiA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTMzLjYsOTYuNWMtMTAuMy04LjQtMjUuNC02LjgtMzMuOCwzLjUtOC40LDEwLjMtNi44LDI1LjQsMy41LDMzLjgsNTQuMiw0NCw4OC43LDExMSw4OC43LDE4Ni4ycy0zNC41LDE0Mi4yLTg4LjcsMTg2LjNjLTEwLjMsOC40LTExLjgsMjMuNS0zLjUsMzMuOCw4LjMsMTAuMywyMy41LDExLjgsMzMuOCwzLjUsNjQuOS01Mi45LDEwNi40LTEzMy40LDEwNi40LTIyMy42cy00MS41LTE3MC44LTEwNi40LTIyMy41WiIvPiA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDczLjEsMTcxYy0xMC4zLTguNC0yNS40LTYuOC0zMy44LDMuNS04LjQsMTAuMy02LjgsMjUuNCwzLjUsMzMuOCwzMi41LDI2LjQsNTMuMiw2Ni42LDUzLjIsMTExLjdzLTIwLjcsODUuMy01My4yLDExMS44Yy0xMC4zLDguNC0xMS44LDIzLjUtMy41LDMzLjgsOC4zLDEwLjMsMjMuNSwxMS44LDMzLjgsMy41LDQzLjItMzUuMiw3MC45LTg4LjksNzAuOS0xNDlzLTI3LjctMTEzLjgtNzAuOS0xNDl2LS4xWiIvPiA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDEyLjYsMjQ1LjVjLTEwLjMtOC40LTI1LjQtNi44LTMzLjgsMy41LTguNCwxMC4zLTYuOCwyNS40LDMuNSwzMy44LDEwLjgsOC44LDE3LjcsMjIuMiwxNy43LDM3LjJzLTYuOSwyOC40LTE3LjcsMzcuM2MtMTAuMyw4LjQtMTEuOCwyMy41LTMuNSwzMy44LDguMywxMC4zLDIzLjUsMTEuOCwzMy44LDMuNSwyMS41LTE3LjcsMzUuNC00NC41LDM1LjQtNzQuNnMtMTMuOS01Ni45LTM1LjQtNzQuNVoiLz4gPHBhdGggY2xhc3M9InN0MSIgZD0iTTgwLDQxNmg0OGwxMzQuMSwxMTkuMmM2LjQsNS43LDE0LjYsOC44LDIzLjEsOC44LDE5LjIsMCwzNC44LTE1LjYsMzQuOC0zNC44VjEzMC44YzAtMTkuMi0xNS42LTM0LjgtMzQuOC0zNC44LTguNSwwLTE2LjcsMy4xLTIzLjEsOC44bC0xMzQuMSwxMTkuMmgtNDhjLTI2LjUsMC00OCwyMS41LTQ4LDQ4djk2YzAsMjYuNSwyMS41LDQ4LDQ4LDQ4WiIvPjwvc3ZnPg=="); }
			.ik & { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDciIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCA0NyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDEuNjMyIDUuOTM3NUgzNS4wNzExVjUuMzQzNzVDMzUuMDcxMSAyLjM4OTg0IDMyLjY3MDQgMCAyOS43MDMgMEgxNy4yOTdDMTQuMzI5NiAwIDExLjkyODkgMi4zODk4NCAxMS45Mjg5IDUuMzQzNzVWNS45Mzc1SDUuMzY4MDJDMi40MDA3IDUuOTM3NSAwIDguMzI3MzQgMCAxMS4yODEyVjMyLjY1NjJDMCAzNS42MTAyIDIuNDAwNyAzOCA1LjM2ODAyIDM4SDQxLjYzMkM0NC41OTkzIDM4IDQ3IDM1LjYxMDIgNDcgMzIuNjU2MlYxMS4yODEyQzQ3IDguMzI3MzQgNDQuNTk5MyA1LjkzNzUgNDEuNjMyIDUuOTM3NVpNMTEuOTI4OSAzNC40Mzc1SDUuNzc4MDhDNC43OTM5NCAzNC40Mzc1IDMuOTg4NzQgMzMuNjQzNCAzLjk4ODc0IDMyLjY1NjJWMjQuOTM3NUg4LjE2Mzg2QzkuMTU1NDYgMjQuOTM3NSA5Ljk1MzIgMjQuMTQzNCA5Ljk1MzIgMjMuMTU2MkM5Ljk1MzIgMjIuMTY5MSA5LjE1NTQ2IDIxLjM3NSA4LjE2Mzg2IDIxLjM3NUgzLjk4ODc0VjE3LjgxMjVIOC4xNjM4NkM5LjE1NTQ2IDE3LjgxMjUgOS45NTMyIDE3LjAxODQgOS45NTMyIDE2LjAzMTJDOS45NTMyIDE1LjA0NDEgOS4xNTU0NiAxNC4yNSA4LjE2Mzg2IDE0LjI1SDMuOTg4NzRWMTEuMjgxMkMzLjk4ODc0IDEwLjI5NDEgNC43ODY0OCA5LjUgNS43NzgwOCA5LjVIMTEuOTI4OVYzNC40Mzc1Wk0zMi4yMDgxIDM0LjQzNzVIMjcuNDM2NVYyOS42ODc1QzI3LjQzNjUgMjcuNzIwNyAyNS44MzM2IDI2LjEyNSAyMy44NTc5IDI2LjEyNUMyMS44ODIxIDI2LjEyNSAyMC4yNzkyIDI3LjcyMDcgMjAuMjc5MiAyOS42ODc1VjM0LjQzNzVIMTUuNTA3NlY1LjM0Mzc1QzE1LjUwNzYgNC4zNTY2NCAxNi4zMDU0IDMuNTYyNSAxNy4yOTcgMy41NjI1SDMwLjQxODhDMzEuNDEwNCAzLjU2MjUgMzIuMjA4MSA0LjM1NjY0IDMyLjIwODEgNS4zNDM3NVYzNC40Mzc1Wk00NC4xMzcxIDE0LjI1SDM5Ljk2MTlDMzguOTcwMyAxNC4yNSAzOC4xNzI2IDE1LjA0NDEgMzguMTcyNiAxNi4wMzEyQzM4LjE3MjYgMTcuMDE4NCAzOC45NzAzIDE3LjgxMjUgMzkuOTYxOSAxNy44MTI1SDQ0LjEzNzFWMjEuMzc1SDM5Ljk2MTlDMzguOTcwMyAyMS4zNzUgMzguMTcyNiAyMi4xNjkxIDM4LjE3MjYgMjMuMTU2MkMzOC4xNzI2IDI0LjE0MzQgMzguOTcwMyAyNC45Mzc1IDM5Ljk2MTkgMjQuOTM3NUg0NC4xMzcxVjMyLjY1NjJDNDQuMTM3MSAzMy42NDM0IDQzLjMzOTMgMzQuNDM3NSA0Mi4zNDc3IDM0LjQzNzVIMzUuNzg2OFY5LjVINDIuMzQ3N0M0My4zMzkzIDkuNSA0NC4xMzcxIDEwLjI5NDEgNDQuMTM3MSAxMS4yODEyVjE0LjI1Wk0yMi4wNjg1IDcuMTI1VjguOTA2MjVIMjAuMjc5MkMxOS42MjMxIDguOTA2MjUgMTkuMDg2MyA5LjQ0MDYyIDE5LjA4NjMgMTAuMDkzOFYxMS4yODEyQzE5LjA4NjMgMTEuOTM0NCAxOS42MjMxIDEyLjQ2ODggMjAuMjc5MiAxMi40Njg4SDIyLjA2ODVWMTQuMjVDMjIuMDY4NSAxNC45MDMxIDIyLjYwNTMgMTUuNDM3NSAyMy4yNjE0IDE1LjQzNzVIMjQuNDU0M0MyNS4xMTA0IDE1LjQzNzUgMjUuNjQ3MiAxNC45MDMxIDI1LjY0NzIgMTQuMjVWMTIuNDY4OEgyNy40MzY1QzI4LjA5MjYgMTIuNDY4OCAyOC42Mjk0IDExLjkzNDQgMjguNjI5NCAxMS4yODEyVjEwLjA5MzhDMjguNjI5NCA5LjQ0MDYyIDI4LjA5MjYgOC45MDYyNSAyNy40MzY1IDguOTA2MjVIMjUuNjQ3MlY3LjEyNUMyNS42NDcyIDYuNDcxODcgMjUuMTEwNCA1LjkzNzUgMjQuNDU0MyA1LjkzNzVIMjMuMjYxNEMyMi42MDUzIDUuOTM3NSAyMi4wNjg1IDYuNDcxODcgMjIuMDY4NSA3LjEyNVoiIGZpbGw9IiMxODMxNTMiLz48L3N2Zz4="); }
			.nj & { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCA1MSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjEuNjkwOSAwLjA0ODIxNjJMMTcuNjE4OSA0LjE1NDY0QzE2LjM5OTcgNC40OTIxNSAxNS4yNjgxIDUuMTEwOTMgMTQuMzExOSA1Ljk2Mjc1TDEyLjE5MjIgNy44NjcyOUMxMS4zNzk0IDguNTk4NTcgMTAuMzE5NSA5LjAwMDM4IDkuMjI3ODEgOS4wMDAzOEg3LjY1VjE5LjI4NjVDOS4yNzU2MiAxOS4zMzQ3IDEwLjgyMTYgMjAuMDAxNyAxMS45NzcgMjEuMTY3TDE0LjgxMzkgMjQuMDI3OEwxNS4zNzE3IDI0LjU5MDNMMTcuNTIzMyAyNi43NjAxQzE4LjAxNzMgMjcuMjU4MyAxOC44MzAyIDI3LjI1ODMgMTkuMzI0MiAyNi43NjAxQzE5LjQ1OTcgMjYuNjIzNCAxOS41NjMzIDI2LjQ2MjcgMTkuNjE5MSAyNi4yOTRDMTkuODQyMiAyNS42NzUyIDIwLjM2MDIgMjUuMjA5MSAyMC45OTc3IDI1LjA2NDRDMjEuNjM1MiAyNC45MTk4IDIyLjMwNDUgMjUuMTEyNyAyMi43NjY3IDI1LjU4NjhMMjMuNjI3MyAyNi40Mzg2QzI0LjU1MTcgMjcuMzcwOCAyNi4wNDk4IDI3LjM3MDggMjYuOTY2MiAyNi40Mzg2QzI3LjM5NjYgMjYuMDA0NyAyNy42Mjc3IDI1LjQ1MDIgMjcuNjUxNiAyNC44Nzk2QzI3LjY4MzQgMjQuMTcyNCAyOC4wOTc4IDIzLjU0NTYgMjguNzM1MyAyMy4yNDAzQzI5LjM3MjggMjIuOTM0OSAzMC4xMTM5IDIyLjk5OTIgMzAuNjc5NyAyMy40MDlDMzEuNDI4NyAyMy45NDc0IDMyLjQ3MjcgMjMuODc1MSAzMy4xNDIgMjMuMjAwMUMzMy44OTExIDIyLjQ0NDcgMzMuODkxMSAyMS4yMjMyIDMzLjE0MiAyMC40NzU5TDI3LjEwMTcgMTQuMzg0NUwyNC4yNDg5IDE3LjAzNjRDMjIuMDczNCAxOS4wNjE1IDE4LjczNDUgMTkuMDkzNyAxNi41MTkyIDE3LjEwODhDMTMuOTkzMSAxNC44NDI2IDEzLjkzNzMgMTAuODg4OCAxNi4zOTE3IDguNTUwMzZMMjEuOTc3OCAzLjIzMDQ5QzI0LjE2MTIgMS4xNTcxOSAyNy4wNDU5IDAgMzAuMDUwMiAwQzMyLjkyNjkgMCAzNS43MDggMS4wNjg3OSAzNy44NTE2IDIuOTg5NDFMNDAuMjUwMiA1LjE0MzA3SDQzLjM1SDQ2LjUzNzVINDkuNzI1QzUwLjQyNjIgNS4xNDMwNyA1MSA1LjcyMTY3IDUxIDYuNDI4ODRWMjMuMTQzOEM1MSAyNC41NjYyIDQ5Ljg2MDUgMjUuNzE1NCA0OC40NSAyNS43MTU0SDQ1LjlDNDQuOTU5NyAyNS43MTU0IDQ0LjEzMDkgMjUuMjAxMSA0My42OTI3IDI0LjQyOTZIMzYuOTI3MkMzNi42NTYyIDI0Ljk2OCAzNi4yOTc3IDI1LjQ4MjMgMzUuODUxNCAyNS45MzIzQzM0LjQ4ODcgMjcuMzA2NSAzMi42MDAyIDI3Ljg0NDkgMzAuODMxMSAyNy41NDc2QzMwLjU0NDIgMjguMTM0MiAzMC4xNTM3IDI4LjY4MDcgMjkuNjY3NyAyOS4xNzA5QzI3LjQ5MjIgMzEuMzY0NyAyNC4wODk1IDMxLjU4MTcgMjEuNjY3IDI5LjgyMThDMTkuNjY2OSAzMS40OTMzIDE2LjY4NjYgMzEuMzg4OCAxNC44MTM5IDI5LjQ5MjNMMTIuNjcwMyAyNy4zMjI2TDEyLjExMjUgMjYuNzYwMUw5LjI3NTYyIDIzLjg5OTJDOC44MzczNCAyMy40NTcyIDguMjYzNTkgMjMuMjAwMSA3LjY1IDIzLjE1MTlDNy42NSAyNC41NjYyIDYuNTAyNSAyNS43MTU0IDUuMSAyNS43MTU0SDIuNTVDMS4xMzk1MyAyNS43MTU0IDAgMjQuNTY2MiAwIDIzLjE0MzhWNi40Mjg4NEMwIDUuNzIxNjcgMC41NzM3NSA1LjE0MzA3IDEuMjc1IDUuMTQzMDdINC40NjI1SDcuNjVIOS4yMjc4MUM5LjM4NzE5IDUuMTQzMDcgOS41Mzg1OSA1LjA4NjgyIDkuNjUwMTYgNC45ODIzNUwxMS43NjE5IDMuMDg1ODRDMTMuOTg1MiAxLjEwMDk0IDE2Ljg0NTkgMCAxOS44MTgzIDBIMjAuNjM5MUMyMC45ODk3IDAgMjEuMzQ4MyAwLjAxNjA3MiAyMS42OTA5IDAuMDQ4MjE2MlpNNDMuMzUgMjAuNTcyM1Y5LjAwMDM4SDM5LjUyNUMzOS4wNTQ4IDkuMDAwMzggMzguNjAwNiA4LjgyMzU4IDM4LjI1OCA4LjUxMDE4TDM1LjMxNzUgNS44NzQzNUMzMy44NjcyIDQuNTcyNTEgMzEuOTk0NSAzLjg1NzMgMzAuMDUwMiAzLjg1NzNDMjguMDI2MSAzLjg1NzMgMjYuMDgxNyA0LjYzNjggMjQuNjA3NSA2LjAzNTA4TDE5LjAyMTQgMTEuMzU0OUMxOC4yMDA2IDEyLjE0MjUgMTguMjE2NiAxMy40Njg0IDE5LjA2MTIgMTQuMjIzOEMxOS44MDIzIDE0Ljg5MDggMjAuOTI1OSAxNC44NzQ3IDIxLjY1MTEgMTQuMTk5N0wyNy4zODA2IDguODYzNzdDMjguMTUzNiA4LjE0MDUyIDI5LjM2NDggOC4xODg3NCAzMC4wODIgOC45NzYyN0MzMC43OTkyIDkuNzYzOCAzMC43NTE0IDEwLjk3NzIgMjkuOTcwNSAxMS43MDA1TDI5LjkwNjcgMTEuNzY0OEwzNS44MzU1IDE3Ljc0MzZDMzYuNjMyMyAxOC41NDcyIDM3LjE1MDMgMTkuNTM1NiAzNy4zODE0IDIwLjU2NDNINDMuMzQyTDQzLjM1IDIwLjU3MjNaTTUuMSAyMS44NTgxQzUuMSAyMS41MTcxIDQuOTY1NjcgMjEuMTkgNC43MjY1NiAyMC45NDg5QzQuNDg3NDUgMjAuNzA3OCA0LjE2MzE1IDIwLjU3MjMgMy44MjUgMjAuNTcyM0MzLjQ4Njg1IDIwLjU3MjMgMy4xNjI1NSAyMC43MDc4IDIuOTIzNDQgMjAuOTQ4OUMyLjY4NDMzIDIxLjE5IDIuNTUgMjEuNTE3MSAyLjU1IDIxLjg1ODFDMi41NSAyMi4xOTkxIDIuNjg0MzMgMjIuNTI2MSAyLjkyMzQ0IDIyLjc2NzJDMy4xNjI1NSAyMy4wMDg0IDMuNDg2ODUgMjMuMTQzOCAzLjgyNSAyMy4xNDM4QzQuMTYzMTUgMjMuMTQzOCA0LjQ4NzQ1IDIzLjAwODQgNC43MjY1NiAyMi43NjcyQzQuOTY1NjcgMjIuNTI2MSA1LjEgMjIuMTk5MSA1LjEgMjEuODU4MVpNNDcuMTc1IDIzLjE0MzhDNDcuNTEzMiAyMy4xNDM4IDQ3LjgzNzUgMjMuMDA4NCA0OC4wNzY2IDIyLjc2NzJDNDguMzE1NyAyMi41MjYxIDQ4LjQ1IDIyLjE5OTEgNDguNDUgMjEuODU4MUM0OC40NSAyMS41MTcxIDQ4LjMxNTcgMjEuMTkgNDguMDc2NiAyMC45NDg5QzQ3LjgzNzUgMjAuNzA3OCA0Ny41MTMyIDIwLjU3MjMgNDcuMTc1IDIwLjU3MjNDNDYuODM2OCAyMC41NzIzIDQ2LjUxMjUgMjAuNzA3OCA0Ni4yNzM0IDIwLjk0ODlDNDYuMDM0MyAyMS4xOSA0NS45IDIxLjUxNzEgNDUuOSAyMS44NTgxQzQ1LjkgMjIuMTk5MSA0Ni4wMzQzIDIyLjUyNjEgNDYuMjczNCAyMi43NjcyQzQ2LjUxMjUgMjMuMDA4NCA0Ni44MzY4IDIzLjE0MzggNDcuMTc1IDIzLjE0MzhaIiBmaWxsPSIjMkUzNjQ2Ii8+PC9zdmc+"); }
			.sm & { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iMzkiIHZpZXdCb3g9IjAgMCA0OSAzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNyA3LjkyMTg4QzE2LjcyOTYgNy45MjE4OCAxOC4zNzUgNi4yODQ5NCAxOC4zNzUgNC4yNjU2MkMxOC4zNzUgMi4yNDYzMSAxNi43Mjk2IDAuNjA5Mzc1IDE0LjcgMC42MDkzNzVDMTIuNjcwMyAwLjYwOTM3NSAxMS4wMjUgMi4yNDYzMSAxMS4wMjUgNC4yNjU2MkMxMS4wMjUgNi4yODQ5NCAxMi42NzAzIDcuOTIxODggMTQuNyA3LjkyMTg4Wk00NS4zMjUgMC42MDkzNzVIMjguMTc1QzI2LjQ4NiAwLjYwOTM3NSAyNS4xMTI1IDEuOTc1OSAyNS4xMTI1IDMuNjU2MjVWMTAuMzU5NEgxMy41NjY4QzExLjIxODcgMTAuMzU5NCA5LjAwNTI1IDExLjYwNjMgNy43OTAyIDEzLjYxNDJMMy4zMjY2MSAyMS4wMDIxQzIuODAzNjkgMjEuODY1MSAzLjA4NDY3IDIyLjk5MDIgMy45NTIxMyAyMy41MTA0QzQuODE4ODEgMjQuMDI5OSA1Ljk0OTY0IDIzLjc1MDQgNi40NzI1NiAyMi44ODc0TDkuNzk5MiAxNy4zNjcyVjM2LjU2MjVDOS43OTkyIDM3LjU3MDMgMTAuNjIzOCAzOC4zOTA2IDExLjYzNjcgMzguMzkwNkMxMi42NDk2IDM4LjM5MDYgMTMuNDc0MiAzNy41NzAzIDEzLjQ3NDIgMzYuNTYyNVYyNi4yMDMxSDE1LjkyNDJWMzYuNTYyNUMxNS45MjQyIDM3LjU3MDMgMTYuNzQ4OCAzOC4zOTA2IDE3Ljc2MTcgMzguMzkwNkMxOC43NzQ2IDM4LjM5MDYgMTkuNTk5MiAzNy41NzAzIDE5LjU5OTIgMzYuNTYyNVYxNC4wMTU2SDMwLjYyNDJDMzEuNjM3MSAxNC4wMTU2IDMyLjQ2MTcgMTMuMTk1MyAzMi40NjE3IDEyLjE4NzVDMzIuNDYxNyAxMS4xNzk3IDMxLjYzNzEgMTAuMzU5NCAzMC42MjQyIDEwLjM1OTRIMjguNzg2N1Y0LjI2NTYySDQ0LjcxMTdWMjAuMTA5NEgyOC43ODY3VjE3LjY3MTlIMjUuMTExN1YyMC43MTg4QzI1LjExMTcgMjIuMzk5MSAyNi40ODUyIDIzLjc2NTYgMjguMTc0MiAyMy43NjU2SDQ1LjMyNDJDNDcuMDEzMiAyMy43NjU2IDQ4LjM4NjcgMjIuMzk5MSA0OC4zODY3IDIwLjcxODhWMy42NTYyNUM0OC4zODY3IDEuOTc1OSA0Ny4wMTMyIDAuNjA5Mzc1IDQ1LjMyNDIgMC42MDkzNzVINDUuMzI1Wk0xNS45MjUgMjMuMTU2MkgxMy40NzVWMTQuMDE1NkgxNS45MjVWMjMuMTU2MloiIGZpbGw9IiMxODMxNTMiLz48L3N2Zz4="); }
			.wo & { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAzNSA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTQyXzQ3KSI+PHBhdGggZD0iTTE3LjUgMEMxMS45NzczIDAgNy41IDQuNDc3MzQgNy41IDEwQzcuNSAxNS41MjI3IDExLjk3NzMgMjAgMTcuNSAyMEMyMy4wMjI3IDIwIDI3LjUgMTUuNTIyNyAyNy41IDEwQzI3LjUgNC40NzczNCAyMy4wMjI3IDAgMTcuNSAwWk0xNy41IDE2LjcxODhDMTMuNzk1MyAxNi43MTg4IDEwLjc4MTIgMTMuNzA0NyAxMC43ODEyIDEwQzEwLjc4MTIgNi4yOTUzMSAxMy43OTUzIDMuMjgxMjUgMTcuNSAzLjI4MTI1QzIxLjIwNDcgMy4yODEyNSAyNC4yMTg4IDYuMjk1MzEgMjQuMjE4OCAxMEMyNC4yMTg4IDEzLjcwNDcgMjEuMjA0NyAxNi43MTg4IDE3LjUgMTYuNzE4OFoiIGZpbGw9IiMxODMxNTMiLz48cGF0aCBkPSJNMjUuNDc2NiAyNS4zODI4QzI1LjM4NTkgMjUuMzYwMiAyNS4yOTUzIDI1LjM1IDI1LjIwNyAyNS4zNUMyNC42NzgxIDI1LjM1IDI0LjIxMTcgMjUuNzMwNSAyNC4wNzgxIDI2LjI2NTZMMjAuNDg0NCAzNS4zOTg0TDE4LjY2NDEgMjguMDYyNUwyMC4xMTcyIDI1LjY0MDZDMjAuNjE3MiAyNC44MDQ3IDIwLjAxNTYgMjMuNzUgMTkuMDQ2OSAyMy43NUgxNS45NjA5QzE0Ljk5MjIgMjMuNzUgMTQuMzkwNiAyNC44MTI1IDE0Ljg5MDYgMjUuNjQwNkgxNC44ODI4TDE2LjMzNTkgMjguMDYyNUwxNC41MTU2IDM1LjM5ODRMMTAuOTIxOSAyNi4yNjU2QzEwLjc4OTEgMjUuNzI3MyAxMC4zMjczIDI1LjM0NjkgOS44MDMxMyAyNS4zNDY5QzkuNzExNzIgMjUuMzQ2OSA5LjYxNzk3IDI1LjM1ODYgOS41MjM0NCAyNS4zODI4QzQuMDU0NjkgMjYuNzUgMCAzMS43MDMxIDAgMzcuNjAxNkMwIDM4LjkyOTcgMS4wNzgxMyA0MCAyLjM5ODQ0IDQwSDMyLjYwMTZDMzMuOTI5NyA0MCAzNSAzOC45MjE5IDM1IDM3LjYwMTZDMzUgMzEuNzAzMSAzMC45NDUzIDI2Ljc1IDI1LjQ3NjYgMjUuMzgyOFpNMy4zMjE4OCAzNi43MTg4QzMuNDg3NSAzNC45Mjk3IDQuMTU3ODEgMzMuMjUzOSA1LjI4NTE2IDMxLjgyODFDNi4xNjQ4NCAzMC43MTU2IDcuMjkwNjIgMjkuODE4IDguNTUzOTEgMjkuMjA3TDExLjQ2MjUgMzYuNTk5MkMxMS40NzgxIDM2LjYzOTEgMTEuNDk0NSAzNi42Nzg5IDExLjUxMTcgMzYuNzE4SDMuMzIxODhWMzYuNzE4OFpNMjMuNDg4MyAzNi43MTg4QzIzLjUwNTUgMzYuNjc5NyAyMy41MjE5IDM2LjYzOTggMjMuNTM3NSAzNi42TDI2LjQ0NjEgMjkuMjA3OEMyNy43MDg2IDI5LjgxODcgMjguODM0NCAzMC43MTU2IDI5LjcxNDggMzEuODI4OUMzMC44NDIyIDMzLjI1NDcgMzEuNTEyNSAzNC45MzA1IDMxLjY3ODEgMzYuNzE5NUgyMy40ODgzVjM2LjcxODhaIiBmaWxsPSIjMTgzMTUzIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDBfMTQyXzQ3Ij48cmVjdCB3aWR0aD0iMzUiIGhlaWdodD0iNDAiIGZpbGw9IndoaXRlIi8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+"); }
			.ts & { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAzMCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAzNi4yNUM0LjMxMjUgMzYuMjUgMy43NSAzNS42ODc1IDMuNzUgMzVWNUMzLjc1IDQuMzEyNSA0LjMxMjUgMy43NSA1IDMuNzVIMTcuNVYxMEMxNy41IDExLjM4MjggMTguNjE3MiAxMi41IDIwIDEyLjVIMjYuMjVWMzVDMjYuMjUgMzUuNjg3NSAyNS42ODc1IDM2LjI1IDI1IDM2LjI1SDVaTTUgMEMyLjI0MjE5IDAgMCAyLjI0MjE5IDAgNVYzNUMwIDM3Ljc1NzggMi4yNDIxOSA0MCA1IDQwSDI1QzI3Ljc1NzggNDAgMzAgMzcuNzU3OCAzMCAzNVYxMi4wNzAzQzMwIDEwLjc0MjIgMjkuNDc2NiA5LjQ2ODc1IDI4LjUzOTEgOC41MzEyNUwyMS40NjA5IDEuNDYwOTRDMjAuNTIzNCAwLjUyMzQzOCAxOS4yNTc4IDAgMTcuOTI5NyAwSDVaTTkuMzc1IDIwQzguMzM1OTQgMjAgNy41IDIwLjgzNTkgNy41IDIxLjg3NUM3LjUgMjIuOTE0MSA4LjMzNTk0IDIzLjc1IDkuMzc1IDIzLjc1SDIwLjYyNUMyMS42NjQxIDIzLjc1IDIyLjUgMjIuOTE0MSAyMi41IDIxLjg3NUMyMi41IDIwLjgzNTkgMjEuNjY0MSAyMCAyMC42MjUgMjBIOS4zNzVaTTkuMzc1IDI3LjVDOC4zMzU5NCAyNy41IDcuNSAyOC4zMzU5IDcuNSAyOS4zNzVDNy41IDMwLjQxNDEgOC4zMzU5NCAzMS4yNSA5LjM3NSAzMS4yNUgyMC42MjVDMjEuNjY0MSAzMS4yNSAyMi41IDMwLjQxNDEgMjIuNSAyOS4zNzVDMjIuNSAyOC4zMzU5IDIxLjY2NDEgMjcuNSAyMC42MjUgMjcuNUg5LjM3NVoiIGZpbGw9IiMxODMxNTMiLz48L3N2Zz4="); }
			.ds & { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDciIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCA0NyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS4wNTI1IDI3LjAyNUgyMy43OTM3VjIxLjE1SDguMjI1VjMuNTI1SDMyLjlWNy4zNDM3NUgzNi40MjVWNC4xMTI1QzM2LjQyNSAxLjg0NDc1IDM0LjU4MDIgMCAzMi4zMTI1IDBIOC44MTI1QzYuNTQ0NzUgMCA0LjcgMS44NDQ3NSA0LjcgNC4xMTI1VjIxLjE1SDAuODIyNUMwLjM2ODY1NiAyMS4xNSAwIDIxLjUxODcgMCAyMS45NzI1QzAgMjQuNzU4NyAyLjI2NjI4IDI3LjAyNSA1LjA1MjUgMjcuMDI1WiIgZmlsbD0iIzE4MzE1MyIvPjxwYXRoIGQ9Ik00NC4wNjI1IDEyLjczNzVWMzUuMDYyNUgyOC43ODc1VjEyLjczNzVINDQuMDYyNVpNNDQuNTAxNiA5LjgwMDA1SDI4LjM0NzZDMjYuOTY3NyA5LjgwMDA1IDI1Ljg0OTIgMTAuOTE4NSAyNS44NDkyIDEyLjI5ODRWMzUuNTAyNEMyNS44NDkyIDM2Ljg4MjMgMjYuOTY3NyAzOC4wMDA4IDI4LjM0NzYgMzguMDAwOEg0NC41MDE2QzQ1Ljg4MTUgMzguMDAwOCA0NyAzNi44ODIzIDQ3IDM1LjUwMjRWMTIuMjk4NEM0NyAxMC45MTg1IDQ1Ljg4MTUgOS44MDAwNSA0NC41MDE2IDkuODAwMDVaIiBmaWxsPSIjMTgzMTUzIi8+PC9zdmc+"); }
			.kr & {
				width: 80px;
				background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTAgMzUiPiAgPGRlZnM+IDxzdHlsZT4gLnN0MCB7IGZpbGw6ICM5NGFiYzE7IH0gLnN0MSB7IGZpbGw6ICMxODMxNTM7IH0gPC9zdHlsZT4gPC9kZWZzPiA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzMuMiwxMi4xN2MtLjI4LjA5LTUuODUuMTMtNi41NSw0Ljk1LS40MywyLjktLjQzLDQuMjctLjQzLDQuMjdoLTIuNDJzMC0xLjM2LS40My00LjI3Yy0uNzEtNC44MS02LjI3LTQuODUtNi41NS00Ljk1bDcuODQtLjE3LDguNTUuMTdaTTM2Ljc4LDI1LjEzYy0uOTgtMi4yNC0zLjAxLTMuODYtNS43MS0zLjA0LDAsMC02LjA2LDIuMTktNi4yOCwyLjI3LS44LjI5LTQuMDEtMS41LTQuODItMS44Mi0yLjYxLTEuMDItNi4zNC0uMTEtNy4xNSwyLjk1LS43OCwyLjkzLDEuMjIsNi4wOSwzLjksNy4wOSwxLjQ3LjU1LDIuODksMS4yOCw0LjQ2LDEuNTMsMS43Ny4yOSw0LjA1LjI4LDUuODIsMCwxLjg2LS4yOSwzLjc5LTEuMDYsNS40OC0xLjkzLDIuODUtMS40Niw1Ljg0LTMuNTQsNC4zMS03LjA2WiIvPiA8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzEuMiwxOS4zOWMwLC45NC0uNzcsMS43LTEuNzEsMS43cy0xLjcxLS43Ni0xLjcxLTEuNy43Ny0xLjcxLDEuNzEtMS43MSwxLjcxLjc2LDEuNzEsMS43MVoiLz4gPHBhdGggY2xhc3M9InN0MSIgZD0iTTIwLjUyLDE3LjY4Yy0uOTQsMC0xLjcxLjc2LTEuNzEsMS43MXMuNzcsMS43LDEuNzEsMS43LDEuNzEtLjc2LDEuNzEtMS43LS43Ni0xLjcxLTEuNzEtMS43MVoiLz4gPHBhdGggY2xhc3M9InN0MSIgZD0iTTMwLjE1LDIzLjM2Yy0uNTItLjQ5LTIuNDgtMi41Ny00LjkzLTIuNjEtLjA5LDAtLjE3LDAtLjI1LDBoMGMtMi4zNS4xNS0zLjgxLDEuNDQtNC43MSwyLjQ5LS42NS44LTIuMzUsMi4wMy0yLjQsMy45NywwLC4yOS4wNC41OC4xNC44OC4yNS44NC45MiwxLjM4LDEuNjQsMS42MS43My4yNSwxLjU2LjI5LDIuNDQuMjkuODEsMCwxLjY2LS4wNCwyLjQ5LS4wNC40MSwwLC44NSwwLDEuMywwLDEuMjQsMCwyLjU2LS4wMiwzLjY3LS4yMywxLjA4LS4yMSwyLjEzLS41NywyLjQ3LTEuNjYuMDgtLjMxLjEyLS42MS4xMi0uOTEtLjAyLTEuNjYtMS4xMi0yLjk0LTEuOTktMy44MloiLz4gPHBhdGggY2xhc3M9InN0MSIgZD0iTTQwLjkxLDIxLjEyYy0uMjYtMS4xNy0uNjgtNC4xNy0xLjAyLTYuODUtLjA3LS41My0uMTMtMS4wMy0uMTktMS41Mi4wNi0uMDMuMTEtLjA3LjE1LS4xMi4xMi0uMTQuMTctLjMyLjE0LS41LS4wMy0uMDUtLjk1LTYuMTYtNC4zNC05LjE0QzMyLjkuNjMsMjkuMTksMCwyNS4yNywwYy0zLjk0LjAxLTguMDQuNzMtMTAuNDksMi41Ny0yLjM4LDEuODQtMy41Niw0Ljc0LTQuMTQsNi44M2wtOC4yOC40MXMtLjUyLjA0LTEuMDQuMjFjLS4yNi4wOS0uNTUuMi0uODEuNDFDLjI1LDEwLjYyLDAsMTAuOTgsMCwxMS40M2MwLC40Ny4wOSwxLjA0LjU2LDEuNDIuNDYuMzYsMS4wMi40MywxLjc4LjQzLDEuMzYsMCw2Ljg1LS41NCw3Ljk3LS42NS0uMzgsMy4wMi0uOTIsNy4xNC0xLjIyLDguNDktLjE5Ljg2LS40LDIuMDItLjYxLDMuMjFoMHMwLC4wNCwwLC4wNGMtLjA4LjQ0LS4xNS44OC0uMjMsMS4zMSwwLDAsMCwwLDAsMGwtLjA5LjU0Yy4yNi42Mi44NSwxLjYxLDEuMDYsMS45NC42Ny45OCwxLjQxLDEuODUsMi4zOSwyLjU0LDMuODcsMi43MSw4LjU4LDQuMjgsMTMuMiw0LjI5LDMuMzgsMCw2LjczLS44NSw5LjY0LTIuNzIsMi4zMi0xLjQ5LDYuMjgtNS4wNCw2LjI4LTUuMDQsMCwwLC4wMy0uMDIuMDQtLjA0LjQyLS4zOS43MS0uNjYsMS0xLjQzLS4yOC0xLjY1LS42LTMuNDYtLjg3LTQuNjVaTTM4Ljk3LDI1LjY0Yy0xLjkzLDEuNjUtMy43MSwzLjM4LTUuNzYsNC43Mi0yLjUxLDEuNjQtNS40MSwyLjQtOC4zOSwyLjQtNC4wNywwLTguMjYtMS40Mi0xMS42OC0zLjg3LTEuMS0uNzktMS44OS0xLjkzLTIuNy0zLjM3LjI3LTEuNi41OC0zLjM4LjgyLTQuNTQuMjktMS40LjgxLTUuNDMsMS4xNy04LjMyLDIuMzUuMSw5LjI4LjM3LDEyLjQyLjM3LDMuMTEsMCwxMC4yNi0uMTIsMTIuNzQtLjE3LjM1LDIuODQuODQsNi42NywxLjE1LDguMTIuMjIsMS4wMi41LDIuNTcuNzUsNC4wNS0uMDcuMjYtLjQyLjUyLS41Mi42MVoiLz48L3N2Zz4=");
			}
		}
	}

	&::after {
		width: 168px;
		content: "";
		height: 1;
		display: block;
	}
}




/*--------------------------------------------------------- news ---------------------------------------------------------*/
#news {
	margin: 75px 0;
	position: relative;
	background-color: var(--news-bg);

	&::before,
	&::after {
		content: "";
		height: 38px;
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		background-color: var(--news-bg);
		mask-size: 100% 100%;
	}
	&::before {
		mask-image: url(../img/wave_w_t.svg);
		transform: translate(0, -100%);
	}
	
	& .container {
		padding: 35px 20px;
		position: relative;

		& h2 {
			font-size: 2.29em;
			font-weight: 700;
			text-align: center;

			&::before {
				content: "";
				width: 83px;
				height: 70px;
				margin-right: -12px;
				display: inline-block;
				background-image: url(../img/icon_news.svg);
				background-size: contain;
				background-position: center;
				background-repeat: no-repeat;
			}
		}

		& > div {
			margin-top: calc(3.5em + 45px);
			position: relative;

			& h3 {
				width: calc(50% + 1px);
				padding: 1em 0;
				position: absolute;
				bottom: 100%;
				left: 0;
				line-height: 1;
				font-weight: 500;
				text-align: center;
				background-color: var(--htitle);
				border: 1px solid var(--border-color2);
				border-bottom-color: transparent;
				border-radius: 5px 0 0 0;

				[data-bc="white"] & {
					background-color: var(--bg-color);
				}

				section:nth-of-type(2) & {
					left: auto;
					right: 0;
					border-radius: 0 5px 0 0;
				}

				&:not(.current) {
					width: 50%;
					font-weight: 300;
					background-color: var(--bg-color);
					border-bottom-color: var(--border-color2);
					cursor: pointer;

					[data-bc="white"] & {
						background-color: var(--htitle);
					}

					&  ~ * {
						display: none;
					}
				}
			}

			& > section {
				margin: 0 -20px;
			}

			& section:first-child h3::before,
			& section:last-child h3::before {
				content: "";
				width: 20px;
				height: 1px;
				display: block;
				position: absolute;
				bottom: -1px;
				background-color: var(--border-color1);
			}
			& section:first-child h3::before {
				left: -20px;
			}
			& section:last-child h3::before {
				right: -20px;
				transform: scaleX(-1);
			}

			& .news-list {
				margin-bottom: 40px;

				[data-bc="black"] & {
					background-color: var(--main-color);
				}

				& li {
					padding: 20px;
					display: flex;
					flex-direction: row;
					align-items: center;
					line-height: 1.4;
					border-bottom: 1px solid var(--border-color1);
				}
				& li:nth-of-type(5) ~ li {
					display: none;
				}

				& time,
				& small {
					display: none;
				}
			}
		}
	}
}



/*--------------------------------------------------------- Calendar ---------------------------------------------------------*/
#calendar {
	margin-bottom: 35px;
	color: var(--white);

	& > .flex {
		padding: 100px 25px 0;
		display: block;
		
		& h2 {
			margin: 0 0 20px;
			padding: 0;
			text-align: center;
			position: relative;
			font-size: 3em;

			&::before {
				content: url(../img/icon_calendar.svg);
				display: block;
				position: absolute;
				top: -90px;
				left: 50%;
				transform: translate(-50%, 0) rotate(45deg);
			}
		}
		& p {
			line-height: 1.7;
		}
	}

	& .calendar {
		padding: 25px;
		font-family: "Dongle", sans-serif;

		& > div {
			margin-bottom: 25px;
			display: flex;
			justify-content: space-between;

			& > span {
				width: 10vmin;
				padding-top: .15em;
				line-height: calc(10vmin - .15em);
				text-align: center;
			}
		}
		& > .label span {
			font-size: 1em;
		}
		& > .day span {
			font-size: 2em;

			& a {
				margin-top: -.15em;
				padding-top: .15em;
				display: block;
				color: var(--main-color);
				text-decoration: none;
				background-color: var(--white);
				border-radius: 100%;
			}
		}
		& > .day .today {
			color: #FC0;

			& a {
				color: #F90;
			}
		}
		& > .day .sun {
			color: var(--sun-bg, #FFE6E6);
		}
	}

	& .btn-box a {
		color: var(--white);
		border-color: var(--white);

		&::after {
			filter: brightness(0) invert(1);
		}
	}
}





/* //////////////////////////////////////////////////////////// */
/* footer */
/* //////////////////////////////////////////////////////////// */
footer {
	& > div:first-child {
		& #ad {
			margin: 0 auto;
			padding: 50px 25px 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;

			& > * {
				width: calc((100% - 10px) / 2);
				height: 44px;
				margin: 0 0 10px;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			& > * * {
				width: 100%;
				height: 100%;
				object-fit: contain;
			}
		}
	}
}












/* /////////////////////////////////////////////////////////////////////////////////////// */
/* PC *//* /////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 1100px) {
	/* //////////////////////////////////////////////////////////// */
	/* article */
	/* //////////////////////////////////////////////////////////// */
	.accessibility {
		position: absolute;
	}

	/*--------------------------------------------------------- 緊急情報 ---------------------------------------------------------*/
	#disaster {
		padding: 0;
		position: relative;
		z-index: 1;

		& ul {
			padding: 0;
			border: none;

			& li {
				padding-left: 20px;
				position: relative;

				&:not(:last-child) {
					border-bottom: 1px solid rgba(0,0,0,.3);
				}

				&::before {
					content: "";
					width: 0;
					height: 0;
					display: block;
					position: absolute;
					top: calc(.85em + 11px);
					left: 20px;
					border: 4px solid transparent;
					border-left: 6px solid #000;

				}
			}
		}
	}

	/*--------------------------------------------------------- slide ---------------------------------------------------------*/
	#ssslide {
		height: calc(40vh + 100vw / 5);

		& figure {
			& figcaption {
				top: 70px;
				right: 15px;
			}
		}
	}


	/*--------------------------------------------------------- pick_up ---------------------------------------------------------*/
	#pick_up {
		margin-top: calc(-2vh - 10vw / 3);
		padding: 0;

		& h1 {
			transform: translate(0, -25px);
		}

		& .slide {
			border-width: 10px;

			& a {
				border-radius: 0;
			}

			& .slide-ctr {
				padding: 18px 0 8px;
	
				& .onoff {
					top: calc(50% + 5px);
					
					&:hover {
						color: var(--link-color);
					}
	
					& span {
						padding: 10px;
					}
				}
			}
			& .slide-tn li:not(.current):hover {
				background-color: var(--link-color);
				opacity: 1;
			}
		}
	}

	#link-area {

		& a {
			width: 168px;
			height: auto;
			padding: 15px 0;
			border-width: 6px;
			border-bottom: none;
			transition: .3s;

			&:hover {
				position: relative;
				transform: scale(1.05);
				box-shadow: 0 4px 18px 0 rgba(0,0,0,.1),
							0 2px 12px 0 rgba(0,0,0,.2),
							0 1px 6px 0 rgba(0,0,0,.3);
			}

			&.large {
				width: 230px;
				height: auto;

				& img {
					height: 178px;
				}

				& span {
					width: 100%;
					padding: 12px 0;
					position: static;
					font-size: 1em;
					background-color: transparent;
					border-radius: 0;
				}
			}
			&.th::before {
				height: 178px;
				top: 0px;
			}
			&.th::after {
				width: 114px;
				height: 170px;
				top: 8px;
				background-size: cover;
			}

			& i {
				width: 60px;
				height: 60px;
				margin-top: 0;
				transition: transform .3s;

				.na & { width: 62px; }
				.wo & { width: 47px; }
			}
		}
	}


	/*--------------------------------------------------------- news ---------------------------------------------------------*/
	#news {
		margin: 100px 0;

		&::before,
		&::after {
			height: 100px;
		}

		& .container {
			padding: 25px 0;

			& h2 {
				font-size: 2.5em;

				&::before {
					width: 107px;
					height: 90px;
					margin-right: -5px;
				}
			}

			& > div {

				& > section {
					margin: 0;
				}

				& h3:not(.current):hover {
					color: var(--bg-color);
					background-color: var(--main-color);
					transition: background-color .3s;
				}


				& section:first-child h3::before,
				& section:last-child h3::before {
					width: 40px;
					background-color: transparent;
					background-image: linear-gradient(90deg, transparent, var(--border-color2));
				}
				& section:first-child h3::before {
					left: -40px;
				}
				& section:last-child h3::before {
					right: -40px;
				}

				& .news-list {
					padding: 0 10px;

					& li {
						padding: 20px 0;

						&::before {
							content: "";
							width: 0;
							height: 0;
							margin-right: 5px;
							display: inline-block;
							border: 5px solid transparent;
							border-left: 8px solid var(--main-color);
						}
					}

					& time {
						width: 4.2em;
						margin: 0 1em 0 0;
						flex-shrink: 0;
						display: inline-block;
					}
					& small {
						display: inline-block;
						opacity: .5;
					}
				}
			}
		}
	}


	/*--------------------------------------------------------- calendar ---------------------------------------------------------*/
	#calendar {
		margin-bottom: 0;

		& > .flex {
			padding-top: 100px;
			display: flex;
			flex-wrap: nowrap;
			align-items: center;

			& h2 {
				margin-right: 30px;
				padding-left: 65px;

				&::before {
					top: -70px;
					left: -10px;
					transform: translate(0, 0) rotate(0deg);
				}
			}
		}

		& .calendar {
			padding: 0;

			& > div {
				margin-bottom: 16px;

				& > span {
					width: 64px;
					line-height: calc(64px - .15em);
				}
			}
			& > .day span {
				font-size: 3em;

				& a:hover {
					position: relative;
					color: var(--accent-color);
					transform: scale(1.2);
					box-shadow: 0 4px 18px 0 rgba(0,0,0,.1),
								0 2px 12px 0 rgba(0,0,0,.2),
								0 1px 6px 0 rgba(0,0,0,.3);
				}
			}
		}

		& .btn-box a:hover {
			background-color: var(--accent-color);
		}
	}



	/*--------------------------------------------------------- footer ---------------------------------------------------------*/
	footer {
		margin-top: 0;
		
		& > div:first-child {
			& #ad {
				width: 550px;
				padding: 35px 0 0;
				display: block;
				columns: 170px 3;

				& > * {
					width: 100%;
					height: 44px;
					margin: 0 0 20px;
					font-size: 1em;
					transition: .3s;
					
					&:not(h2):hover {
						transform: scale(1.1);
						box-shadow: 0 4px 18px 0 rgba(0,0,0,.1),
									0 2px 12px 0 rgba(0,0,0,.2),
									0 1px 6px 0 rgba(0,0,0,.3);
					}
				}

				& > h2 + a:hover {
					color: var(--link-color);
					background-color: var(--bg-color);
					transform: scale(1);
					box-shadow: none;
				}
			}
		}
	}
}