@charset "utf-8";

html {
	}

p {margin: 0px;}

.pc_none {
	display: none;/* パソコンンでは非表示 */
	}

.sp_none {
	display: block;/* スマートフォンでは非表示 */
	}


/* ヘッダー */

header {
	background: #000000;
}
.header-container {
	margin: 0 auto;
	padding: 30px 20px 10px 20px;
	width: 980px;
	}
.header-logo {
	margin: 0;
	width: 200px;
	height: 44px;
	background: url(../images/logo.png) no-repeat;
	background-size: 200px 44px;
	text-indent: -9999px;
	}

/* ナビゲーション */

nav {
	background: #000000;
}
.nav-container {
	margin: 0 auto;
	padding: 0 20px 0 20px;
	width: 980px;
}

nav {
	margin: 0 auto;
	background: #000080;
}

nav ul {
	list-style: none;
	display: flex;
	flex-flow: row;
	justify-content: center;
	margin: 0;
	padding: 0;
	}

nav li a {
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	font-size: 14px;
	color: #ffffff;
	}

nav li a:hover {
	color: #9acd32;
	}


/* フッター */

footer { 
	background: #000080;
	}

.footer-container {
	margin: 0 auto;
	width: 700px;
	padding: 20px;
	text-align: center;
	background: #000080;
	}
	
.copyright {
	margin: 0 auto;
	font-size: 0.8rem;
	color: #ffffff;
	}