[ WIP ] 一括チェックボックス(子チェックボックス有りver)

# 仕様
- [x] 全体をクリックしたら、すべてのチェックボックスにチェックが入る
- [x] 子のチェックボックスは1つずつチェックできる
- [x] チェックが入っている時は、選択状態になる

# 質問
* Firefoxで、子のチェックボックスが<label>は効くのですが、input をクリックしてもチェックが入りません(´；ω；｀)
* チェックが入った状態で、ロードF5 したら意図しない挙動になるのはこのようなものでしょうか？ 

@tady-z 
レビューお願い致します
index html　のソース内に　css も js も書いています。