/* サイドバー（sidebar-style.css） */

/*
    SWELLテーマのサイドバーのCSSを追加します。(ver.1.0.1)
*/



/* ==============================
 * サイドバー全体
==============================
*/

/* 投稿ページのサイドバーの上スペース */
.l-sidebar {
    padding-top: 30px;
}

.-frame-on-sidebar #sidebar .c-widget{
	background-color:transparent;
}
/* ==============================
 * サイドバーの目次
==============================
*/

/* 目次 */
#swell_index-2.c-widget.widget_swell_index{
    background-color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(255, 255, 255, 0.12%);
}


/* 目次のデザインの全体 */
.p-toc__list ul {
 padding-top:5px;
}

/* 目次のデザインのH2 */
.p-toc__list li {
font-weight: bold;
font-size:12px;
color:#555555;
}

/* 目次のデザインのH3 */
.p-toc__list li li {
font-weight: normal;
font-size:11px;
	margin-left:2px!important;
		line-height:2;	

}

/* 目次のデザインのH3の前 */
ul.is-style-index li li::before {
border-bottom: solid 2px;
border-left: solid 0px;	
}

/* 目次のデザインのH3の前のアイコン */
ol.is-style-index ol > li::before {
font-family: "Font Awesome 5 Free";
    content: "\f0da";
    font-weight: 900;
	 margin-right: 0px;
border-right: solid 0px
 currentColor;
}

/* 目次のスクロールバー */
.p-toc.post_content {
    max-height: 200px;
    overflow-y: auto;
}

/* 目次のスクロールバーのデザイン*/
.p-toc::-webkit-scrollbar {
    width: 10px;
}

/* 目次のスクロールバーのデザイン*/
.p-toc::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* 目次のスクロールバーのデザイン*/
.p-toc::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

/* 目次のスクロールバーのデザイン*/
.p-toc::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/* 目次のハイライト機能 */
.w-fixSide a.p-toc__link.current {
   background-color: #edf5ff;
}

.w-fixSide a.p-toc__link{
	display:block;
	padding:0 0.3em;
}



/* ==============================
 * 人気の記事リスト
==============================
*/

/* 人気記事リストのサイドバーの文字サイズ */
ul.-type-list.-w-ranking > li.p-postList__item > .p-postList__link > .p-postList__body > .p-postList__title{
	font-size:12px!important;
}

/* ==============================
 * 新着記事の記事リスト
==============================
*/

/* 人気記事リストのサイドバーの文字サイズ */
ul.-type-list.-type-list.-w-new > li.p-postList__item > .p-postList__link > .p-postList__body > .p-postList__title{
	font-size:12px!important;
}


/* ==============================
タグクラウド（ウィジェット・サイドバーに表示）
============================== */

/* タグクラウド */
.tagcloud a.tag-cloud-link {
    padding: 8px 10px;
    color: #fff!important;
    background: var(--color_main);
    border-radius: 5px;
    font-size: 15px;
}
.tagcloud .tag-link-count {
    color: #fff;
}