#logo {
    max-width:30%;
    display:block;

  }
  #entry {display: none;}
  #entry-sp{ display: block; background-color: #ea5415; padding: 4px 12px; border-radius: 18px;  position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); z-index: 10;}
  #entry-sp a{color:#fff; text-decoration: none; display: block;}


nav{
 width: 100%;
 height: 100%;
 position: relative;
 background: #fff;
}
.drawer{
 /* display: flex; */
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 position: relative;
 /* height: 70px; */
 padding: 0 1em;
}

  /*ナビゲーション部分*/
/* .navi ul li{
  list-style: none;
}
.navi ul{
  padding-bottom: 40px;
}
.navi ul li a {
  display:block;
  font-weight:bold;
  font-size: 12px;
  padding: 2em;
  border-bottom: 0px dotted #CCC;
  color:#333;
  text-decoration:none;
}
.navi ul li a:hover{
  background-color:rgba(0,0,0,0.5);
  color:orange;
} */


.navi ul{display: block; justify-content: flex-end;}
.navi li{ width:123px; margin-left: 10px; text-align: center;}
.navi li a{color: #fff; font-size: 12px; display: block; border-radius: 6px; padding: 5px;}
.navi li a:hover{background-color: #cae4c0; color:#000;}
.navi{
  text-align:center;

  transition: .5s ease;/*滑らかに表示*/
  -webkit-transform: translateX(105%);
  transform: translateX(105%);/*左に隠しておく*/
}







  /*トグルボタンのスタイルを指定*/
  .Toggle {
      display: block;
      position: absolute;    /* bodyに対しての絶対位置指定 */
      width: 42px;
      height: 42px;
      cursor: pointer;
      z-index: 9999;
    right:15px;
  }

  .Toggle span {
      display: block;
      position: absolute;
      width: 50px;
      border-bottom: solid 4px #333;
      -webkit-transition: .35s ease-in-out; /*変化の速度を指定*/
      -moz-transition: .35s ease-in-out;    /*変化の速度を指定*/
      transition: .35s ease-in-out;     /*変化の速度を指定*/

  }

  .Toggle span:nth-child(1) {
      top:8px;
  }

  .Toggle span:nth-child(2) {
      top: 18px;
  }

  .Toggle span:nth-child(3) {
      top: 28px;
  }

  .Toggle.active{z-index: 9999;}

  .Toggle.active span:nth-child(1) {
      top: 18px;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }

  /* 2番目と3番目のspanを45度に */
  .Toggle.active span:nth-child(2),
  .Toggle.active span:nth-child(3) {
      top: 18px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      transform: rotate(45deg);
  }





























  @media screen and (min-width: 751px) {
/*    #logo {
        max-width:100%;
        display:block;
        margin:0 auto;

      }*/
/*    #entry{background-color: #ea5415;  width:220px; height:40px; text-align: center; font-size:20px; display: block;
      position: absolute;
      top: 50%;
      left: 35%;
      transform: translateY(-50%) translateX(-35%);
      -webkit- transform: translateY(-50%) translateX(-50%);
      z-index: 10;
      border-radius: 30px;
    }
    #entry a{color: #fff; text-decoration: none; display: block; line-height: 40px;}
    #entry span{font-size: 26px;}
    #entry-sp{display: none;}*/

    header::after{
      display:none;
    }


nav{
   display: flex; width: 100%; max-width: 1100px; margin: 0 auto; justify-content:space-around; align-items: center;

  }
  .Toggle{
   display: none;
  }
 .navi{
   width: 100%;
    background-color: transparent;
    margin-top:0;
   -webkit-transform: translateX(0);
   transform: translateX(0);
  }
/*  .navi ul{
   height: 70px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: flex-end;
   align-items: center;
   min-width: 471px;
   padding-bottom: 0;
  }
  .navi ul li a{
   padding: 0.4em 1em;
   border-bottom: none; font-weight: normal; font-size: 12px;

  }*/

/*    .navi ul li a:hover
  {
    background-color:transparent;
  }*/
.navi ul{display: flex; justify-content: flex-end;}
.navi li{ width:123px; margin-left: 10px; text-align: center;}
.navi li a{background-color: #3B9753; color: #fff; text-decoration: none; font-size: 12px; display: block; border-radius: 6px; padding: 5px;}
.navi li a:hover{background-color: #cae4c0; color:#000;}

}