@charset "utf-8";

/********************************/
/* サイドバー */
/********************************/
#sidebar li a, #sidebar li a:visited {

	color: #2676ff;

}

/********************************/
/* サイドバー・ナビゲーション */
/********************************/
#sidebar .sidebar-archive li {

	position: relative;
	text-align: center;
	
	transition: all 0.4s ease-in 0s;
	-webkit-transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	-ms-transition: all 0.4s ease-in 0s;

}
#sidebar .sidebar-archive li a {

	position: relative;
	z-index: 2;
	display: block;

}
/* エフェクト */
#sidebar .sidebar-archive li:after { 

	content : '';
	display : block;
	position: absolute;
	z-index : 1;
	left    : 0;
	top     : 0;
	width   : 0%;
	height  : 100%;
	
	transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;

}

/********************************/
/* サイドバー・検索窓 */
/********************************/
#sidebar .sidebar-search form > div:after {

	content: '';
	clear  : both;
	height : 0;
	display: block;
	visibility: hidden;

}
#sidebar .sidebar-search .screen-reader-text { display:none; }
#sidebar .sidebar-search input { box-sizing:border-box; }

/********************************/
/* フォント・背景・余白 */
/********************************/
#sidebar .sidebar-title { color:#333; font-size:1.4rem; }
#sidebar .sidebar-widget + .sidebar-widget { margin-top:48px; }
#sidebar .sidebar-widget.no-content + .sidebar-widget { margin-top:0!important; }

/* サイドバー・ナビゲーション */
#sidebar .sidebar-archive .sidebar-title { text-align:center; padding:1.4rem 0; border:solid 1px #ccc; background-color:#fff; color:#333; font-size:1.4rem; }
#sidebar .sidebar-archive li { font-size:1.4rem; }
#sidebar .sidebar-archive li, #sidebar .sidebar-archive li a, #sidebar .sidebar-archive li a:visited { color:#333; }
#sidebar .sidebar-archive li:hover { background-color:#eee; }
#sidebar .sidebar-archive li:hover:after { background-color:#eee; width:100%!important; }
#sidebar .sidebar-archive li a { padding:1.4rem 0; border-bottom:solid 1px #ccc; text-decoration: none; }
#sidebar .sidebar-archive li a:hover { color:#2676ff!important; }
#sidebar .sidebar-archive li.parent a { border:solid 1px #ccc; /* リストに親ページが表示されている場合は、それを罫線で囲う。 */ }

/* サイドバー・検索窓 */
#sidebar .sidebar-search input[type="text"] { font-size:1.6rem; }
#sidebar .sidebar-search input[type="text"] { float:left; width:calc(100% - 3.6rem); height:3.6rem; padding-left:4px; padding-right:4px; border:solid 1px #ccc; border-right:none; }
#sidebar .sidebar-search input[type="submit"] { float:left; width:3.6rem; height:0; padding:0; padding-top:calc(3.6rem - 2px); border:solid 1px #ccc; overflow:hidden; }
#sidebar .sidebar-search input[type="submit"] { background-color:#eee; background-image:url('./image/ui/search_large.png'); background-position:center; background-repeat:no-repeat; background-size:2.0rem 2.0rem; }

/* サイドバー・バナー */
#sidebar .sidebar-banner li + li { margin-top:10px; }