@charset "UTF-8";
/* CSS Document */

/* ========================================================== */
/*   ここから下がメニューの設定                               */
/* ========================================================== */

/* メニューのON/OFFを保存する為のチェックボックス 非表示 */
#menuOn{
  display : none
}

menu{
  position    : relative;
  font-size   : 70px;
  line-height : 20px;
  height      : 80px;
  width       : 100%;
  min-width   : 200px;
  background-color:rgba(255,255,255,0.7);
  text-align:center;
}

.menu_logo_sp{
	text-align:left;
	padding-left:5%;
}

/* 隠しメニューを表示時のメニューの設定 */
/* absolute指定を行い、高さも与える     */
#menuOn:checked + menu{
  max-width : 960px;/*コンテナと同じ数値を指定しておく必要あり*/
  z-index   : 20;
}

/* オーバーレイ                                         */
/* 隠しメニューが表示されているときに                   */
/* LightBoxのように画面全体を覆うブロックを表示する     */
/* これによってメニュー部分を除いて                     */
/* 画面全体がチェックボックスへのクリックになるので     */
/* メニュー以外の部分をクリックするとメニューが閉じます */
#menuOn:checked + menu + div.overlay{
  position : fixed;
  top      :  0;
  bottom   :  0;
  left     :  0;
  right    :  0;
  z-index  : 10;
  background : rgba(0,0,0,0.5);
}

#menuOn:checked + menu ul{
  display: block;
}

ul{
  position: absolute;
  top    : 80px;
  right  : 0;
  display: none;
  width:640px;

}

li{
  list-style-type : none;
  /* メニュー要素の背景色と合わせる*/
  background      : white;
  width       :  640px;
  height:80px;
  white-space     : nowrap;
  text-overflow   : ellipsis;
  border-bottom:1px #EAEAEA solid;
}

.sp_menu_li1{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:40px;
  line-height:60px;
  color:#444444;
}

li a{
  display       : block;
  padding       :  10px;
  text-decoration:none;
}

/* ハンバーガーメニュー */
menu::after {
  position     : absolute;
  z-index      : 30;
  display      : block;
  content      : '\2261';/* ハンバーガーメニュー*/
  line-height  : 80px;
  width        : 80px;
  padding-left : 10px;
  color        : white;
  right        :  0;
  top          :  0;
  background-color:#5F3209;
}

/* メニューを閉じる */
#menuOn:checked + menu::after {
  content : '×';/* 閉じるボタン */
  font-size:50px;
  text-align:center;
}