/* CSSの編集が終わったら子テーマに戻してください */
/* サイドバー（sidebar-style.css） */

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



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

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

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

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

/* 目次のスクロールバー */
.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;
}
/* 目次のデザインの全体 */
.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;
}


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

/* 人気記事リストのサイドバーの文字サイズ */
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: #0fa1bb;
    border-radius: 5px;
    font-size: 15px;
}
.tagcloud .tag-link-count {
    color: #fff;
}


.-frame-on-sidebar #sidebar .c-widget {
	background-color: transparent;
	padding: 0;
}


/* tag-cloud */
.tag-cloud-link {
	border-radius: 20px;
	padding: 4px 12px !important;
	line-height: 1;
	font-weight: 700;
	display: inline-block;
	transition: all 0.3s ease;
	border: 1px solid var(--color_main);
	color: var(--color_main) !important;
	background-color: #fff;
}

.tag-cloud-link.tag-cloud-link.tag-cloud-link {
	font-size: 12px !important;
}


/* プロフィールボックス */
.p-profileBox {
	background-color: #fff;
	border: none;
	color: #333;
}

.p-profileBox__bg + .p-profileBox__icon {
	margin-top: -42.5px;
}

.p-profileBox__icon img {
	width: 85px;
	height: 85px;
}

.p-profileBox__bgImg {
	-o-object-position: 100% 90%;
	   object-position: 100% 90%;
}


/* postAuthor */

.c-postAuthor__figure {
	width: 24px;
	height: 24px;
	border: solid 1px #ccc;
}

.c-postAuthor__figure .avatar {
	height: inherit;
}

.c-postAuthor.is-link {
	order: 1;
	pointer-events: none;
}

ol.has-background,
ul.has-background {
	padding-left: 2.25em;
}

/* ==============================
 * 目次
==============================
*/
/* 目次 */
div.c-widget.widget_swell_index {
    background-color: #fff;
	  padding:1px 5px;
      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;
color:#555555;
	font-size:0.9em;
}

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


/* 目次のデザインのH3の前 */
ul.is-style-index li li::before {
border-bottom: solid 1px;
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;
}