/* =======================================================
 *   ページ全体
 * ======================================================= */

body{
      color: #333333;
     }
header, main, #footlinks{
                          width: 1000px;
                          margin-left: auto;
                          margin-right: auto;
                         }

/* =======================================================
 *   ヘッダー
 * ======================================================= */

#logo img{
          vertical-align: baseline;
         }
nav +picture img{
                width: 1000px;
               }

/* =======================================================
 *   メインコンテンツ
 * ======================================================= */

main{
     display: grid;
     grid-template-columns: 1fr;
     grid-auto-rows: auto;
     margin-top: 2.4rem;
}
main > article{
               margin-right: 1.5rem;
              }
#sub > article{
                padding: 1rem;
                border: 2px solid #ff69b4;
                border-radius: 8px;
               }
#sub > article:first-child{
                            margin-bottom: 1rem;
                           }
#sub > article p{
                  margin: 1rem 0 0;
                 }
h1,h2{
      margin: 0;
     }
h2{
   padding-left: 1.4rem;
   background : url(icon.gif) left center / contain no-repeat scroll padding-box border-box transparent;
  }
/* =======================================================
 *   フッター
 * ======================================================= */

#footlinks{
           display: grid;
           grid-template-columns: 1fr 1fr 1fr;
           grid-auto-rows: auto;
          }
#footlinks section:nth-child(n+2){
                                  margin-left: 1.2rem
                                 ;
}
#footlinks h3{
              font-size: 0.9rem;
             }
#footlinks a{
             font-size: 0.9rem;
            }