.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0px;
  background: #fff;
}

.logo {
}

/*------------------------------

  ここから下がハンバーガーメニュー
  に関するCSS

------------------------------*/
  
/* チェックボックスは非表示に */
.drawer-hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer-open {
  display: flex;
  height: 30px;
  width: 30px;
 top:20px;
 right:20px;
  justify-content: center;
  align-items: center;
  position:fixed;
  z-index: 100;/* 重なり順を一番上に */
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #aaaaaa;
  transition: 0.5s;
  position: absolute;
}

/* 三本線のうち一番上の棒の位置調整 */
.drawer-open span:before {
  bottom: 8px;
}

/* 三本線のうち一番下の棒の位置調整 */
.drawer-open span:after {
  top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer-check:checked ~ .drawer-open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer-check:checked ~ .drawer-open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer-check:checked ~ .drawer-open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.drawer-content {
  width: 280px;
  height: 100%;
  position: fixed;
  top: 0;
  right: -290px;/* メニューを画面の外に飛ばす */
  z-index: 99;
  background: green;
 padding:10px 0px 0px 0px;
  transition: 0.7s;
 opacity:0.95;
 border-left:10px solid darkgoldenrod;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked ~ .drawer-content {
  right: 0px;/* メニューを画面に入れる */
}

/*サイドドロアスタイル*/

.drw_lead{
 margin:30px 0px 0px 10px;padding:0px;
 font-size:15px;line-height:150%;
 color:#ffffff;
 text-align:center;
}
.drw_cc{
 margin:20px 0px 0px 25px;padding:0px;
 font-size:15px;line-height:150%;
 color:cornsilk;
 text-align:left;
 clear:both;
}

.drw_botan a{
 margin:5px auto;padding:5px 0px;
 width:80%;height:40px;
 display : block;
 text-align:center;
 font-size:20px;line-height:220%;
 color:brown;
 background-color:#ffffff;
 text-decoration:none;
}
.drw_botan a:hover{
 background-color:khaki;
}