@charset "UTF-8";

body{
	font-family: sans-serif;
	background: #544d50;
background: radial-gradient(circle, rgba(84, 77, 80, 1) 0%, rgba(148, 187, 233, 1) 100%);
}


img{
	vertical-align:bottom;
}

h1{
	color:#94846a;
	font-size:2.6em;
	font-weight:bold;
	text-align:center;
}

header{
	background: #3a424f;
background: linear-gradient(90deg, rgba(58, 66, 79, 0.93) 100%, rgba(68, 94, 50, 0.14) 23%, rgba(130, 119, 55, 1) 0%);
	margin-bottom: 40px;
	padding: 20px 0;
}

main{
	width:640px;
	margin:0 auto;
	display:block;
}

figure{
	margin-bottom:20px;
}

ul{
	margin:0 auto;
}

ul li{
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
	list-style-type:none;
}

ul li a:hover{
	transition:opacity .3s;
	opacity:.5;
}

ul li:last-child{
	margin-right:0;
}


/* レスポンシブへ変更 */

@media only screen and (max-width: 768px) {
	main {
		width: 98%;
	}
}

img{
max-width:100%;
height:auto;
}