html.grid--is_active {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYAQMAAADnK87dAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlMANrkpWKEAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVAiZY2AgCTwAAAEQAOFwuZEGAAAAAElFTkSuQmCC) repeat left top;
}

@media (min-width: 960px) {
	html.grid--is_active {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAeAQMAAAAxci3AAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlMANrkpWKEAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVAiZY2AgGzwAAAEcAOFHPV40AAAAAElFTkSuQmCC) repeat left top;
	}
}

body {
	font-family: "Century Gothic",Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-rendering: geometricprecision;
}

.black-container {
	color: #FFF;
	background: rgba(0,0,0,0.3) url(../img/bg-dot.png);
}
.white-container {
	background: rgba(255,255,255,0.3) url(../img/bg-dot-white.png);
}


header {
	background: url(../img/bg-head.jpg) no-repeat center center;
	height: auto;
	min-height: 100vh;
	animation: fadeInHeader 3s ease 0s 1 normal;
	-webkit-animation: fadeInHeader 3s ease 0s 1 normal;
}
header .black-container {
	height: auto;
	min-height: 100vh;
	padding-bottom: 3rem;
}
@keyframes fadeInHeader {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeInHeader {
	0% {opacity: 0}
	100% {opacity: 1}
}
.space-top {
	margin-top: 2rem;
}

h1 {
	padding-top: 7.5rem;
	color: #31cecb;
	font-family: 'Cormorant Garamond', serif;
	font-size: 6rem;
}
header h2 {
	padding-bottom: 9rem;
	color: #fff;
	font-size: 2rem;
}
header p,
.menu h2 {
	text-shadow: 0 0 12px #000;
}
.menu h2 {
	color: #31cecb;
}

h2 {
	padding-bottom: 3.6rem;
	color: #13b5b1;
	font-family: "Sawarabi Mincho";
}
.wrapper {
	padding: 3.2rem 1.6rem;
}
.btn {
	padding: 0 6rem;
	background-color: #13b5b1;
}
.btn:hover {
	background-color: #31cecb;
}

.overview {
	background: url(../img/bg-overview.jpg) no-repeat center center;
}
.overview img {
	display: inline-block;
	margin-top: 1.5rem;
}
.overview .grid {
	margin-bottom: 3rem;
}

.menu {
	background: url(../img/bg-menu.jpg) no-repeat center center;
}
.menu table {
	border-top: 1px solid rgba(255,255,255,0.3);
}
.menu td,
.menu th {
	padding: 1.5rem 1rem;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
.menu th {
	font-weight: normal;
}

iframe {
	width: 100%;
}
.copy {
	margin-top: 6rem;
	padding: 1.6rem;
	color: #fff;
	background: #3c3c3d;
	font-size: 1.4rem;
}

header,
.overview,
.menu {
	background-size: cover;
	background-attachment: fixed;
}


@media (min-width: 600px) {
	iframe {
		height: 300px;
	}
	/* 画面外にいる状態 */
	.fadeIn {
		opacity : 0.01;
		transform : translate(0, 100px);
		transition : all 1s;
	}

	/* 画面内に入った状態 */
	.fadeIn.scrollIn {
		opacity : 1;
		transform : translate(0, 0);
	}
}
@media (max-width: 599px) {
	header,
	.overview,
	.menu {
		background-size: auto 100%;
		background-attachment: inherit;
	}
	h1 {
		font-size: 5.4rem;
	}
}


/*# sourceMappingURL=kss.css.map */