@import url(https://fonts.googleapis.com/css?family=Playball);

body  {font-family:"メイリオ","Hiragino Kaku Gothic Pro",sans-serif;

        background-color:skyblue;
        background-image:
        margin:0}


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


p     {line-height:1.5}


/*ヘッダー*/

header   {background-color:white;
           border-bottom:solid 1px grey;
           margin-bottom:30px;
           -webkit-box-shadow:1px 7px 1px 1px mistyrose;
           box-shadow:1px 7px 1px 1pxmistyrose;
           padding:5px
           
           }

header h1  {font-family: 'Playball', cursive;
            font-size:24px;
            width:900px;
            margin-left: auto;
            margin-right: auto

             }

header  h1 img {vertical-align: -10px;
                margin-right: 5px}

header h1 a {text-decoration:none;
             color:#000000}
header h1 a:hover {color:#0000000}





/*記事*/

article  {background-color: white;
          width:900px;
          margin-left:auto;
          margin-right:auto;
          border:solid 1px green;
          padding:30px;
          -webkit-box-sizing:border-box;
          box-sizing:border-box;
          -webkit-box-shadow:1px 7px 1px 1px mistyrose;
           box-shadow:1px 7px 1px 1px mistyrose;
          margin-bottom:15px;
          border-radius:20px;
          
          overflow:  hidden}

aside li	{display: inline}
nav li	{display: inline;
	font-size: 12px;
	padding-left: 6px}
/*フッター*/
footer  {width: 900px;
         margin-left:auto;
         margin-right: auto;
         clear:both}

/*画像を中央に配置するレイアウト*/

figure.photo-left {margin: 0;
                     margin-right: 20px;
                     margin-bottom: 20px;
                     float: left}

figure.photo-left img{width:550px}

/*画像を右に配置するレイアウト*/

figure.photo-right {margin: 0;
                    margin-left: 20px;
                    float: right}
figure-photo-right img  {width:550px}



/*リンク*/

a              {color:blue}
a: hover       {color:blue}
a img          {border:none}