@charset "utf-8";

/*========
  ヘッダー
  ========*/


/*====================↓ヘッダー（全体）====================


  /*-----------------------------------------------------------------------------------------------------
    ヘッダーの固定について
    ヘッダーを固定したいときはheader要素のpositionプロパティ（style属性）に『fixed』を設定する。
    JavaScriptのプログラムがヘッダーの高さを自動で計算し、ヘッダーと同じ高さの「天井要素（id="ceiling"）」が追加される。
    ------------------------------------------------------------------------------------------------------*/

  header{
    width: 100%;
    top: 0px;
    left: 0px;
    background: #FFF;

    position: static;
  }
  @media (width <= 834px){

    /*ヘッダー*/
    header{
      position: static; /*ヘッダーの固定を解除*/
    }

  }


/*====================↑ヘッダー（全体）====================*/