@charset "utf-8";
/*========= 現在地表示のためのCSS ===============*/

#header {
	position: fixed;/*header固定*/
	height: 70px;/*Headerの高さ設定*/
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #c3d856;
	color: #fff;
	text-align: center;
	padding: 20px;
}
/*========= レイアウトのためのCSS ===============*/

h1 {
	font-size: 1.2rem;
}
h2 {
	font-size: 1.2rem;
	text-align: center;
	margin: 0 0 30px 0;
}
p {
	margin-top: 20px;
}
small {
	background: #c3d856;
	color: #fff;
	display: block;
	text-align: center;
	padding: 20px;
}
nav ul {
	list-style: none;
	display: flex;
	justify-content: center;
}
nav ul li a {
	display: block;
	text-decoration: none;
	color: #666;
	padding: 10px;
	transition: all 0.3s;
}
nav ul li.current a, nav ul li a:hover {
	color: #fff;
}

@media screen and (max-width:768px) {
nav ul li a:hover {
	color: #666;
}
nav ul li.current a {
	color: #fff;
}
h1 {
	font-size: 14px;
}
}
section {
	padding: 30px;
}
section:nth-child(1) {
	padding: 100px 30px 30px;
}
section:nth-child(2n) {
	background: #f3f3f3;
}
.comentBox {
	border-bottom: #c3d856 1px dashed;
	margin-bottom: 40px;
	padding-bottom: 40px;
}
.wf-sawarabigothic {
	font-family: "Sawarabi Gothic";
}
.wf-oswald {
	font-family: 'Oswald', sans-serif;
}
.mb40{
	margin-bottom: 40px;
}