/* 全体調整CSS */
  .hamburger-menubox *{
    font-size: 16px;
  }
  .hamburger-menubox li{
    font-size: 14px;
  }
  /* hamburgerここから */
    /* input非表示 */
  .input-hidden{
    display: none;
  }
    /* label */
  .hamburger-switch{
    background-color:lightgray;
    cursor: pointer;
    position: absolute;
    right: 3%;
    top: 12px; /* アイコン位置調整（上から） */
    z-index: 9999;
    width: 4em; /* アイコン（クリック可能領域）の幅 */
    height: 4em; /* アイコン（クリック可能領域）の高さ */
  }
  /* メニュー展開時にハンバーガーアイコンを固定 */
  #hamburger:checked ~ .hamburger-switch{
    position: fixed;
  }
  /* iOS風ハンバーガーアイコン */
  .hamburger-switch-ios:before{
    content: "";
    position: absolute;
    width: 4em;
    height: 2em;
    background: #c0c0c0;
    border-radius: 3em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
  }
  .hamburger-switch-ios:after{
    content: "";
    position: absolute;
    width: 2em;
    height: 2em;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-100%, -70%);
    transition: .3s;
  }
  .hamburger-switch2:before{
    content: "MENU";
    position: absolute;
    bottom: 0;
    font-size: 12px;
    left: 50%;
    transform: translate(-50%, 10%);
    font-weight: 600;
    color:white;
  }
  #hamburger:checked ~ .hamburger-switch2 .hamburger-switch-ios:before{
    background: #66c666;
  }
  #hamburger:checked ~ .hamburger-switch2 .hamburger-switch-ios:after{
    transform: translate(0, -70%);
  }
  #hamburger:checked ~ .hamburger-switch2:before{
    content: "CLOSE";
  }
  /* メニューエリア */
  .hamburger-menuwrap{
    position: fixed;
    height: 100%;
    background: #fafafa;
    padding: 5em 3% 2em;
    z-index: 9998;
    transition: .3s;
    overflow-y: scroll; /*リスト内容が多い場合に縦スクロール */
    top: 0;
    left: 100%;
    width: 80%;
  }
  /* メニューリスト */
  .hamburger-menulist{
    margin-right: 3%;
    padding-left: 3% !important; /* !important不要な場合もあり */
    list-style: none;
  }
  .hamburger-menulist li a{
    text-decoration: none;
    color: #333;
    display: block;
    padding: .5em 0;
  }
  /* iOS風ボーダーメニューリスト化 */
  .hamburger-menulist-border li{
    border-bottom: 1px solid #ddd;
    position: relative;
  }
  .hamburger-menulist-border li a:before{
    content: "";
    width: .7em;
    height: .7em;
    border: 2px solid;
    border-color: #ccc #ccc transparent transparent;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate( -100%, -50%) rotate(45deg);
  }
  /* メニューエリア･アニメーション */
    /* 右から */
  #hamburger:checked ~ .hamburger-menuwrap{
    left: 20%;
  }
    /* コンテンツカバー */
  #hamburger:checked ~ .hamburger-cover{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9997;
    background: rgba(3,3,3,.5);
    display: block;
  }