@charset "UTF-8";

/* 全体 */
* {
	font-family: "Sawarabi Gothic", Trebuchet, Century Gothic, Arial,"ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	font-family: 'Hannari', sans-serif;
	color: #003366
}
a {
	color: #666666;
}
a:hover {
	color: #bbbbbb;
}
.wrapper {
	margin: 0 auto 0 auto;
}

/* ヘッダー */
.header {
	margin: 150px auto 100px auto;
}

#title {
	font-family: 'Hannari', sans-serif;
	font-size: 40px;
	color: #003366;
	text-align: center;
	opacity: 0.82;
}

.caption {
	font-family: 'Stylish', sans-serif;
	text-align: center;
}
	
/* メイン */
.main {
	overflow: hidden;
	width: 94%;
	height: 1000px;
	margin: 0 auto 0 auto;
	text-align: center;
}

p {
	color: #004477;
}

/* フッター */
.footer {
	margin: 0 auto 0 auto;
	padding: 60px 0px 150px 0px;
	opacity: 0.82;
	color: #ffffff;
	background-color: #003366;
	text-align: center;
}
.footer a {
	color: #BBBBBB;
}
.footer a:hover {
	color: #FFFFFF;
}

@media(min-width:1024px){
	#title {
		font-size: 50px;
	}
	main {
		width: 640px;
		height: 700px;
	}

	p {
		font-size: 14px;
	}
}