@charset "utf-8";

/* ウィジェット */


/*
***********************************************************************************************
ウィジェット共通
***********************************************************************************************
*/

/* ウィジェット */
.widget {
	margin-top: 2.5em;
}

	.viewmode-mobile .widget {
		margin-top: 25px;
	}

	.widget:first-child {
		margin-top: 0px;
	}

	/* ウィジェットタイトル（ボックス型）（未使用） */
	/*
	h2.widgettitle {
		background-color: var(--wp--preset--color--color-1);
		background-image: none;
		border-bottom: none;
		border: 0px solid #fff;
		color: #fff;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 15px;
		font-weight: 600;
		letter-spacing: .05em;
		padding: 12px 10px 12px 10px;
		position: relative;
		text-align: left;
	}
	*/

	/* ウィジェットタイトル */
	h2.widgettitle {
		background-color: transparent;
		border-bottom: 4px solid #e4e8eb;
		color: #000;
		/*
		font-family: 'Noto Sans JP', sans-serif;
		*/
		font-size: 110%;
		font-weight: bold;
		margin-bottom: 1em;
		padding: 0 0 .25em 0;
		position: relative;
	}

		.viewmode-mobile h2.widgettitle {
			font-size: 130%;
		}

		/* 罫線の飾り */
		h2.widgettitle::after {
			border-bottom: 4px solid var(--wp--preset--color--color-1);
			bottom: -4px;
			content: "";
			left: 0;
			position: absolute;
			width: 120px;
		}

			.viewmode-mobile h2.widgettitle::after {
				/*
				font-size: 21px;
				*/
			}


/*
***********************************************************************************************
カテゴリー（ボックス型）
***********************************************************************************************
*/

.widget_categories {
	/*
	background-color: var(--wp--preset--color--color-4);
	*/
}

	.widget_categories ul {
		/*
		border: 1px solid var(--wp--preset--color--grey);
		*/
		border-top: none;
		/*
		font-size: 90%;
		*/
		list-style-type: none;
		padding: .25em 1.5em 1em 1.5em;
		padding: 0;
		text-align: left;
	}

	.widget_categories li {
		/*
		display: inline-block;
		*/
	}

		.viewmode-mobile .widget_categories li {
			display: block;
		}

		.widget_categories li a {
			font-weight: bold;
			padding-left: 1.4em;
			position: relative;
		}

			.widget_categories li a::before {
				background-color: var(--wp--preset--color--color-3);
				content: '';
				display: block;
				height: 1em;
				top: 2px;
				left: 0;
				position: absolute;
				width: 1em;
				-webkit-mask-image: url('fontawesome/svgs/regular/clone.svg');
				mask-image: url('fontawesome/svgs/regular/clone.svg');
				-webkit-mask-size: contain;
				mask-size: contain;
				-webkit-mask-repeat: no-repeat;
				mask-repeat: no-repeat;
			}


/*
***********************************************************************************************
アーカイブ
***********************************************************************************************
*/

.widget_archive {
	/*
	border: 1px solid #999;
	margin-bottom: 15px;
	*/
}



/*
***********************************************************************************************
ナビゲーションメニュー（カスタムメニュー）
***********************************************************************************************
*/

.widget_nav_menu {
	padding: 0 0px;
	clear: both;
	background-color: #fff;
}

	.widget_nav_menu ul.menu {
		float: none;
		list-style-type: none;
		line-height: 1.3;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
	}

		.widget_nav_menu ul.menu li{
			white-space: normal;
		}

		.widget_nav_menu ul.menu > li{
			background-color: transparent;
			border-bottom: 1px dotted #999;
			margin: 0px;
			padding: 0px;
			position: relative;
			line-height: 1.3;
			list-style-type: none;
		}

			.widget_nav_menu ul.menu > li: last-child{
				border-bottom: 0px dotted #fff;
			}

			/* 矢印の飾り */
			.widget_nav_menu ul.menu > li > a::before {
				background-color: #fff;
				color: #4E99DE;
				content: "\f0a9";	/* fa-arrow-circle-right */
				display: block;
				font-family: 'Font Awesome 6 Free';
				font-size: 19px;
				font-weight: 900;
				line-height: 19px;
				top: 11px;
				left: 5px;
				position: absolute;
				z-index: 1;

				border-radius: 100%;
			}

			.widget_nav_menu ul.menu > li.current_page_item > a{
				background-color: #E1F0FD;
			}

			.widget_nav_menu ul.menu > li.current_page_item.sfHover > a,
			.widget_nav_menu ul.menu > li.current_page_parent.sfHover > a,
			.widget_nav_menu ul.menu > li.current-page-ancestor.sfHover > a{
				background-color: transparent;
				color: #111;
			}

			.widget_nav_menu ul.menu > li > a{
				/*
				background-image: url(../img/bg_loNavi.gif);
				background-repeat: no-repeat;
				background-position: 0px 0px;
				*/
				border-left: 0px solid #fff;
				border-top: 0px solid #fff;
				color: #111;
				display: block;
				font-family: 'Noto Sans JP', sans-serif;
				/*
				font-size: 90%;
				*/
				font-weight: 600;
				letter-spacing: 0.05em;
				padding: 10px 5px 8px 30px;
				margin: 0px;
				text-decoration: none;
			}

				.widget_nav_menu ul.menu > li > a:hover,
				.widget_nav_menu ul.menu > li.sfHover > a{
					background-color: #4E99DE;
					color: #fff;
				}

					.widget_nav_menu ul.menu > li.sfHover > a:hover{
					}

				/* カレント表示 */
				.widget_nav_menu ul.menu > li > a.current{
					background-color:  #8ACC8A !important;
				}

			.widget_nav_menu ul.menu > li.sfHover > a{
				background-color: #4E99DE;
				color: #fff;
			}

			/* サブメニューを持つメニュー項目 */
			.widget_nav_menu ul.menu > li.menu-item-has-children > a:after {
				color: #999;
				content: "\f105";	/* fa-angle-right */
				display: block;
				font-family: 'Font Awesome 6 Free';
				font-size: 15px;
				font-weight: 900;
				line-height: 1.5;
				top: 8px;
				right: 5px;
				position: absolute;
			}

				.widget_nav_menu ul.menu > li.current_page_item > a:after,
				.widget_nav_menu ul.menu > li.current_page_parent > a:after,
				.widget_nav_menu ul.menu > li.current-page-ancestor > a:after,
				.widget_nav_menu ul.menu > li.menu-item-has-children.sfHover > a:after{
					content: none;
				}

/*---- サブメニュー ----*/
.widget_nav_menu li ul.sub-menu,
.widget_nav_menu li ul.sub-menu-show{
	list-style-type: none;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
}

.widget_nav_menu li ul.sub-menu{
	border: 1px solid #4E99DE;
}

	.widget_nav_menu li ul.sub-menu li,
	.widget_nav_menu li ul.sub-menu-show li{
		position: relative;
	}

	.widget_nav_menu li ul.sub-menu li{
		margin-top: -1px;
	}

		.widget_nav_menu ul.sub-menu li.current_page_item,
		.widget_nav_menu ul.sub-menu li.current-page-ancestor,
		.widget_nav_menu ul.sub-menu-show li.current_page_item,
		.widget_nav_menu ul.sub-menu-show li.current-page-ancestor{
			background-color: #E1F0FD;
		}

		.widget_nav_menu li ul.sub-menu li a,
		.widget_nav_menu li ul.sub-menu-show li a{
			/*
			background-image:  url(../img/bullet_common3.gif);
			background-repeat: no-repeat;
			background-position: 22px 0.5em;
			*/
			color: #000;
			font-family: 'Noto Sans JP', sans-serif;
			font-weight: 400;
			margin: 0px 0px 0px 0px;
			padding: 6px 0 6px 30px;
		}

		.widget_nav_menu li ul.sub-menu li a{
			background-color: #4E99DE;
			border: 0px solid #fff;
			border-top: 1px solid #E1F0FD;
			color: #fff;
			padding: 9px 0 9px 30px;
		}

		.widget_nav_menu li ul.sub-menu-show li a{
			font-size: 90%;
		}

			.widget_nav_menu li ul.sub-menu li:first-child a{
				border-top: 1px solid #4E99DE;
			}

			.widget_nav_menu li ul.sub-menu li a:hover,
			.widget_nav_menu li ul.sub-menu-show li a:hover{
				background-color: #E1F0FD;
				color: #111;
			}

			.widget_nav_menu li ul.sub-menu-show li a:hover{
				background-color: #4E99DE;
				color: #fff;
			}

			.widget_nav_menu li ul.sub-menu li a:hover{

			}

				/* 矢印の飾り */
				.widget_nav_menu li ul.sub-menu li a::before,
				.widget_nav_menu li ul.sub-menu-show li a::before {
					color: #333;
					content: "\f105";	/* fa-angle-right */
					display: block;
					font-family: 'Font Awesome 6 Free';
					font-size: 15px;
					font-weight: 900;
					line-height: 1.5;
					top: 3px;
					left: 17px;
					position: absolute;
					z-index: 1;
				}

				.widget_nav_menu li ul.sub-menu li a:before{
					color: #fff;
					top: 8px;
				}

					.ie .widget_nav_menu li ul.sub-menu li a:before{
						top: 6px;
					}

					.widget_nav_menu li ul.sub-menu li a:hover:before{
						color: #111;
					}

					.widget_nav_menu li ul.sub-menu-show li a:hover:before{
						color: #fff;
					}

				/* 最後の子要素 */
				.widget_nav_menu li ul.sub-menu li.lastChild a,
				.widget_nav_menu li ul.sub-menu-show li.lastChild a{
				}

				/* カレント表示 */
				.widget_nav_menu li ul.sub-menu li a.current,
				.widget_nav_menu li ul.sub-menu-show li a.current{
					background-color: #EBEEF1;
				}


/*---- フライアウトせずに常時表示のサブメニュー ----*/

		.widget_nav_menu li ul.sub-menu-show{
			display: block !important;
			left: 0;
			position: static;

			box-shadow: none;
		}

			.widget_nav_menu li ul.sub-menu-show li{
				background-color: transparent;
			}


/*
***********************************************************************************************
WP sitemanagerのサブナビ
***********************************************************************************************
*/

.sub_navi-widget {
	/*
	border: 3px solid var(--wp--preset--color--color-1);
	*/
	box-sizing: border-box;
	clear: both;
	padding: 0px 0px 0px 0px;
	position: relative;
}

	.viewmode-mobile .sub_navi-widget{
	}

	.sub_navi-widget ul {
		/*
		background-image:  url(../img/bg_loNavi_default.jpg);
		background-position: 0px 0px;
		background-repeat:  no-repeat;
		*/
		letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
		list-style-type: none;
		line-height: 1.3;
		padding: 0px;
		margin: 0px auto 0px auto;
	}

		.viewmode-mobile .sub_navi-widget ul{
			padding: 0px 0px 0px 0px;
		}

		.sub_navi-widget li {
			border-top: 1px dotted #ccc;
			display: block;
			/*
			font-family: 'Noto Sans JP', sans-serif;
			font-size: 14px;
			font-weight: 400;
			*/
			letter-spacing: 0.05em; /* 文字間を通常に戻す */
			line-height: 1.5;
			list-style-type: none;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			position: relative;
		}

			.sub_navi-widget li:first-child {
				border-top: 0px dotted #fff;
				margin: 0px 0px 0px 0px;
			}

			.viewmode-mobile .sub_navi-widget li {
			}

				.viewmode-mobile .sub_navi-widget li::before {
				}

			.sub_navi-widget li a {
				color: #000;
				display: block;
				line-height: 1.5;
				text-decoration: none;
				padding: 12px 10px 12px 30px;
			}

				.sub_navi-widget li a:hover {
					background-color: var(--wp--preset--color--color-4);
					color: #000;
				}

			/* 矢印の飾り */
			.sub_navi-widget li a::before {
				color: var(--wp--preset--color--color-1);
				content: "\f105";	/* angle-right */
				display: block;
				font-family: 'Font Awesome 6 Free';
				font-size: 18px;
				font-weight: 900;
				line-height: 1;
				top: 12px;
				left: 10px;
				position: absolute;
			}

				.sub_navi-widget li.current-page-item a::before {

				}

					.viewmode-mobile .sub_navi-widget li a {
						text-decoration: underline;
					}

				/* カレント表示 */
				.sub_navi-widget li.current-page-item a,
				.sub_navi-widget li a.current {
					background-color: var(--wp--preset--color--color-3);
					/*
					color: #d90000;
					*/
				}

				.sub_navi-widget li.current-page-item a {
				}

					.viewmode-mobile .sub_navi-widget li.current-page-item a,
					.viewmode-mobile .sub_navi-widget li a.current {
						background-color: #fff;
						text-decoration: none;
					}

/*---- ローカルナビゲーション ----*/
.sub_navi-widget li ul {
	list-style-type: none;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}
	/*---- ローカルナビゲーションのメニュー項目 ----*/
	.sub_navi-widget li ul li{
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}

		.sub_navi-widget li ul li a {
			/*
			background-image:  url(../img/bullet_common1.gif);
			background-repeat: no-repeat;
			background-position: 0px 4px;
			*/
			display: block;
			padding:  0 0 0 17px;
			margin: 0px;
		}


/*---- ローカルナビゲーションのサブメニュー項目 ----*/
.sub_navi-widget ul.children{
	background-color: transparent;
	border: 0px solid #fff;
	display: none;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 5px;
}

	/* 下層ページを表示中の場合はサブメニューを展開 */
	.sub_navi-widget li.current-page-item ul.children,
	.sub_navi-widget li.current-page-ancestor ul.children{
		display: block;
	}

	.sub_navi-widget ul.children li{
	}

		/* 矢印の飾り未使用 */
		/*
		.sub_navi-widget ul.children li::before{
			content: "\f105";	/＊ fa-angle-right ＊/
			top: 4px;
		}

			.ie .sub_navi-widget ul.children li::before,
			.ios .sub_navi-widget ul.children li::before{
				top: 2px;
			}
		*/

		.sub_navi-widget ul.children a{
			/*
			background-image:  url(../img/bullet_common3.gif);
			background-repeat: no-repeat;
			background-position: 22px 0.5em;
			font-family:  "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
			*/
			font-size: 85%;
			padding:  3px 0 3px 10px;
			margin: 0px 0px 3px 0px;
		}



		/* 最後の子要素 */
		.sub_navi-widget ul.children li.lastChild a{
		}

		/* カレント表示 */
		.sub_navi-widget ul.children li a.current{
			background-color:  #EBEEF1;
		}



/*
***********************************************************************************************
ウィジェット「サイドバー」
***********************************************************************************************
*/

/* カテゴリー＆アーカイブ */
.widget_categories select,
.widget_archive select {
	background-color: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	margin: 5px 0px 0px 0px;
	padding: 3px;
	width: 100%;

	border-radius: 0;
}

	/* ウィジェットタイトル */
	.widget_categories .widgettitle,
	.widget_archive .widgettitle {
	}


.widget_categories label,
.widget_archive label {
	display: none;
}

/* サブカテゴリ以下のカテゴリー */
.widget_categories .level-1 {
}

/* コンテンツウィジェット*/
.widget-content ul {
	padding: 10px 10px 10px 20px;
	background-color: #ECF2F9;
}

/* 最近の投稿 */
.widget-content ul.display-posts-listing li {
	background-image:  url(../img/bullet_common4.png);
	background-repeat: no-repeat;
	background-position: 0px 0.3em;
	list-style-type: none;
	margin-bottom: 0.5em;
	padding: 0px 0px 0px 20px;
}

.widget-content ul.display-posts-listing .date {
}


/*
***********************************************************************************************
サイト内検索ウィジェット
***********************************************************************************************
*/

.widget_search {
	box-sizing: border-box;
	padding: 0px 0px 0 0px;
	max-width: 300px;
}

	.viewmode-mobile .widget_search{
		position: relative;
		margin: 0 auto 0 auto;
	}

	.widget_search form{
		/*
		background-image:  url(../img/bg_search.gif);
		background-cposition: 0px 0px;
		background-repeat: no-repeat;
		*/
		margin:  0px 0px 0 0;
		padding:  0 0 0 0px;
		position: relative;
	}

		/* 検索アイコン（未使用） */
		/*
		.widget_search form::after {
			content: "\f002";	/＊ fa-search ＊/
			color: #666;
			font-family: 'Font Awesome 6 Free';
			font-size: 18px;
			font-weight: 900;
			line-height: 1;
			position: absolute;
			right: 10px;
			top: 8px;
		}
		*/

	.widget_search label{
		display: none;
	}

	.widget_search input{
		background-color: transparent;
		margin: 0;
		padding: 0;
	}

	.widget_search #s {
		/*
		background-image: url(../img/bg_nav_header2.gif);
		background-position: 0px 0px;
		background-repeat: repeat-x;
		background-color: rgba(255,255,255,0.7);
		*/
		background-color: #eee;
		border: 0px solid #fff;
		box-sizing: border-box;
		font-size: 95%;
		padding: 5px 5px 5px 5px;
		height: 35px;
		width: calc(100% - 60px);

		transition: all 0.2s ease;
		/*
		box-shadow: 2px 2px 3px 0px #ddd inset;
		*/
	}

		.widget_search #s: focus{
			background-color: #fff;
			outline: none;
			/*
			width: 250px;
			*/
		}

	/* 検索ボタン */
	.widget_search #searchsubmit{
		background-color: #b1b1b1;
		/*
		background-image: url(../img/btn_search.png);
		background-position: center center;
		background-repeat: no-repeat;
		*/
		border: 0px solid #fff;
		color: #fff;
		float: right;
		margin: 0px 0px 0px 0px;
		top: 0px;
		right: 0px;
		width: 60px;
		height: 35px;
		z-index: 5;
	}

		.widget_search #searchsubmit:hover{
			cursor: pointer;
		}

		.widget_search #searchsubmit: focus{
			outline: none;
		}


/*
***********************************************************************************************
Image Widgetのバナー
***********************************************************************************************
*/

.widget_sp_image{
}

	.viewmode-mobile .widget_sp_image{
		text-align: center;
	}

	.widget_sp_image a img{
		border: 0px solid #fff;
		display: block;

		transition: all 0.2s ease;
		/*
		border-radius: 4px;
		*/
	}

		.viewmode-mobile .widget_sp_image a img{
			margin-left: auto;
			margin-right: auto;
			vertical-align: top;
		}

	.viewmode-pc .widget_sp_image a:hover img{
		border: 0px solid #fff;

		opacity: 0.7;
	}


/*
***********************************************************************************************
プラグイン「Newpost Catch」が出力する記事一覧（サムネイルあり版）（未使用）
***********************************************************************************************
*/

/*

.widget_newpostcatch {
}

	.viewmode-mobile .widget_newpostcatch {
		margin-left: -10px;
		margin-right: -10px;
		padding: 20px 10px 10px 10px;
	}

	/＊ clearfix ＊/
	.widget_newpostcatch::after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

		/＊ 一覧 ＊/
		.widget_newpostcatch h2.widgettitle small {
			position: absolute;
			top: 0px;
			right: 0px;
			z-index: 1;
		}

			.viewmode-mobile .widget_newpostcatch h2.widgettitle small {
			}

			.widget_newpostcatch h2.widgettitle small a {
				color: #000;
				display: block;
				font-family: 'Noto Sans JP', sans-serif;
				font-size: 14px;
				font-weight: 400;
				line-height: 1;
				margin: 0 0px 0 0px;
				padding: 5px 5px 5px 20px;
				position: relative;
				text-decoration: none;
			}

				.widget_newpostcatch h2.widgettitle small a:hover {
					background-color: #4665A5;
					color: #fff;
					text-decoration: none;
				}

				/＊ 矢印の飾り ＊/
				.widget_newpostcatch h2.widgettitle small a::before {
					color: #000;
					content: "\f054";	/＊ fa-chevron-right ＊/
					display: block;
					font-family: 'Font Awesome 6 Free';
					font-size: 12px;
					font-weight: 900;
					line-height: 1;
					top: 7px;
					left: 6px;
					position: absolute;
				}

					.widget_newpostcatch h2.widgettitle small a:hover::before {
						color: #fff;
					}

					.viewmode-mobile .widget_newpostcatch h2.widgettitle small a::before {
					}

	.widget_newpostcatch ul {
		padding: 0px;
	}

		.widget_newpostcatch li {
			/＊
			border-top: 1px dotted #666;
			＊/
			clear: both;
			list-style-type: none;
			line-height: 1.7;
			padding-top: 10px;
		}

			.widget_newpostcatch li:first-child {
				border-top: none;
				padding-top: 0px;
			}

			.viewmode-mobile .widget_newpostcatch li:nth-child(n+4) {
				display: none;
			}

			.widget_newpostcatch li a {
				/＊
				color: #111;
				＊/
				display: flex;
				gap: 20px;
				/＊
				text-decoration: none;
				＊/
			}

				.widget_newpostcatch li a:hover {
					/＊
					color: #D90000;
					text-decoration: underline;
					＊/
				}

				.widget_newpostcatch li a figure {
					margin: 0;

				}

					.widget_newpostcatch li a figure img {
						height: 100px;
						object-fit: cover;
						max-width: none;
						width: 100px;
					}

		.widget_newpostcatch li .detail {
			position: relative;
			width: calc(100% - 100px);
		}

			/＊ タイトル ＊/
			.widget_newpostcatch li span.title {
				display: inline-block;
				/＊
				font-weight: bold;
				＊/
				margin-left: 0px;
				/＊
				max-width: 215px;
				＊/
				padding-top: 0px;
				position: relative;
			}

			/＊ 投稿日 ＊/
			.widget_newpostcatch li span.date{
				color: #333;
				font-family: 'Roboto', sans-serif;
				font-size: 90%;
				position: absolute;
				top: 0px;
				left: 0px;
			}

*/

/*
***********************************************************************************************
プラグイン「Newpost Catch」が出力する記事一覧（サムネイルなし版）
***********************************************************************************************
*/

.widget_newpostcatch {
}

	.viewmode-mobile .widget_newpostcatch {
		/*
		margin-left: -10px;
		margin-right: -10px;
		padding: 20px 10px 10px 10px;
		*/
	}

	/* clearfix */
	.widget_newpostcatch::after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

		/* 一覧 */
		.widget_newpostcatch h2.widgettitle small {
			position: absolute;
			top: 0px;
			right: 0px;
			z-index: 1;
		}

			.viewmode-mobile .widget_newpostcatch h2.widgettitle small {
			}

			.widget_newpostcatch h2.widgettitle small a {
				color: #000;
				display: block;
				/*
				font-family: 'Noto Sans JP', sans-serif;
				*/
				font-size: 14px;
				font-weight: 400;
				line-height: 1;
				margin: 0 0px 0 0px;
				padding: 5px 5px 5px 20px;
				position: relative;
				text-decoration: none;
			}

				.widget_newpostcatch h2.widgettitle small a:hover {
					background-color: #4665A5;
					color: #fff;
					text-decoration: none;
				}

				/* 矢印の飾り */
				.widget_newpostcatch h2.widgettitle small a::before {
					color: #000;
					content: "\f054";	/* fa-chevron-right */
					display: block;
					font-family: 'Font Awesome 6 Free';
					font-size: 12px;
					font-weight: 900;
					line-height: 1;
					top: 7px;
					left: 6px;
					position: absolute;
				}

					.widget_newpostcatch h2.widgettitle small a:hover::before {
						color: #fff;
					}

					.viewmode-mobile .widget_newpostcatch h2.widgettitle small a::before {
					}

	.widget_newpostcatch ul {
		padding: 0px;
	}

		.widget_newpostcatch li {
			/*
			border-top: 1px dotted #666;
			*/
			clear: both;
			list-style-type: none;
			line-height: 1.7;
			padding-top: 10px;
		}

			.widget_newpostcatch li:first-child {
				border-top: none;
				padding-top: 0px;
			}

			.viewmode-mobile .widget_newpostcatch li:nth-child(n+4) {
				display: none;
			}

			.widget_newpostcatch li a {
				/*
				color: #111;
				*/
				display: flex;
				gap: 20px;
				/*
				text-decoration: none;
				*/
			}

				.widget_newpostcatch li a:hover {
					/*
					color: #D90000;
					text-decoration: underline;
					*/
				}

				.widget_newpostcatch li a figure {
					display: none;
					margin: 0;
				}

					.widget_newpostcatch li a figure img {
						height: 100px;
						object-fit: cover;
						max-width: none;
						width: 100px;
					}

		.widget_newpostcatch li .detail {
			padding-top: 1.5em;
			position: relative;
			/*
			width: calc(100% - 100px);
			*/
		}

			/* タイトル */
			.widget_newpostcatch li span.title {
				display: inline-block;
				/*
				font-weight: bold;
				*/
				margin-left: 0px;
				/*
				max-width: 215px;
				*/
				padding-top: 0px;
				position: relative;
			}

			/* 投稿日 */
			.widget_newpostcatch li span.date {
				color: #333;
				font-family: 'Roboto', sans-serif;
				font-size: 90%;
				position: absolute;
				top: 0px;
				left: 0px;
			}


/*
***********************************************************************************************
ローカルナビ（独自版）
***********************************************************************************************
*/

.widget_local_navi{
}

/* 固定ページ or カスタム投稿の一覧表示 */
.widget_local_navi .display-posts-listing{
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	list-style-type: none;
	padding: 0px;
	text-align: left;
}

	.widget_local_navi .display-posts-listing .listing-item{
		display: inline-block;
		letter-spacing: normal; /* 文字間を通常に戻す */
		list-style-type: none;
		line-height: 1.5;
		margin: 0 12px 12px 0;
		padding: 0px;
		position: relative;
		text-align: left;
		vertical-align: top;
	}

		.viewmode-mobile .widget_local_navi .display-posts-listing .listing-item {
			display: block;
			margin: 0 0 12px 0;
		}

		/* 矢印の飾り */
		.widget_local_navi .display-posts-listing .listing-item::before {
			color: #fff;
			content: "\f054";	/* fa-chevron-right */
			display: block;
			font-family: 'Font Awesome 6 Free';
			font-size: 15px;
			font-weight: 900;
			line-height: 1;
			top: 18px;
			left: 115px;
			position: absolute;
		}

			.ios .widget_local_navi .display-posts-listing .listing-item::before {

			}


		/* アイキャッチのプレースホルダー */
		.widget_local_navi .display-posts-listing .listing-item::after {
			background-color: #fff;
			background-image: url(../img/pic_dummy_item.jpg);
			background-size: contain;
			content: "";
			display: block;
			height: 100px;
			left: 0;
			position: absolute;
			top: 0px;
			width: 100px;
		}

		/* アイキャッチ */
		.widget_local_navi .display-posts-listing .listing-item a.image{
			background-color: #fff;
			/*
			font-size: 15px;
			*/
			display: block;
			left: 0;
			height: 100px;
			position: absolute;
			text-decoration: none;
			width: 100px;
			z-index: 1;
		}

			.widget_local_navi .display-posts-listing .listing-item a.image img{
				height: 100%;
				width: 100%;
			}

		/* タイトル */
		.widget_local_navi .display-posts-listing .listing-item a.title{
			background-color: #7986A1;
			color: #fff;
			display: block;
			font-family: 'Noto Sans JP', sans-serif;
			font-size: 16px;
			font-weight: 400;
			line-height: 1.3;
			height: 100px;
			padding: 15px 5px 5px 135px;
			text-decoration: none;
			width: 300px;

			transition: all 0.2s ease;
		}

			.widget_local_navi .display-posts-listing .listing-item a.title:hover{
				background-color: #111;
			}

			.viewmode-mobile .widget_local_navi .display-posts-listing .listing-item a.title{
				width: auto;
			}