header{
	background-color: rgb(30, 30, 30);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 20px;
	background-color: rgb(16, 16, 16);
	height: 60px;
}
header *{
  	text-decoration: none;
	list-style: none;
	color: rgb(234, 234, 234);
	.m-plus-1p-regular {
		font-family: "M PLUS 1p";
		font-weight: 900;
		font-style: normal;
	}
}
header .logo {
	display: flex;
}
header img{
	width: 32px;
	margin: auto;
	margin-right: 10px;
}
header h1{
	font-size: 24pt;
}
nav ul{
	display: flex;
}
nav li{
	padding: 8px 12px;
	text-align: center;
	border-bottom: #ddd solid 1px;
}
.menu-btn {
  display: none;
  font-size: 24px;
  padding: 10px;
  background: none;
  border: none;
  color: white;
  cursor: pointer;
}
/* ----------スマホ用---------- */
@media (max-width: 800px) {
  nav {
    display: none;
    position: absolute;
    top: 70px;
    right: 0;
    background: #202020;
    width: 100%;
	max-width: 300px;
  }
  nav ul { flex-direction: column; }
  .menu-btn { display: block; }
  
   li:hover {
    background: #161616;
  }
   li:active {
    background: #000000;
  }
}




footer {
	background-color: rgb(16, 16, 16);
	padding: 30px 80px;
}
footer *{
  	text-decoration: none;
	font-size: 10pt;
	list-style: none;
	color: rgb(160, 160, 160);
}
footer #footer_links_container {
	display: flex;
	justify-content: center;
}
footer .footer_link_block {
	max-width: 400px;
}
footer .footer_link_block_margin {
	width: 80px;
}
footer .footer_link {
	display: block;
	margin-bottom: 10px;
}
footer #footer_icons {
	margin: auto;
	display: flex;
	width: 100%;
	justify-content: center;
}
footer #footer_icons > * {
	padding: 8px;
}
footer #copyright {
	font-size: 8pt;
	color: rgb(232, 232, 232);
	text-align: center;
}