#site-header1{
   position: sticky;
   position: -webkit-sticky;
   height: 6em;          /* 全体の高さ */
  z-index: 996;
  top: 0;
  background:  white;                   /* 背景色 */
}
#site-header2{
   position: sticky;
   position: -webkit-sticky;
   height: 6em;          /* 全体の高さ */
  z-index: 997;
  top: 0;
  background:  white;                   /* 背景色 */
}
#site-header3{
   position: sticky;
   position: -webkit-sticky;
   height: 6em;          /* 全体の高さ */
  z-index: 998;
  top: 0;
  background:  white;                   /* 背景色 */
}
#site-header3 a:hover{
  background:  white;                   /* 背景色 */
}


/* リスト全体 */
ul
   {
/*position: fixed;*/
  margin-left: 5%;
  margin-right: 5%;
  /*  width:96%;  */        /* リスト全体の幅 */
    height:2em;          /* リスト全体の高さ */
    list-style:none;      /* リストマークを無しにする */
    text-align:center;    /* 文字を中央 */
    font-size:1.2em;       /* 文字を大きく */
  /*  font-weight:bold;   *?  /* 文字を太く */
    line-height:100%;     /* 行の高さを調整 */
   /* border:solid 0.1em green; */
    /*margin: 0,0,0,5em;*/
    padding-left: 0;
   }
/* 各項目 */
li
   {
    width:20%;          /* 項目の幅 */
    height:1.6em;          /* 項目の高さ */
    float:left;          /* 各項目を左側から回り込み */



   }
/* リンク部分 */
a
   {
    display:block;          /* リンク範囲をブロックに変換 */
    width:100%;             /* リンク範囲（幅）をリスト項目範囲全て */
  /*  height:140%;     */       /* リンク範囲（高さ）をリスト項目範囲全て */
    /*background-image:url(画像１); */    /* リンク範囲の背景画像設定 */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    color: dimgrey;                    /* リンク文字色 */
    /*background:  yellow;  */                /* 背景色 */
    text-decoration:none; /*リンクのアンダーライン なし*/
    padding-top: 0.4em;
    /*
    text-align: center;
*/
   }
   /*
a:link
   {color: grey;}      */           /* まだ見ていないリンク色 */
   /*
a:visited
   {color: grey;}          */       /* 既に見たリンク色 */
a:hover
   {
    /*background-image:url(画像２); */  /* マウスが上に来た時の背景画像設定 */
    color: black;                /* マウスが上に来た時の文字色 */
    background:  #f5f5f5;                   /* 背景色 */
   }
/* リンク部分 */
/* img
   {display:none;}   */             /* 画像２を表示しない */




@media screen and (max-width : 760px){

  #site-header1 {
  display: flex;
  width: 100%;
  font-size: 0.8em;
  height: 16em;
  background-color: white;
  }
  #site-header1 ul{
    flex-wrap: wrap;
    justify-content: space-between;
      margin-left: 0;
      padding-left: 0;
  }
  #site-header1 li{
      padding-left: 10%;
      padding-top: 40px;
      width: 6em;
      hight: 3em;
      /*
      background-color: white;
      */
  }

  #site-header2 {
  display: flex;
  width: 100%;
  font-size: 0.8em;
  height: 16em;
  }
  #site-header2 ul{
    flex-wrap: wrap;
    justify-content: space-around;
      margin-left: 0;
      padding-left: 0;
  }
  #site-header2 li{
      padding-left: 10px;
      padding-top: 30px;
      width: 6em;
      hight: 3em;
      /*
            background-color: white;
            */
  }
  #site-header3 {
  display: flex;
  width: 100%;
  font-size: 0.8em;
  height: 18em;
  }
}