方法①：padding-topで余白を入れてやる
position:fixedでヘッダーを固定しようとすると、要素が下に隠れてしまうことがあります。
See the Pen position:fixedについて by バイオハックch (@synd1090) on CodePen.
要素をもう１つ作ってやり、padding-topで調節すると簡単に解決することができます。
See the Pen position:fixedについて2 by バイオハックch (@synd1090) on CodePen.
方法②：position:absoluteで位置を指定してあげる
そもそもの位置をposition:absoluteで指定してあげるのも１つの手です。
See the Pen position:fixedについて3 by バイオハックch (@synd1090) on CodePen.
