/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 03 2026 | 08:03:03 */
/* 全体 */
html {
	scroll-behavior: smooth;
}
/* グローバルメニュー */
#navi {
	background: #88a476!important;
}
#navi a {
	color: #FFF!important;
}
/* ブックカスタマイズ */
:root{
	--page-bg:#f3ffed;
	--notch-w:100%;
	--notch-h:44px;
	--inner-r:44px;
} 
.content-in-top{
	position:relative;
	height:44px;
	background: #f3ffed;
	width: 100%;
}
.content-in-left,
.content-in-right{
	position:absolute;
	top:0;
	width:50%;
	height:44px;
	background:#fff;
}
.content-in-left{
	left:0;
	border-top-right-radius:44px;
}
.content-in-right{
	right:0;
	border-top-left-radius:44px;
}
#main {
	position: relative;
	z-index: 1;
	padding-right: 10px;
	padding-top: 15px;
}
#content-in{
	position:relative;
	overflow: visible;
	background: #fff;
	isolation: isolate;
	padding-bottom: 64px;
}
#content-in::before{
	content:"";
	position:absolute;
	bottom:-1px;
	left:50%;
	width:calc(var(--notch-w) / 2);
	height:var(--notch-h);
	transform:translateX(-100%);
	background:#f3ffed;
	border-bottom:0;
	border-right:0;
	border-top-right-radius:var(--inner-r);
	z-index: 50; 
}
#content-in::after{
	content:"";
	position:absolute;
	bottom:-1px;
	left:50%;
	width:calc(var(--notch-w) / 2);
	height:var(--notch-h);
	background:#f3ffed;
	border-bottom:0;
	border-left:0;
	border-top-left-radius:var(--inner-r);
	z-index: 50; 
}
#sidebar {
	border-left: 2px solid #88a476;
	border-radius: 0!important;
}
.navi-footer {
	display:none;
}
/* ページネーション */
.pagination-next {
	color: #fff;
}
.pagination-next a,
.current {
	background: #88a476!important;
	border-color: #88a476!important;
	color: #fff!important;
}
.page-numbers {
	color: #88a476;
}
.info-list-item {
	padding: 14px 0 0;
	font-size: 16px;
	line-height: 1.4;
}
.widget_categories ul li a,
.widget_nav_menu ul li a {
	padding: 10px 0 0;
}
/* 関連記事 */
.related-list {
	column-gap: 2%!important;
}
.rect-vertical-card-3 .related-entry-card-wrap {
	width: 32%;
}
.related-list a {
	padding: 10px!important;
	border: 1px solid #88a476!important;
}
#pager-post-navi a {
	background-color: #f4f4f4;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1em;
}
/* サイドバー */
.widget_media_image img {
	width: 100%;
}
.sidebar h3 {
	padding: .8rem 1.5rem;
	border-top: 2px solid #88a476;
	border-bottom: 2px solid #88a476;
	background: none;
	color: #88a476;
	text-align: center;
}
/* コンテンツ */
.pr-label-s {
    left: auto;
	right: 20px!important;
	top: 50px;
}
.entry-title {
	padding: 15px 30px 15px 15px!important;
	background: #88a476;
	color: #fff!important;
}
.article h2 {
	background-color: #f3ffed;
	padding: .7rem 1.5rem;
	border-left: 10px solid #88a476;
	color: #88a476;
}
.article h3 {
	background-color: #f3ffed;
	padding: .5rem 1.5rem;
	border-left: 6px double #88a476;
	border-bottom: none;
	border-top: none;
	border-right: none;
	color: #88a476;
}
.article h4 {
	border-bottom: none;
	border-top: none;
	background-color: #f3ffed;
	color: #88a476;
}
.article h4::before {
	content:"▶";
	margin-right: 6px;
}
.cat-link {
	color: #fff;
}
/* 目次カスタマイズ */
.toc {
	background-color: #f4f4f4;
	width: 80%;
	border: 1px solid #88a476!important;
}
#sidebar .toc {
	width: 100%;
}
.toc-title{
	background-color: #f4f4f4;
	font-size: 1.2em;
	padding: 0.4em;
	font-weight: bold;
	color: #88a476;
}
.toc-title:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f03a";
	font-weight: 700;
	font-size: 20px;
	margin-right: 10px;
	color: #88a476;
	background-color: #ffffff;
	border: solid 1px #88a476!important;
	border-radius: 50%;
	padding: 8px;
}
.toc-content ol li{
	color: #88a476;
	margin:0.5em;
}
.toc-list > li{
	font-weight: bold;
}
.toc-list > li li{
	font-weight: normal;
}
.footer-right {
	border: 1px solid #88a476;
}
#nav_menu-2,
#categories-2,
#info_list-2{
	margin-bottom: 0!important;
}
@media screen and (max-width: 480px) {
    #content-in {
        margin-left: 10px;
		margin-right: 10px;
    }
	.tagline {
		margin-bottom:15px;
	}
	#main {
		margin-top: 0!important;
	}
	.pr-label-s {
		top: 30px;
	}
	.toc {
		width: 90%;
	}
	#sidebar {
		border-left: none!important;
	}
	#toc-2 {
		display: none;
	}
}