/*  
Theme Name:fukasawa-child  
Template:fukasawa  
Version:2.0.5  
*/

/* 記事一覧にカテゴリ表記 */
div.wrap-cat a{
  position:absolute;
  z-index: 1001; /* 重なり順を上に */
  bottom:10px; /* 天地位置を調整 */
  background:#666; /* 背景色 */
  padding:2px 7px; /* 余白 */
  font-size:0.6rem; /* 文字サイズ */
  color:#fff; /* 文字色 */
  /* 「右寄せ」にする場合は下記のコメントアウトを解除 */
  right:10px;
}
/* .記事一覧にカテゴリ表記 */

@media (max-width: 1000px) {
    /**** mobile-header ****/
    .sidebar {
      /* 固定させる */
      position: fixed;
      /* 重なり順を上に */
      z-index: 9999;
      /* ヘッダー内の余白（任意） */
      padding: 5px 5%;
      /* 【ポイント】ヘッダーの高さ（任意） */
      height: 60px;
      /* ヘッダーを少し透明に（任意） */
      /* opacity: 0.8; */
    }
    /**** mobile-header-menu ****/
    .mobile-navigation {
      /* 固定させる */
      position: fixed;
      /* 重なり順を上に */
      z-index: 9999;
      /* 【ポイント】メニューの表示位置（.sidebar の height に合わせる） */
      top: 60px;
      /* メニューを横幅目一杯に拡げる */
      width: 100%;
      /* メニューを少し透明に（任意） */
      opacity: 0.93;
    }
    /* デフォルトの余白がやや広いので狭く（任意） */
    .mobile-navigation ul.mobile-menu {
      padding:5% 8%;
    }
    /* タップできる領域を横幅一杯に拡げる */
    .mobile-navigation ul.mobile-menu li a {
      display: block;
    }
    /* なんとなくホバー設定（任意） */
    .mobile-navigation ul.mobile-menu li a:hover {
      opacity: 0.8;
    }

    /* メインコンテンツがヘッダーにかぶるのでずらす */
    main#site-content {
      position: relative;
      /* 【ポイント】コンテンツの表示位置（.sidebar の height に合わせる） */
      top: 60px;
    }
}

 /* モバイルヘッダーメニューの「メニュー」を非表示にする */
span.menu{display:none;}