body{
    font-family:'メイリオ','Hiragino Kaku Gothic Pro','sans-serif';background-color:azure;margin:0;
}


h1{
    font-size:28px;
    margin-top:0;margin-bottom:0;
}

h2 {
    margin-top:0;margin-bottom:0;
}

h3{
    margin-top:0;margin-bottom:0;
}

h4{
    margin-top:0;margin-bottom:0;
}

h5{
    margin-top:0;margin-bottom:0;
}

p{
    line-height:2
}

/* ヘッダー */
header {
    background-color:lightcyan;border-bottom:solid 1px #aaaaaa;margin-bottom:30px;-webkit-box-shadow:0 1px 7px #aaaaaa;box-shadow:0 1px 7px #aaaaaa;padding:5px;
    
}

/* 記事 */
article {
    background-color:lightcyan;width:100%;
    margin-left:auto;
    margin-right:auto;
    border:solid 1px #aaaaaa;
    padding:30px;
    -webkit- box-sizing:border-box;
    -moz- box-sizing:border-box;
    box-sizing:border-box;
    margin-bottom:15px;
    overflow:hidden;
    -webkit- box-shadow: 3px 3px 3px #aaaaaa;
    box-shadow:3px 3px 3px #aaaaaa;
    border-radius: 20px;
    
       
}



/* フッター */
footer {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    clear:both;
        
}

/* 画像を中央に配置するレイアウト */
figure.photo-center {
    text-align:center;
    margin-top:30px;
    margin-bottom:30px;
}

/* 画像を左に配置するレイアウト */
figure.photo-left {
    margin:0;
    margin-right:20px;
    float:left;
    
}

/* 画像を右に配置するレイアウト */
figure.photo-right {
    margin:0;
    margin-left:20px;
    float:right;
    
}

/* 画像の最大幅を指定する */
img {
	max-width: 90% ;		/* 横幅の90% */
	height: auto ;			/* 縦幅を自動調整 */
}