/*============================================================
見出し
============================================================*/

#genretop-css h1.midashi {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

/*============================================================
 目次
============================================================*/

#genretop-css .mokuji-navi5 li a:hover, 
#genretop-css .mokuji-navi4 li a:hover, 
#genretop-css .mokuji-navi3 li a:hover, 
#genretop-css .mokuji-navi2 li a:hover { background-color: #999; color: #fff;}



/*============================================================
リンクナビ　（その他リンク等の別ページリンク用）
============================================================*/
#genretop-css .etc-navi ul li:hover { border: 1px solid #999; !important}
#genretop-css .etc-navi ul li a:hover { background: #999; color: #fff;}


/***おすすめカテゴリ***/
div.recommend { display: block; width: 100%; height: auto; margin: 15px 0; vertical-align: top; font-size: 0;}
div.recommend p { text-align:center;}
div.recommend p.category { display: inline-block; width: calc(20% - 10px); height: auto; text-align:center; margin: 2px; padding: 2px; border: #ccc 1px solid; vertical-align: top;}
div.recommend p.category img { display:block; width: 100%; height: auto;}
div.recommend p.category span { display:block; font-size: 11px; line-height: 2em;}

div.recommend ul.recommend { font-size: 0.9rem !important; line-height: 1.6em; list-style-position: outside; list-style-type: disc; margin: 1em 0 10px 1.5em; font-weight: normal; text-decoration: none;}