body{
	background: #505050;
}

h3{
	border-bottom: 1px solid #eeeeee;
}

img{
	display: block;
	width: 100%;
}

a{
	color: #eeeeee;
}

/*メニュー*/
.menu{
	margin: 0 auto;
	padding: 0;
	width: 90%;
}

.menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: #262626;
}

.menu li{
	border-bottom: 1px solid #eeeeee;
}

.menu a{
	text-decoration: none;
	display: block;
	line-height: 1;
	padding: 	0.5em;
}

.menu label{
		display: block;
		background: #262626;
		color: #eeeeee;
		position: relative;
		padding: 1em;
		margin: 0;
		line-height: 1;
}

.menu .cnt {
		position: relative;
		z-index: 10;
		overflow: hidden;
		max-height: 0;
		margin-top: -1px;
	}
	
.menu input{
	display: none;
}
	
.menu input:checked ~ .cnt {
		max-height: 30em;
	}


/*テキスト*/
.textBox{
	display: block;
	padding: 0.8em;
	background: #262626;
	color: #eeeeee;
	margin: 0 auto;
	text-decoration: none;
	width: 80%;
	
}

/*ボタン*/
.link{
	display: block;
	padding: 0.8em;
	background :#262626;
	color: #eeeeee;
	margin: 0 auto;
	text-decoration: none;
	border : 0.8px solid #eeeeee;
}

/*スペース*/
.space{
	margin: 2.5em;
}

.spaceMini{
	margin: 1em;
}

@media screen and (max-width: 600px){
	.textBox{
		width: 90%
	}
	
	.menu{
		width: 100%;
	}

}

/*おまけページ*/
.secret{
	text-align: center;
}
.secret a{
	color: #505050;
}