@charset "UTF-8";



/*指定したタグの余白をなくす*/
body,h1,h2,h3,ul,li{margin: 0;
	padding: 0;}

*{box-sizing: border-box;}/*これが入っていると、widthの設定をする際にpaddingとborderの数値を気にせずに出来る*/
body {
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
background-color: antiquewhite;
}
.wrapper{width: 1000px;
margin: 0 auto;
background-color:aliceblue}

header{display: flex;
align-items: center;
padding:10px 0 10px 10px ;
width: auto;
}

header img{
	width: 300px;
}
.mainphoto img{width: 100%;
}


main{display: flex;}
article{width: 700px;
display: flex;
flex-wrap: wrap;}

section{width: 330px;
	margin-top: 30px;
	margin-right: 20px;
background-color:ghostwhite
}
section  p{padding: 10px;}



section img{width: 100%;}

aside{width: 300px;
	margin-top: 30px;
background-color:cornflowerblue}
aside h2{
	text-align: center;
}


aside img{width: 100%;
margin-bottom: 15px;
}

img{vertical-align: bottom;}/*画像の下に出る余白を消すため*/


footer{text-align: center;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
font-size: 12px;
border-top:2px solid skyblue;}