@charset "UTF-8";
/* CSS Document */

@import url(reset.css);

.cf::after {
	content: "";
	clear: both;
	display: block;
}
img { vertical-align: bottom; }
main { display: block; }



body {
	font-family: -apple-system,BlinkMacSystemFont,"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	font-size: 90%;
}
a {
	text-decoration: none;
	transition: all .4s ease;
}
a.pic:hover { opacity: .5; }


.txtS { font-size: 85%; }
.txtB { font-weight: 700; }
.txtFont { font-family: 'PT Sans', sans-serif; }

.container {
	overflow: hidden;
	text-align: center;
}

h1.logo {
	display: inline-block;
	margin-top: 40vh;
	width: 400px;
	transition: all .3s ease;
}
p.btn_wrap {
	margin-top: 120px;
	transition: all .3s ease;
}
a.reserve {
	display: inline-block;
	width: 300px;
	box-sizing: border-box;
	background-color: black;
	color: white;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 180%;
	padding: 5px 5px 6px;
	transition: all .3s ease;
}
footer { overflow: hidden; }
footer p {
	font-size: 85%;
	text-align: center;
	padding: 10px;
}

@media only screen and (max-width:959px) {
	h1.logo {
		margin-top: 30vh;
		width: 80vw;
		max-width: 300px;
	}
	p.btn_wrap { margin-top: 100px; }
	a.reserve {
		width: 80vw;
		max-width: 300px;
	}
}