/*
Theme Name: Fukasawa Child
Theme URI: https://andersnoren.se/teman/fukasawa-wordpress-theme/
Template: fukasawa
Author: Anders Norén
Author URI: https://andersnoren.se
Description: Fukasawa is a minimal masonry style blog theme for photographers and collectors. It features responsive & retina-ready design, Block Editor support, support for the image, gallery and video post formats, four custom widgets, an archive page template, a gallery slideshow, custom accent color support, custom logo support, editor styles, and much more. Demo: https://andersnoren.se/themes/fukasawa/
Tags: blog,three-columns,left-sidebar,custom-colors,custom-menu,editor-style,featured-images,post-formats,sticky-post,theme-options,threaded-comments,translation-ready,portfolio,grid-layout,block-styles,wide-blocks
Version: 2.1.2.1695792940
Updated: 2023-09-27 14:35:40

*/

.post-date{display:none;}
.small{font-size:small;}

.koteitag a{border:solid 1px #666;margin:3px;padding:1px 3px;}
.koteitag a:hover{background:#aaa;color:#fff;}

.cat-item li{}
.cat-item{display: inline-block;
	margin: 0 1px 4px 0;
	border-radius: 2px;
	background: #eee;
	font-size: 11px !important;
	line-height: 1;
}
.cat-item a{color: #444;
	padding: 6px 8px;
}
.cat-item a:hover {
	background: #019EBD;
	color: #fff;
}

@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.9;
    }
    /* デフォルトの余白がやや広いので狭く（任意） */
    .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;
    }
}