@charset "UTF-8";
/*!
 *Theme Name:sevenhundredclub
 *
 *Theme URI:http://underscores.me /
 *
 *Author:Underscores.me
 *
 *Author URI:http://underscores.me/
 *Description: Description
 *Version: 1.0 .0
 *License: GNU General Public License v2 or later
 *License URI:LICENSE
 *
 *Text Domain:sevenhundredclub
 *Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
		display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
		display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
		display: none;
		height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
		display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
		font-family: sans-serif;
		/* 1 */
		-webkit-text-size-adjust: 100%;
		/* 2 */
		-ms-text-size-adjust: 100%;
		/* 2 */
}

/*
 * Removes default margin.
 */
body {
		margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
		outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
		outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
		font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
		border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
		font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
		font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
		background: #ff0;
		color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
		font-family: monospace, serif;
		font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
		white-space: pre;
		white-space: pre-wrap;
		word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
		quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
		font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
}

sup {
		top: -0.5em;
}

sub {
		bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
		border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
		overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
		margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
		border: 1px solid #c0c0c0;
		margin: 0 2px;
		padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
		border: 0;
		/* 1 */
		padding: 0;
		/* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
		font-family: inherit;
		/* 1 */
		font-size: 100%;
		/* 2 */
		margin: 0;
		/* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
		line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
		-webkit-appearance: button;
		/* 2 */
		cursor: pointer;
		/* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
		cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		/* 1 */
		padding: 0;
		/* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
		-webkit-appearance: textfield;
		/* 1 */
		-webkit-box-sizing: content-box;
		/* 2 */
		box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
		border: 0;
		padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
		overflow: auto;
		/* 1 */
		vertical-align: top;
		/* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
		border-collapse: collapse;
		border-spacing: 0;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
		list-style: none;
		margin: 0;
		padding: 0;
		font-weight: normal;
}

[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
		background: none;
		border: 0;
		color: inherit;
		font: inherit;
		line-height: normal;
		overflow: visible;
		padding: 0;
		-webkit-appearance: button;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
		border: 0;
		padding: 0;
}

[role="button"] {
		color: inherit;
		cursor: default;
		display: inline-block;
		text-align: center;
		text-decoration: none;
		white-space: pre;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
}

main {
		display: block;
}

/*
 * Color settings
 */
/*
 * Px to Em Converter
 */
/*
 * Breakpoint settings
 * -479px : mobileonly
 * 480-767px : mobile
 * 768-991px : tablet
 * 992-1199px : laptop
 * 1200px- : desktop
 */
/*
 * width setting
 */
/*
 * Mixin for vendor prefix
 * @include set_prefix()
 */
/*
 * Mixin for keyframes
 * @include keyframes()
 */
/*
 * Mixin for clearfix
 * @include clearfix
 */
/*
 * Mixin for linkcolor
 * @include linkColor()
 */
/*
 * Mixin for placeholder
 * @include placeholderColor(#00ff00)
 */
/*
 * breakpoint
 * @include breakpoint(desktop)
 */
.bottom_cta {
		padding: 24px 50px;
		width: 100%;
}

@media (min-width: 48em) and (max-width: 61.9375em) {
		.bottom_cta {
				padding: 0;
				margin: 0 0 24px 0;
		}
}

@media (max-width: 48em) {
		.bottom_cta {
				padding: 0 5%;
		}
}

.bottom_cta__content {
		width: 800px;
		height: auto;
		margin: 0 auto;
}

@media (min-width: 48em) and (max-width: 61.9375em) {
		.bottom_cta__content {
				width: 100%;
		}
}

@media (max-width: 48em) {
		.bottom_cta__content {
				width: 100%;
		}
}

.bottom_cta__nav_group {
		text-align: center;
}

@media (max-width: 29.9375em) {
		.bottom_cta__nav_group + .bottom_cta__nav_group {
				margin: 2.4rem 0 0 0;
		}
}

.bottom_cta__nav_list {
		display: inline-block;
		margin-bottom: 8px;
}

@media (max-width: 48em) {
		.bottom_cta__nav_list {
				display: block;
				margin: 0;
				padding: 0.8rem 0;
		}
}

.bottom_cta__nav_list + .bottom_cta__nav_list {
		border-left: 1px solid #3e3e3e;
}

@media (max-width: 48em) {
		.bottom_cta__nav_list + .bottom_cta__nav_list {
				border: none;
				border-top: 1px solid #3e3e3e;
		}
}

.bottom_cta__nav_link {
		display: block;
		padding: 0 2.4rem;
		color: #3e3e3e;
		text-decoration: none;
}

.bottom_cta__nav_link:visited {
		color: #3e3e3e;
}

.bottom_cta__nav_link:active {
		color: #3e3e3e;
}

.bottom_cta__nav_link:hover {
		color: #369b43;
}

.footer {
		background: #3e3e3e;
		padding: 32px 50px;
		width: 100%;
}

@media (max-width: 48em) {
		.footer {
				padding: 5%;
		}
}

.footer__content {
		width: 800px;
		height: auto;
		margin: 0 auto;
}

@media (max-width: 48em) {
		.footer__content {
				width: 100%;
		}
}

.footer__nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
}

@media (max-width: 29.9375em) {
		.footer__nav {
				display: block;
		}
}

@media (max-width: 29.9375em) {
		.footer__nav_group + .footer__nav_group {
				margin: 2.4rem 0 0 0;
		}
}

.footer__nav_list {
		display: block;
}

.footer__nav_list + .footer__nav_list {
		margin: 2.4rem 0 0 0;
}

.footer__nav_link {
		display: block;
		color: #ffffff;
		text-decoration: none;
}

.footer__nav_link:visited {
		color: #ffffff;
}

.footer__nav_link:active {
		color: #ffffff;
}

.footer__nav_link:hover {
		color: #ffffff;
}

.footer__nav_link:hover {
		text-decoration: underline;
}

.footer__copy {
		color: #ffffff;
		text-align: center;
		margin-top: 32px;
}

@media (max-width: 29.9375em) {
		.footer__copy {
				border-top: 1px solid #ffffff;
				padding-top: 24px;
				margin-top: 24px;
		}
}

.footer__copy_text {
		font-size: 1.2rem;
		letter-spacing: .15em;
}

.header {
		background: #ffffff;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000;
		padding-bottom: 16px;
}

.header__layout {
		display: table;
		width: 1200px;
		height: auto;
		margin: 0 auto;
		padding: 0 40px;
}

.header__layout:after {
		content: "";
		display: table;
		clear: both;
}

@media (max-width: 48em) {
		.header__layout {
				padding: 4.5% 0;
				width: 100%;
		}
}

.header__logo {
		display: table-cell;
		vertical-align: middle;
		line-height: 0;
		text-align: left;
		margin: 16px 0;
}

@media (max-width: 48em) {
		.header__logo {
				display: block;
				width: 100%;
				margin: 0;
				text-align: center;
		}
}

.header__logo img {
		display: block;
		max-width: 231px;
		width: 100%;
		height: auto;
		margin-top: 19px;
}

@media (max-width: 48em) {
		.header__logo img {
				display: inline-block;
				max-width: 154px;
				margin: 0;
		}
}

.header__nav {
		display: table-cell;
		vertical-align: middle;
		text-align: right;
}

@media (max-width: 48em) {
		.header__nav {
				width: 60%;
				height: 100vh;
				padding: 50px 5%;
				background: #ffffff;
				position: absolute;
				left: -60%;
				top: 0;
				z-index: 1000;
				overflow-y: scroll;
				-webkit-overflow-scrolling: touch;
				text-align: left;
		}
}

.top-bar {
		width: 100%;
		text-align: right;
		margin-bottom: 16px;
}

@media (max-width: 48em) {
		.top-bar {
				margin: 32px 0 0 0;
				padding-top: 32px;
				border-top: 2px solid #3e3e3e;
				text-align: left;
		}
}

.top-bar__number_group {
		display: inline-block;
}

@media (max-width: 48em) {
		.top-bar__number_group {
				display: block;
		}
}

.top-bar__number, .top-bar__number--tel, .top-bar__number--fax {
		display: inline-block;
		margin-right: 1.3rem;
		letter-spacing: 0.1em;
}

@media (max-width: 48em) {
		.top-bar__number, .top-bar__number--tel, .top-bar__number--fax {
				display: block;
				white-space: nowrap;
		}
}

.top-bar__number--fax {
		margin-top: 1.6rem;
}

.top-bar__btn_group {
		display: inline-block;
}

@media (max-width: 48em) {
		.top-bar__btn_group {
				display: block;
		}
}

.top-bar__link, .top-bar__link--biz, .top-bar__link--booking {
		display: inline-block;
		color: #ffffff;
		white-space: nowrap;
		padding: 1px 15px;
		color: #ffffff;
		text-decoration: none;
}

.top-bar__link:visited, .top-bar__link--biz:visited, .top-bar__link--booking:visited {
		color: #ffffff;
}

.top-bar__link:active, .top-bar__link--biz:active, .top-bar__link--booking:active {
		color: #ffffff;
}

.top-bar__link:hover, .top-bar__link--biz:hover, .top-bar__link--booking:hover {
		color: #ffffff;
}

@media (max-width: 48em) {
		.top-bar__link, .top-bar__link--biz, .top-bar__link--booking {
				display: block;
				width: 100%;
				margin-top: 1.6rem;
				text-align: center;
				padding: 6px 0;
		}
}

.top-bar__link--biz {
		background: #3e3e3e;
		border: 2px solid #3e3e3e;
		margin-right: 1px;
}

.top-bar__link--biz:hover {
		background: #ffffff;
		color: #3e3e3e;
}

.top-bar__link--booking {
		background: #e66441;
		border: 2px solid #e66441;
}

.top-bar__link--booking:hover {
		background: #ffffff;
		color: #e66441;
}

.global-nav {
		display: table;
		width: 100%;
}

@media (max-width: 48em) {
		.global-nav {
				display: block;
		}
}

.global-nav__group {
		display: table-cell;
		vertical-align: middle;
		white-space: nowrap;
		text-align: right;
}

@media (max-width: 48em) {
		.global-nav__group {
				text-align: left;
				display: block;
				width: 100%;
				margin: 0 auto;
		}
}

.global-nav__list {
		display: inline-block;
}

@media (max-width: 48em) {
		.global-nav__list {
				display: block;
		}
}

.global-nav__list + .global-nav__list {
		margin-left: 2.4rem;
}

@media (max-width: 48em) {
		.global-nav__list + .global-nav__list {
				margin: 1.6rem 0 0 0;
		}
}

.global-nav__link {
		color: #3e3e3e;
		text-decoration: none;
}

.global-nav__link:visited {
		color: #3e3e3e;
}

.global-nav__link:active {
		color: #3e3e3e;
}

.global-nav__link:hover {
		color: #369b43;
}

@media (max-width: 48em) {
		.global-nav__link {
				display: block;
		}
}

.overlay {
		position: fixed;
		display: none;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.2);
		opacity: 1;
		animation-duration: 0.5s;
		animation-name: fade-in;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-name: fade-in;
		animation-name: fade-in;
}

@-webkit-keyframes fade-in {
		0% {
				display: none;
				opacity: 0;
		}
		1% {
				display: block;
				opacity: 0;
		}
		100% {
				display: block;
				opacity: 1;
		}
}

@keyframes fade-in {
		0% {
				display: none;
				opacity: 0;
		}
		1% {
				display: block;
				opacity: 0;
		}
		100% {
				display: block;
				opacity: 1;
		}
}

.drawer-open {
		position: fixed;
		width: 100%;
		height: 100%;
}

.drawer-open .overlay {
		display: block;
}

.btn-hamburger {
		display: none;
}

@media (max-width: 48em) {
		.btn-hamburger {
				display: block;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 2%;
				z-index: 1000;
				cursor: pointer;
				margin: auto;
				width: 24px;
				height: 16px;
		}
		.btn-hamburger__line, .btn-hamburger__line--top, .btn-hamburger__line--middle, .btn-hamburger__line--bottom {
				display: block;
				position: absolute;
				height: 2px;
				width: 100%;
				background: #3e3e3e;
				opacity: 1;
				left: 0;
		}
		.btn-hamburger__line--top {
				top: 0;
		}
		.btn-hamburger__line--middle {
				top: 7px;
		}
		.btn-hamburger__line--bottom {
				top: 14px;
		}
}

.btn-hamburger--open {
		display: none;
}

.btn-close {
		top: 20px;
		right: 10px;
		position: absolute;
		display: inline-block;
		width: 24px;
		height: 24px;
		overflow: hidden;
		z-index: 2000;
		cursor: pointer;
}

.btn-close::before, .btn-close::after {
		content: '';
		position: absolute;
		height: 1px;
		width: 100%;
		top: 50%;
		left: 0;
		margin-top: -1px;
		background: #3e3e3e;
}

.btn-close::before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
}

.btn-close::after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
}

.hero_index {
		width: 1200px;
		margin: 0 auto;
		padding: 0 40px;
}

@media (max-width: 48em) {
		.hero_index {
				width: 100%;
				padding: 0 40px;
		}
}

@media (max-width: 29.9375em) {
		.hero_index {
				width: 100%;
				padding: 0;
		}
}

.hero_index__container {
		position: relative;
		height: 550px;
		margin: 0 auto;
		display: table;
		width: 100%;
}

.hero_index__text {
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
		font-size: 2.4rem;
		letter-spacing: 0.4rem;
}

.hero_index__feature {
		margin: 8px auto 0 auto;
}

.hero_index__btn {
		display: block;
		border: 1px solid #ffffff;
		padding: 8px 24px;
		margin: 8px auto;
}

.hero_index__btn:hover {
		color: #369b43;
		border: 1px solid rgba(255, 255, 255, 0.8);
		background: rgba(255, 255, 255, 0.8);
}

.hero_index__overlay {
		text-align: center;
		color: #ffffff;
		display: table-cell;
		vertical-align: middle;
}

.hero_index__img_container {
		line-height: 0;
}

.hero_index__img {
		display: block;
		width: 100%;
		height: auto;
		margin: 0;
}

.news {
		width: 1200px;
		margin: 40px auto;
		padding: 0 40px;
}

@media (max-width: 48em) {
		.news {
				width: 100%;
		}
}

@media (max-width: 29.9375em) {
		.news {
				width: 100%;
				padding: 0;
		}
}

.news__container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
}

@media (max-width: 29.9375em) {
		.news__container {
				display: block;
		}
}

.news__layout_title {
		width: 195px;
}

@media (max-width: 29.9375em) {
		.news__layout_title {
				width: 100%;
				text-align: center;
		}
}

.news__title {
		letter-spacing: 0.1em;
		font-size: 2rem;
}

.news__layout_content {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		border-left: 1px solid #000000;
		margin: 0 16px;
}

@media (max-width: 29.9375em) {
		.news__layout_content {
				border: none;
				border-top: 1px solid #000000;
				margin: 24px 8px 0 8px;
		}
}

.news__row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin: 0 0 0 16px;
}

@media (max-width: 29.9375em) {
		.news__row {
				margin: 32px 0 0 0;
		}
}

.news__row + .news__row {
		margin: 2em 0 0 16px;
}

@media (max-width: 29.9375em) {
		.news__row + .news__row {
				margin: 32px 0 0 0;
		}
}

.news__date {
		margin: 0 0 0 1em;
}

.news__name {
		margin: 0 0 0 1em;
		word-wrap: break-word;
		overflow-wrap: break-word;
}

.news__link {
		color: #3e3e3e;
}

.news__link:visited {
		color: #3e3e3e;
}

.news__link:active {
		color: #3e3e3e;
}

.news__link:hover {
		color: #369b43;
}

.news__link:hover {
		text-decoration: underline;
}

.news__layout_more {
		white-space: nowrap;
		width: 5em;
		letter-spacing: 0.1em;
		text-align: right;
}

@media (max-width: 29.9375em) {
		.news__layout_more {
				width: 100%;
				text-align: center;
				margin: 32px 0 0 0;
		}
}

.news__more_link {
		color: #3e3e3e;
		text-decoration: none;
}

.news__more_link:visited {
		color: #3e3e3e;
}

.news__more_link:active {
		color: #3e3e3e;
}

.news__more_link:hover {
		color: #369b43;
}

.block_nav {
		width: 100%;
		height: auto;
		margin: 0 auto;
}

.block_nav__row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
}

@media (max-width: 29.9375em) {
		.block_nav__row {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		}
}

.block_nav__banner_link {
		position: relative;
		min-height: 213px;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: #ffffff;
		text-decoration: none;
}

.block_nav__banner_link:visited {
		color: #ffffff;
}

.block_nav__banner_link:active {
		color: #ffffff;
}

.block_nav__banner_link:hover {
		color: #ffffff;
}

.block_nav__banner_link:after {
		position: absolute;
		display: block;
		content: '';
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border: 1px solid #ffffff;
		margin: 5%;
}

.block_nav__banner_link:hover:after {
		border: 0;
}

.block_nav__text {
		display: table;
		vertical-align: middle;
}

.block_nav__title {
		text-align: center;
		letter-spacing: 0.2em;
}

@media (max-width: 48em) {
		.block_nav__title {
				letter-spacing: 0.1em;
		}
}

@media (max-width: 29.9375em) {
		.block_nav__title {
				letter-spacing: 0.2em;
		}
}

.block_nav__en {
		font-size: 2.4rem;
}

@media (max-width: 48em) {
		.block_nav__en {
				font-size: 1.6rem;
		}
}

@media (max-width: 29.9375em) {
		.block_nav__en {
				font-size: 2.4rem;
		}
}

.block_nav__jp {
		font-size: 1.6rem;
}

@media (max-width: 48em) {
		.block_nav__jp {
				font-size: 1.4rem;
		}
}

@media (max-width: 29.9375em) {
		.block_nav__jp {
				font-size: 1.6rem;
		}
}

.banner, .banner--event, .banner--page {
		padding: 96px 40px;
}

@media (max-width: 48em) {
		.banner, .banner--event, .banner--page {
				padding: 40px 1%;
		}
}

.banner--event {
		background: #fafafa;
}

.banner__title {
		width: 980px;
		text-align: center;
		margin: 0 auto 16px;
}

@media (max-width: 48em) {
		.banner__title {
				width: 100%;
		}
}

.banner__layout {
		width: 980px;
		margin: 0 auto;
}

@media (max-width: 48em) {
		.banner__layout {
				width: 100%;
		}
}

.banner__row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		text-align: center;
}

@media (max-width: 48em) {
		.banner__row {
				display: block;
		}
		.banner__row:after {
				content: "";
				display: table;
				clear: both;
		}
}

.banner__row + .banner__row {
		margin: 32px 0 0 0;
}

@media (max-width: 48em) {
		.banner__row + .banner__row {
				margin: 0.7% 1%;
		}
}

.banner__col {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		max-width: 221px;
		width: 100%;
}

@media (max-width: 48em) {
		.banner__col {
				max-width: none;
				margin: 0.7% 1%;
				width: 48%;
				float: left;
		}
}

.banner__col + .banner__col {
		margin: 0 0 0 32px;
}

@media (max-width: 48em) {
		.banner__col + .banner__col {
				margin: 0.7% 1%;
		}
}

.banner__link {
		color: #3e3e3e;
		text-decoration: none;
		display: block;
		text-align: left;
}

.banner__link:visited {
		color: #3e3e3e;
}

.banner__link:active {
		color: #3e3e3e;
}

.banner__link:hover {
		color: #369b43;
}

.banner__img {
		width: 100%;
		height: auto;
		line-height: 0;
}

.banner__name {
		display: block;
}

.access {
		padding: 0 40px;
}

@media (max-width: 48em) {
		.access {
				padding: 0 1% 96px;
		}
}

.access__title {
		font-size: 2.4rem;
		width: 980px;
		text-align: center;
		margin: 0 auto 16px;
}

@media (max-width: 48em) {
		.access__title {
				width: 100%;
		}
}

.access__layout {
		width: 980px;
		margin: 0 auto;
}

@media (max-width: 48em) {
		.access__layout {
				width: 100%;
		}
}

.access__row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		text-align: left;
}

@media (max-width: 29.9375em) {
		.access__row {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		}
}

.access__col {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
}

.access__col + .access__col {
		margin: 0 0 0 32px;
}

@media (max-width: 29.9375em) {
		.access__col + .access__col {
				margin: 32px 0 0 0;
		}
}

.access__transportation {
		font-size: 1.8rem;
		text-align: center;
		padding-bottom: 1em;
		margin-bottom: 1.5em;
		border-bottom: 1px solid #3e3e3e;
}

@media (max-width: 48em) {
		.access__transportation {
				text-align: left;
		}
}

.access__btn {
		display: inline-block;
		color: #3e3e3e;
		white-space: nowrap;
		padding: 1px 24px;
		margin: 16px 0;
		border: 1px solid #3e3e3e;
		color: #3e3e3e;
		text-decoration: none;
}

.access__btn:visited {
		color: #3e3e3e;
}

.access__btn:active {
		color: #3e3e3e;
}

.access__btn:hover {
		color: #ffffff;
}

.access__btn:hover {
		background: #3e3e3e;
		color: #ffffff;
}

@media (max-width: 48em) {
		.access__btn {
				display: block;
				width: 100%;
				margin-top: 1.6rem;
				text-align: center;
				padding: 6px 0;
				margin-right: 1px;
		}
}

.access__text + .access__text {
		margin: 1em 0 0 0;
}

@media (max-width: 48em) {
		.access__btn {
				width: 50%;
		}
}

.map {
		width: 100%;
		height: auto;
		margin: 36px auto 24px;
}

.map__layout {
		width: 980px;
		margin: 36px auto;
		line-height: 0;
}

@media (max-width: 48em) {
		.map__layout {
				width: 100%;
				border: none;
		}
}

.map__image {
		width: 100%;
		height: auto;
}

.map__content {
		width: 100%;
		height: 330px;
}

.weather {
		position: absolute;
		width: 110px;
		height: 150px;
		bottom: 5%;
		right: 5%;
		color: #ffffff;
		text-align: center;
		letter-spacing: 0.1rem;
}

@media (max-width: 48em) {
		.weather {
				height: 125px;
		}
}

.weather__date {
		margin-bottom: 0.8rem;
}

@media (max-width: 48em) {
		.weather__date {
				margin-bottom: 0.2rem;
		}
}

.weather__ico {
		max-width: 62px;
		width: 100%;
		height: auto;
}

@media (max-width: 48em) {
		.weather__ico {
				max-width: 40px;
		}
}

.weather__temperature {
		margin-top: 0.8rem;
}

@media (max-width: 48em) {
		.weather__temperature {
				margin-top: 0.2rem;
		}
}

.weather__low {
		display: inline-block;
}

.weather__high {
		display: inline-block;
}

.weather__separator {
		display: inline-block;
}

.weather__wind {
		margin-top: 0.8rem;
}

@media (max-width: 48em) {
		.weather__wind {
				margin-top: 0.2rem;
		}
}

.weather__speed {
		display: inline-block;
}

.weather__direction {
		display: inline-block;
}

#skelton {
		display: none;
		position: absolute;
		width: 1200px;
		height: auto;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 0;
		opacity: .7;
		z-index: 99999;
		text-align: center;
}

#skelton img {
		width: 100%;
		height: auto;
}

@media (max-width: 48em) {
		#skelton {
				width: 100%;
				top: 0;
				left: 0;
				right: 0;
		}
}

#skelton.active {
		display: block;
}

html {
		font-size: 62.5%;
}

*,
*:after,
*:before {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}

body {
		background: #ffffff;
		font-family: sans-serif;
		font-size: 1.4em;
		line-height: 1.5;
		color: #3e3e3e;
}

@media (max-width: 48em) {
		body {
				width: 100%;
		}
}

html,
body {
		height: 100%;
}

body[data-os^="windows"] {
		font-family: 'Noto Serif', "游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

body[data-os^="mac_os"] {
		font-family: 'Noto Serif', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}

body[data-os^="i_os"] {
		font-family: 'Noto Serif', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}

body[data-os^="android"] {
		font-family: Roboto, sans-serif;
}

body[data-os^="android 4"],
body[data-os^="android 5"] {
		font-family: Roboto, MotoyaLCedar, sans-serif;
}

.wrapper {
		min-height: calc(100vh - 70px);
}

a:focus,
button:focus {
		outline: 3px dotted #3498db;
}