ハンバーガーをタップしても反応がない。

初めてハンバーガーを作ってみたのですが、ハンバーガーをタップしてもcontentが表示になりません。
参考にしたサイトと見比べ、階層や表示・非表示の仕組みなどチェックしてみたのですがお手上げです。
回答よろしくお願いします。

html
1　　　　　<nav>
2          <h1><a href=""><span>KEI</span><span> NISHIKORI</span><span>.COM</span></a></h1>
3          <ul>
4            <li><a href="">ブログ</a></li>
5            <li><a href="">試合結果</a></li>
6            <li><a href="">公式アプリ</a></li>
7          </ul>
8          <div id="burger">
9            <input id="burger-input" type="checkbox" class="burger-unshown">
10            <lavel id="burger-open" for="burger-input"><span></span></lavel>
11            <label id="burger-close" class="burger-unshown" for="burger-input"></label>
12            <div id="burger-content">
13              <a href="">ブログ</a>
14              <a href="">試合結果</a>
15              <a href="">公式アプリ</a>
16            </div>
17          </div>
18        </nav>

css
1@media screen and (max-width: 480px) {
2  nav ul {
3    display: none;
4  }
5  
6  #burger {
7    position: absolute;
8    right: 0;
9    height: 68px;
10  }
11  
12  .burger-unshown {
13    display: none;
14  }
15  
16  #burger-open {
17    display: inline-block;
18    width: 68px;
19    height: 68px;
20    line-height: 68px;
21    vertical-align: middle;
22  }
23  
24  #burger-open span, #burger-open span:before, #burger-open span:after {
25    position: absolute;
26    display: block;
27    content: '';
28    width: 28px;
29    height: 3px;
30    border-radius: 3px;
31    background: #555;
32    cursor: pointer;
33  }
34  
35  #burger-open span:before {
36    bottom: -10px;
37  }
38  
39  #burger-open span:after {
40    bottom: -20px;
41  }
42  
43  #burger-close {
44    display: none;
45    position: fixed;
46    z-index: 1;
47    top: 0;
48    left: 0;
49    width: 100%;
50    height: 100%;
51    background: #000;
52    opacity: 0;
53    transition: 0.3s;
54  }
55  
56  #burger-content {
57    position: fixed;
58    top: 0;
59    left: 0;
60    z-index: 2;
61    width: 90%;
62    max-width: 330px;
63    height: 100%;
64    background: #333;
65    transition: 0.3s;
66    transform: translateX(-150%);
67  }
68  
69  #burger-input:checked ~ #burger-close {
70    display: block;
71    opacity: 0.5;
72  }
73  
74  #burger-input:checked ~ #burger-content {
75    transform: translateX(0%);
76    box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
77  }
78}