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

body {
      margin: 0;
      color: #000;
      background: #fffffa;
      font-family:"ヒラギノ角ゴ Pro","メイリオ",sans-serif;
     }
main, #footlinks {
                  margin: 1.2rem;
                 }
a:link, a:visited {
                   color: #993333;
                  }
a:hover {
         color: 000;
        }
h1, h2, h3 {
            margin: 0;
            color: #000;
            line-height: 1;
           }

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

header {
        margin-top: 36px;
        text-align: center;
       }
#logo img {
           vertical-align: bottom;
          }
nav ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto auto;
        margin: 36px 2px 2px;
        padding: 0;
       }
nav li {
        margin: 0;
        padding: 0;
       }
nav li, nav a {
               display: block;
              }
nav a {
       margin: 2px;
       padding: 0.4rem 0;
       background: #add8e6;
       text-decoration: none;
       font-size: 1.0rem;
       font-weight: bold;
      }
nav+picture img {
                width: 100vw;
                vertical-align: bottom;
               }

/* =======================================================
 *   メインコンテンツ
 * ======================================================= */
main {
      margin-bottom: 2.4rem;
     }
h1{
   margin-top: 2rem;
   font-size: 1.1rem;
  }
h2{
   margin-top: 2rem;
   font-size: 1rem;
  }

#contents{background-color:rgb(255, 240, 245);}

 /* =======================================================
  *   フッター
  * ======================================================= */
footer{
       padding-top: 0.5rem;
       padding-bottom: 1.4rem;
       background: #add8e6;
}
#footlinks ul, #footlinks li {
                              display: block;
                              margin-left: 0;
                              padding-left: 0;
                             }
#footlinks h3 {
               font-size: 1rem;
              }
#footlinks a {
              text-decoration: none;
             }
#footlinks a:hover {
                    text-decoration: underline;
                  }
#copyright {
            color: #333333;
            text-align: center;
            font-size: 0.82rem;
           }