@charset "UTF-8";
/*
	ウィジェットが吐き出すコードにスタイルを付与する
*/
/*====================================
ウィジェット
=====================================*/
.widget+.widget {
	margin-top: 2rem;
}

/*====================================
タイトル
=====================================*/
/* .widget-ttl {
	border-left-width: 0.5rem;
	border-left-style: solid;
	padding-left: 0.75em;
	font-size: 1.25rem;
	font-family: fot-tsukuardgothic-std, sans-serif;
} */
.widget-ttl+ul {
	margin-top: 1rem; /*タイトルとリストの隙間*/
}

/*====================================
リスト
=====================================*/
.widget ul li{
	padding: 0.5rem 0;
}
.widget ul li+li,
.sidebar .children .page_item .children,
.sidebar .cat-item+.cat-item,
.sidebar .cat-item .children {
	border-top-style: solid;
	border-top-width: 1px;
}
.children .page_item {
	border-bottom-style: solid;
	border-top-width: 1px;
}
.children,
.widget .children {
	padding-left: 1rem;
	margin-top: 0.5rem;
	margin-left: 0;
}
/*====================================
検索
=====================================*/
.widget-ttl+#searchform {
	margin-top: 1rem;
}
#searchform .screen-reader-text {
	display: none;
}

/*====================================
サイドバーのタイトル
=====================================*/
.sidebar h2 {
    position: relative;
    background: #ffd98a;
    padding: 0.5rem 2rem;
    font-size: 20px;
    color: #474747;
    border-radius: 0 10px 10px 0;
    letter-spacing: .1em;
}

.sidebar h2:before {
    font-family: "Font Awesome 5 Free";
    content: "\f135";
    padding-bottom: 24rem;
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
    color: white;
    background: #EB8736;
    font-weight: 900;
    width: 50px;
    text-align: center;
    height: 50px;
    line-height: 40px;
    left: -1.35em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white;
    border-radius: 50%;
    padding: 4px;
}

	/* サイドバーの項目のホバースタイル */
	.tree-list li{
		position: relative;
	}
	.tree-list a::before,.widget a::before {
		content: "";
		position: absolute;
		top: -1px;
		left: -1px;
		right: -1px;
		bottom: -1px;
	
	}
	.tree-list,.widget li{
		position:relative;
	}
	.widget .children li {
		padding-bottom: 0;
	}

		/*====================================
	投稿、固定ページのレイアウト	1024px以下
	=====================================*/
	@media screen and (max-width: 1024px) {
		.sidebar h2 {
			font-size: 1rem;
		}
		#archive-school-life .sidebar, #single-school-life .sidebar, #archive .sidebar, #single .sidebar {
			padding: 1rem 2rem;
		}
	}