.menu-btn {  position: fixed;  top: 10px;  right: 10px;  position: absolute;  display: -webkit-flex;  display: flex;  height: 60px;  width: 60px;  justify-content: center;  align-items: center;  z-index: 90;  background-color: #ffffff;  border-radius: 30px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  }.menu-btn span,.menu-btn span:before,.menu-btn span:after {  content: '';  display: block;  height: 3px;  width: 25px;  border-radius: 4px;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  background-color: #ffa500;  position: absolute;  }.menu-btn span:before {  bottom: 8px;  background-color: #ffa500;  }.menu-btn span:after {  top: 8px;  background-color: #ffa500;  }#menu-btn-check:checked ~ .menu-btn span {  background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/  }#menu-btn-check:checked ~ .menu-btn span::before {  bottom: 0;  transform: rotate(45deg);  }#menu-btn-check:checked ~ .menu-btn span::after {  top: 0;  transform: rotate(-45deg);  }#menu-btn-check:checked ~ .menu-content {  left: 0;  /* ==== left: 20%; ==== */  }/* =============================#menu-btn-check:checked ~ .menu-content {  left: 0; // メニューを画面内へ ============================= */#menu-btn-check {  display: none;  }/* -------------------------------------------- *//* -------------------------------------------- */.menu-content {  width: 100%;  /* ==== width: 80%; ==== */  height: 100%;  position: fixed;  top: 0;  left: 100%; /*leftの値を変更してメニューを画面外へ*/  /* left: 0; */  z-index: 80;  background-color: #ffa500;  transition: all 0.1s;  }.menu-content ul {  padding: 90px 10px 0;  }.menu-content ul li {  border-bottom: solid 1px #ffffff;  list-style: none;  }.menu-content ul li a {  display: block;  width: 100%;  font-size: 1.2em;  box-sizing: border-box;  color:#ffffff;  text-decoration: none;  padding: 20px 20px 20px 0;  position: relative;  }