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

body{
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	background-color: white;
	margin: 12px;
      position : relative;
    }

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


p     {line-height:1.5;
        color:black;}


/*ヘッダー*/

header   {background-color:white;
           border-bottom:solid 1px grey;
           margin-bottom:30px;
           -webkit-box-shadow:1px 7px yellow;
           box-shadow:1px 7px yellow;
           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:#000000}





/*記事*/

article  {background-color: white;
          width:900px;
          margin-left:auto;
          margin-right:auto;
          padding:30px;
          box-sizing:border-box;
          border-bottom:8px solid #219355;
          box-shadow:4px 4px 16px #2435B2;
          border-radius:20px;
          margin-bottom:15px;
          text-align:left;
          overflow:  hidden}

/*フッター*/
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}


/*小見出し*/
h2   {clear:both;
      border-bottom:solid 5px #c39f4a;
      margin-top:30px}

/*リンク*/
a:link { color:#765623; }
a:visited { color:orange; }
a:hover { color: #ff0000; }
a:active { color: #ff8000; }



/*記事の一覧ページ*/
#posts article a {color:#000000;
                  text-decoration: none;
                  display: block;
                  overflow:hidden;
                  padding:20px}
#posts article a:hover {background-color: #ffe792}
#posts article {padding:0}


#top header {margin-bottom:0}

#photo   {background-image:url(pega.png);
         background-repeat:no-repeat;
         background-position: 50% 0;
         background-color:#00f234;
         text-align:center;
         padding-top:320px;
         padding-bottom:80px}


#photo h1  {color: #ffffff;
            font-size:60px;
            font-family:'chango',cursive;
            text-shadow:5px 10px #000000}

#photo p  {color: #ffffff;
           font-size:20px;
           font-weight:bold;
           text-shadow:0  5px  10px  #000000}