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

/*
    SWELLテーマのサイドバーのCSSを追加します。(2023-12-03)
*/

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

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

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

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

/* 目次のスクロールバー */
.p-toc.post_content {
    max-height: 300px;
    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;
}

/* 目次のハイライト */
a.p-toc__link.current {
    background-color: #edf5ff;
	 padding:5px 5px;
}

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

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

/* 目次のデザインのH3 */
.p-toc__list li li {
font-weight: normal;
font-size:13px;
	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: var(--color_main);
}


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

/* 人気記事リストのサイドバーの文字サイズ */
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;
}