@charset "UTF-8";

/*-*/

#main{
	padding-top:50px;
	padding-bottom:150px
}

/*-*/

h1{
	margin-bottom:50px;
	text-align:center
}

/*-*/

#main nav{
	width:250px
}

#main ul:not(:last-child){
	margin-bottom:20px
}

#main li:not(:first-child){
	background:url("../img/style/icon.jpg") no-repeat 10px center;
	margin-top:10px;
	padding-left:25px
}

/*-*/

#main nav p{
	padding-top:10px;
	max-width:210px
}

/*-*/

#main nav+div>div:not(:last-child){
	margin-bottom:20px
}

#main nav+div>div>div{
	text-align:center;
	width:250px
}

#main article{
	display:inline-block
}

#main figure img{
	max-width:230px;
	width:100%
}

#main figcaption{
	margin-top:20px
}

#main figcaption p,
#main figcaption a{
	color:#848484
}

#main figcaption img{
	vertical-align:sub
}

/*-*/

@media(max-width:599px){

	#main{
		padding-top:20px;
		padding-bottom:20px
	}

	/*-*/

	h1{
		margin-bottom:20px
	}

}

@media(max-width:649px){

	#main nav,
	#main nav+div{
		display:block;
		width:auto
	}

	#main nav{
		text-align:center
	}

	#main ul{
		display:inline-block;
		margin-bottom:20px;
		text-align:left;
		vertical-align:top
	}

}

/*-*/

@media(max-width:499px){

	#main nav+div>div,
	#main nav+div>div>div{
		display:block;
		width:auto
	}

	#main nav+div>div>div:not(:last-child){
		margin-bottom:20px
	}

}