.google-auto-placed {
    margin-top: 2em!important;
    margin-bottom: 2em!important;
}

/*
	カスタムカレンダーの表示調整
*/
#calendar_wrap_custom {
	width: 90%;
	margin: auto;
}

/* 記事一覧の区切り線の色変更 */
.post, 
article[id^="post-"] {
    border-bottom: 2px solid #262C74 !important;
}

/*
	段落ブロックの文字サイズとパディング、行間の変更
*/
.entry-content p {
	font-size: 1.167em; /* 14px */
	padding-top: 0.300em;
	padding-bottom: 0.300em;
	padding-right: 0.300em;
	padding-left: 0.300em;
	line-height: 1.5;
}

/* 1. 通常のマーク、および背景色があるマークに品のある余白と角丸を適用 */
mark {
	padding-left: 0.35em !important;
	padding-right: 0.35em !important;
	border-radius: 2px !important; }

/* 2. 【最優先】背景色が透明（文字色変更）のマークだけ、余白を完全にゼロにリセット */
mark[style*="background-color:rgba(0, 0, 0, 0)"],
mark[style*="background-color: rgba(0, 0, 0, 0)"], /* 半角スペース対策 */
mark[style*="background-color:transparent"] {
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-radius: 0 !important;
}

.site-branding #hpb-site-desc {
	font-size:10px;
}
#hpb-header-extra1 p.address {
	font-size:9.5px;
}

/*
	キャプションの文字サイズ変更
*/
.wp-block-image figcaption {
	font-size: 1em !important; /* 12px */
}

/*
	目次のマージン・文字サイズ設定
*/
#toc_container {
	margin: auto; /* 中央揃え */
	margin-bottom: 2.0rem; /* 32px */
	font-size: 0.813rem; /*13px*/
	border-width: 3px !important;
	border-radius: 10px !important;
}

/*
	テーブルの文字色 & 背景色設定を有効化 for Gutenberg
*/
.wp-block-table th { color:inherit; background: none; }
.wp-block-table td { color:inherit; background: none; }

/* テーブルのヘッダーを中央揃えにする */
.center-table th {
  text-align: center !important;
}

/* 
 番号無しリストの文頭を黒丸記号に
*/
.list-disc ul li { list-style-type: disc !important; }

/* 
 番号無しリストの文頭を白丸記号に
*/
.list-circle0 li { list-style-type: circle !important; }
.list-circle ul li { list-style-type: circle !important; }
.list-circle2 ul li ul li { list-style-type: circle !important; }

/*
	リストブロックの行間・文字サイズ変更
*/
.entry-content li {
	line-height: 1.3 !important;
	font-size: 0.813rem !important; /* 13px */
}

/*
 VK Blocks の H2装飾対応（else-stylesを除き以下の記述をh3.*～h5.*まで定義）
*/
h2 .is-style-vk-heading-plain, .is-style-vk-heading-double_black, .is-style-vk-heading-double_bottomborder_black, .is-style-vk-heading-solid_black, .is-style-vk-heading-solid_bottomborder_black, .is-style-vk-heading-dotted_bottomborder_black, .is-style-vk-heading-both_ends, .is-style-vk-heading-solid_bottomborder_black, .is-style-vk-heading-brackets_black {
	background-image: none !important;
	border-color: inherit !important;
	:not(&) {
    /* else-styles
		見出しH2装飾（PC/タブレット）の		変更（.is-style-vk-heading-background_fill_lightgray「背景塗り 灰色」を含む）*/
		.entry-content h2 {
			color: #e0c64f;
			background-image: url(/images/icon_viewtype-date-h3-sp.png);
			background-position: center bottom;
			background-repeat: no-repeat;
			background-size:100% 2px;
			margin-bottom: 1.0em !important;
			border-color: inherit !important;
			padding-top: 0.3em !important;
			padding-bottom: 0.3em !important;
			padding-left: 0.5em !important;
			padding-right: 0.5em !important;
		}
	}
}
h2.is-style-vk-heading-plain {
	background-image: none !important;
}

/* VK Blocks の H3装飾対応 */
h3 .is-style-vk-heading-plain, .is-style-vk-heading-double_black, .is-style-vk-heading-double_bottomborder_black, .is-style-vk-heading-solid_black, .is-style-vk-heading-solid_bottomborder_black, .is-style-vk-heading-dotted_bottomborder_black, .is-style-vk-heading-both_ends, .is-style-vk-heading-solid_bottomborder_black, .is-style-vk-heading-brackets_black {
	background-image: none !important;
	border-color: inherit !important;
}
h3.is-style-vk-heading-plain {
	background-image: none !important;
}

/* VK Blocks の H4装飾対応 */
h4 .is-style-vk-heading-plain, .is-style-vk-heading-double_black, .is-style-vk-heading-double_bottomborder_black, .is-style-vk-heading-solid_black, .is-style-vk-heading-solid_bottomborder_black, .is-style-vk-heading-dotted_bottomborder_black, .is-style-vk-heading-both_ends, .is-style-vk-heading-solid_bottomborder_black, .is-style-vk-heading-brackets_black {
	background-image: none !important;
	border-color: inherit !important;
}
h4.is-style-vk-heading-plain {
	background-image: none !important;
}

/* VK Blocks の H5装飾対応 */
h5 .is-style-vk-heading-plain, .is-style-vk-heading-double_black, .is-style-vk-heading-double_bottomborder_black, .is-style-vk-heading-solid_black, .is-style-vk-heading-solid_bottomborder_black, .is-style-vk-heading-dotted_bottomborder_black, .is-style-vk-heading-both_ends, .is-style-vk-heading-solid_bottomborder_black, .is-style-vk-heading-brackets_black {
	background-image: none !important;
	border-color: inherit !important;
}
h5.is-style-vk-heading-plain {
	background-image: none !important;
}

/*
	VK Blocks の 枠線ブロック装飾対応
*/
.is-style-vk_borderBox-style-solid-kado-tit-onborder {
	.vk_borderBox_title_container {
	/* 枠線ブロック「直線 ピンカド 線上」の背景色（黒） */
		background-color: black !important;
		@media (max-width:480px) {
			background-color: #151515 !important;	
		}
	}
}
.wp-block-vk-blocks-border-box {
	.vk_borderBox_body p {
	/* 枠線ブロック内のテキスト色 */
		color: #ca9b33 !important;	/* 標準文字色 */
	}
}

/*
	定義リストの横並びを解除（VK Blocks のFAQブロック対応）
*/
.vk_faq {
	dl dt { float: none !important; }
	dt { float: none !important; }
}

/* 
 VK Blocks の テーブル装飾対応
*/

/* ストライプ, 枠線無し(追加CSS) */
.is-style-stripes, .table-noborder td {
	border: 0px !important;
}

/* 直線上下 */
.is-style-vk-table-border-top-bottom td {
	border-color: #ca9b33 !important;	/* 標準文字色 */
	border-left-width: 0px !important;
	border-right-width: 0px !important;
}

/* 枠線ストライプ */
.is-style-vk-table-border-stripes td {
	border-color: #ca9b33 !important;	/* 標準文字色 */
}

/* 枠線 */
.is-style-vk-table-border td {
		border-color: #ca9b33 !important;	/* 標準文字色 */
}

/* 
	見出しH1（スマホ）の変更
*/
@media (max-width:480px) {
	h1#hpb-page-title {
		padding-left: 0px !important;
		padding-right: 0px !important;
		background-image: url(/images/icon_viewtype-date-h3.png) !important;
		background-position: center middle !important;
		background-repeat: no-repeat !important;
		background-size:100% 20px !important;
		background-color: black !important;
		clear: both !important;
		text-align: center !important;
	}
}

/*
	見出し折り返しの行間を調整(h2-h6)
*/
.entry-content h2, h3, h4, h5, h6
{
	line-height: 1.3 !important;
	margin-top: 0 !important;
}
/* 見出しh1 */
h1.entry-title, h1.page-title {
	line-height: 1.3 !important;
	margin-top: 0 !important;
}

/*
	見出しH2-H6ブロックの中央揃え強制
	（スマホ動作時の不具合対応）
*/
h2.has-text-align-center, h3.has-text-align-center, h4.has-text-align-center, h5.has-text-align-center h6.has-text-align-center {
	text-align: center !important;
}

/*
	IMGタグ中央揃え強制（不具合対応）
*/
.aligncenter {
	text-align: center !important;
}

/*
	Stickyメニュー設定
*/
#hpb-header-extra1 .sticky-menu {
	opacity: 0.5;		/* 透過指定 */
	z-index: 2147483646;	/* ポップアップを前面*/
	position: fixed;	/* 画面上の位置を固定 */
	top: 40px;		/* 上からの位置 */
	right: 30px;		/* 右からの位置 */
	width: 24px;		/* 画像の幅 */
	height: auto;		/* 画像の高さ */
}

@media (max-width: 480px) {
	/* スマホ対応 */
	#hpb-header-extra1 .sticky-menu{
		top: 70px;
		right: 10px;
		width: 18px;
		height: auto;
	}
}

/* マウスオーバー時に拡大 */

#hpb-header-extra1 img.sticky-menu {
	display: block; /* コンテンツのひとかたまりとなる要素 */
	transition-duration: 0.5s; /* 変化にかかる時間 */
}
#hpb-header-extra1 img.sticky-menu:hover {
	transform: scale(1.3,1.3); /* 画像の拡大率 */
	transition-duration: 0.5s;
}

/*
	ポップアップメニュー設定
*/
.popup-menu {
	margin:10px;
	a {
		color:white;
		background-color: skyblue;
		padding:5px 8px;
		border-radius: 5px;
		text-decoration: none;
	}
	a:hover {
		color:skyblue;
		background-color: white;
		border:3px solid skyblue;
	}
}

/*
	記事一覧のアイキャッチ画像回り込み
*/
.entry-thumbnail {
	float: left;
	margin-right: 1em;
}

/*
	記事一覧イメージをHover時に拡大 
*/
.entry-thumbnail img {
	overflow: visible;
	display: block;
	transition-duration: 0.5s;
}
.entry-thumbnail img:hover {
	transform: scale(1.13,1.13);
	transition-duration: 0.5s;
}

/*
	YARPPの文字サイズ変更
*/
.yarpp-thumbnail-title {
	font-size:9px !important;
	font-weight:normal !important;
}

/*
	イメージへのhover時影付け
*/
/* Transposh */
#custom_html-2 img:hover {
	box-shadow: 0 -4px 5px #999;
}
/* YARPP */
.yarpp-related img:hover {
	box-shadow: 0 -2px 5px #999;
}
/* 最近の投稿ウィジェット */
.rpost-eyecatch img:hover {
	box-shadow: 0 -2px 5px #999;
}
/* 更新情報 (Display Posts) */
.listing-item img:hover {
	box-shadow: 0 -2px 5px #999;
}
/* ブログランキングのバナー */
.senris-top img:hover {
	box-shadow: 0 -2px 5px #999;
}

/*
	reCAPTCHA v3のバッジを非表示にする
*/
.grecaptcha-badge { visibility: hidden; }

/*
	TOPページのデザイン変更
*/
.senris-top table {
	width: 85% !important;
	margin:auto !important;
}
.senris-top td {
	border: none !important;
}
.senris-top table tr:nth-child(1) td:nth-child(1) {
	border-radius: 10px 0 0 0;
}
.senris-top table tr:nth-child(1) td:nth-child(3) {
	border-radius: 0 10px 10px 0;
}
.senris-top table tr:nth-child(3) td:nth-child(1) {
	border-radius: 0 0 0 10px;
}

/*
  テーブルの中央配置 
*/
.table-center table {
	width: 90% !important;
	margin:auto !important;
}

/* 更新情報のデコレーション */
.listing-item {
	padding: 8px;
	background-color: #222222;
	border-color: red;
	line-height: 1.3;
	border-bottom: 1px solid black;
	border-radius: 3px;
}

/*
	Gwolle Guestbook デザイン変更
*/
.gwolle-gb-write-button input {
	font-size: 9pt !important;
}
.gwolle-gb-write-button {
	.button {
		display       : inline-block;
		border-radius : 5px;		/* 角丸 */
		font-size     : 9pt;		/* 文字サイズ */
		text-align  	: center;	/* 文字位置 */
		cursor        : pointer;	/* カーソル */
		padding       : 12px 12px;	/* 余白 */
		background    : #000066;	/* 背景色 */
		color         : #ffffff;	/* 文字色 */
		line-height   : 1em;		/* 1行の高さ */
		transition    : .3s;		/* なめらか変化 */
		box-shadow    : 0px 0px 8px #666666;	/* 影の設定 */
		border        : 2px solid #000066;	/* 枠の指定 */
	}
	.button:hover {
		box-shadow  : none;	/* カーソル時の影消去 */
		color       : #000066;	/* 背景色 */
		background  : #ffffff;	/* 文字色 */
	}
}
/* アップロードボタン */
.button.gwolle-gb-addon-upload-button {
	 background : #000066;
	 border-color : #666666;
	 color : #A0A0A0;
	 font-size : 10pt;
}
/* 送信ボタン */
.button.gwolle_gb_submit {
	 font-size : 10pt;
}
/* プレビューボタン */
.button.gwolle_gb_preview {
	 background : #000066;
	 border-color : #666666;
	 color : #A0A0A0;
	 font-size : 10pt;
}

/*
	人気記事のアイキャッチ内に順位番号を表示
*/
body {
	counter-reset: rank_number;  
}
ul.wpp-list li img:hover {
	box-shadow: 0 -2px 5px #999;
	-webkit-filter: brightness(1.3);
	-moz-filter: brightness(1.3);
	-o-filter: brightness(1.3);
	-ms-filter: brightness(1.3);
	filter: brightness(1.3);
}
.wpp_thumb_wrapper {
	position: relative;
}
.wpp_thumb_wrapper:after {
	counter-increment: rank_number;
	content: counter(rank_number);
	display: block;
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
	background: rgba(50, 50, 50, 0.8);
	color: white;
	font-size: 14px;
	text-align: center;
	border-radius: 2px;
}

/*
	各ウィジェットのデザインを調整
*/

/* ウィジェットのタイトル */
.widget-title {
	font-size: 1em !important; /* 12px */
}
h1.widget_block {
	font-size: 1em !important; /* 12px */
}
h2.widget_block {
	font-size: 1em !important; /* 12px */
}

/* 最近の投稿の余白と行間 */
.rpost-list li {
	padding-right: 5px;
	line-height: 1.3;
}
.rpost-list img {
	float: left;
	margin-right: 5px;
}

/* 最近のコメントの余白と行間 */
#recent-comments-2 li {
	padding-right: 5px;
	line-height: 1.3;
}

/* 本日の人気記事の余白と行間 */
#block-2 li {
	padding-right: 5px;
	line-height: 1.3;
	margin-top: 2px;
	margin-bottom: 2px;
}
#block-2 img {
		float: left;
		margin-right: 5px;
}

/* ニュースの余白 */
.hpb-viewtype-date dl,dd {
	padding-right: 10px !important;
}

/*
	各ウィジェットの間隔を調整
*/

/* Transposh */
#transposh-6 {
	margin-top:0px;
	margin-bottom:0;
	padding-bottom:0;
}
/* 日本語＆English */
#custom_html-2 {
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;	
}
/* Prisna GWT */
#prisna-google-website-translator-2 {
	margin-top:10px;
	padding-top:0;
}
/* RSSフィード＆ソーシャルボタン */
#sfsi-widget-2 {
	margin-bottom:0;
	padding-bottom:0;
}
/* 本日の人気記事 */
#block-2 {
	margin-top:-15px;
}
/* 人気記事200 */
#text-4 {
	margin-top:0px;
	margin-bottom:0;
	padding-bottom:0;
	font-size:12px;
	.textwidget {
		background-color:#222222;
		margin-top:-3px;
		padding-top:0.1px;
		padding-bottom:0;
	}
}
/* サイト統計情報(WP-Statistics) */
#text-6 {
	margin-top:-15px;
	padding-top:13px;
	padding-bottom:15px;
	font-size:11px;
	.textwidget {
		background-color:#222222;
		margin-top:0px;
		padding-top:5px;
		padding-bottom:5px;
	}
}
/* ブログをメールで購読 */
#blog_subscription-3 {
	margin-top:-10px;
}
.wp-block-jetpack-subscriptions__container {
	background-color:#222222;
	margin-top:-3px;
	margin-bottom:0;
	padding-top:1px;
	padding-bottom:8px;
	padding-left:10px;
	padding-right:5px;	
	font-size:10px;
}
/* 購読メールアドレス */
#subscribe-field-blog_subscription-3 {
		font-size:10px;
}
/* 登録ボタン (Jetpack) */
.wp-block-button__link {
	font-size:9px;
}

/*
	Photo-BBS イメージへのhover時影付けとアライメント調整
*/
.photo_bbs img:hover {
	box-shadow: 0 -2px 14px #999;
}
.photo_bbs dl,dt,dd {
	vertical-align: middle !important;
}

/*
	Photo-BBS きらっと光る
	アニメーション
*/
.btnshine {
	/*キラッと光る基点とするためrelativeを指定*/
	position: relative;
	/*ボタンの形状*/	
	display:inline-block;
	color: #fff;
	padding: 10px 20px;
	text-decoration: none;
	outline: none;
	overflow: hidden;
}

/*キラッと光る*/
.btnshine::before {
	content: '';
	/*絶対配置でキラッと光るの位置を決める*/
	position: absolute;
	top: 0;
	left: -75%;
	/*キラッと光る形状*/
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	transform: skewX(-25deg);
}

/*hoverした際の移動のアニメーション*/
.btnshine:hover::before {
	animation: shine 0.7s;
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/*
	Contact Form 7 入力欄の幅を調整
*/
.wpcf7 input[name="your-name"] {	/* 名前入力欄 */
	width: 75%;
}
.wpcf7 input[name="your-email"] {	/* メール入力欄 */
	width: 75%;
}
.wpcf7 input[name="your-subject"] {	/* タイトル入力欄 */
	width: 100%;
}
.wpcf7 textarea[name="your-message"] {	/* 本文入力欄 */
	width: 100%;
}

/*
	WP-PageNavi のスタイル
*/
.wp-pagenavi {
	padding:10px 9px 10px !important;
	display:block !important;
	clear:both !important;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
	display:inline-block;
	color:#333333 !important;
	text-shadow:0px 1px #F6F6F6 !important;
	padding:3px 9px 3px 9px !important;
	border:solid 1px #B6B6B6 !important;
	box-shadow:0px 1px #EFEFEF !important;
	-moz-box-shadow:0px 1px #EFEFEF !important;
	-webkit-box-shadow:0px 1px #EFEFEF !important;
	background:#E6E6E6 !important;
	background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
	font-size:14px !important;
	margin-right:3px !important;
	margin-bottom:4px !important;
	text-decoration:none !important;
}	
.wp-pagenavi a:hover {
	display:inline-block;
	color:#fff !important;
	text-shadow:0px 1px #3C3C3C !important;
	border-color:#202020 !important;
	background:#525252 !important;
	background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
	color:#FFFFFF !important;
	box-shadow:0px 1px #E7E7E7 !important;
	-moz-box-shadow:0px 1px #E7E7E7 !important;
	-webkit-box-shadow:0px 1px #E7E7E7 !important;
}
.wp-pagenavi span.current {
	display:inline-block;
	padding:3px 9px 3px 9px !important;
	border:solid 1px #DCDCDC !important;
	color:#fff !important;
	box-shadow:0px 1px #E7E7E7 !important;
	-moz-box-shadow:0px 1px #E7E7E7 !important;
	-webkit-box-shadow:0px 1px #E7E7E7 !important;
	margin-right:3px !important;
	text-shadow:0px 1px #3C3C3C !important;
	border-color:#202020 !important;
	background:#525252 !important;
	background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
}

/*--------------------------------
  関連記事(YARPP)のカスタマイズ
--------------------------------*/
/*yarppの領域*/
.related-post {
	width: 100%;		/*①記事幅に100%フィット*/
	overflow:hidden;
	margin-top:5px;
	font-size:0;
}
/*１記事の領域*/
.related-entry {
	vertical-align: top;
	display:inline-block;
	width: 22%;		/*②１記事の領域（幅）*/
	font-size: 12px;	/*文字サイズ*/
	line-height: 1.4;	/*文字行高*/
	margin-bottom: 12px;	/*下余白*/
	padding: 0 1.3%;	/*記事の間隔（左右）*/
}
/*画像の設定*/
.related-entry img {
 	border: #ccc 1px solid;	/*画像の枠線*/
	padding:2%;		/*画像と枠線の間隔*/
	width:100%;		/*１記事の領域幅にフィット*/
	height:auto;
}
/*画像の装飾*/
.related-thumb a,
.related-thumb a img {
	-webkit-box-shadow: none;
	box-shadow:none;
	text-decoration: none;
	border-radius: 10%;	/*角丸*/
}
/*マウスオーバーで光る*/
.related-thumb a img:hover {	
	-webkit-filter: brightness(1.3);
	-moz-filter: brightness(1.3);
	-o-filter: brightness(1.3);
	-ms-filter: brightness(1.3);
	filter:brightness(1.3);
}

/*
	SNSボタンのhover時影付け
*/
.hpb_social img:hover {
	box-shadow: 0 -2px 5px #999;
}

/*--------------------------------
  メディアクエリ（スマホ対応）
---------------------------------*/
@media (max-width:480px) {
	/* YARPP の文字サイズ変更 */
	.related-entry {
		font-size: 0.63rem;		/* 10px */
	}
	/* キャプションの文字サイズ変更 */
	.wp-block-image figcaption {
		font-size: 0.68rem !important;	/* 11px */
	}
}

/*--------------------------------
  自作タグクラウド（共通）：スリム＆可読性重視デザイン
---------------------------------*/
.custom-cloud {
    padding: 5px 0;
    line-height: 2.2 !important; /* 行間を適切に保ち重なりを防止 */
}

.custom-cloud a {
    display: inline-block !important;
    height: auto !important;
    padding: 1px 7px !important; /* ボタン内の余白を極小に */
    margin: 2px 1px !important;
    
    line-height: 1.5 !important; 
    text-decoration: none !important;
    border-radius: 4px !important; /* 本番サイトに馴染むシャープな角丸 */
    font-weight: 700 !important;
    border: none !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}

/* --- 金色のタグ (Gold) / メタリック光沢仕様 --- */
.tag-cloud-gold a {
    /* 白金（ホワイトゴールド）から濃い黄金色への細かな切り替えで金属反射を表現 */
    background: linear-gradient(135deg, 
        #ffeaa7 0%, 
        #d4af37 25%, 
        #fff9db 50%, 
        #aa7c11 75%, 
        #f1c40f 100%
    ) !important;
    color: #1a1a1a !important; /* 文字の視認性を高める濃い黒 */
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important; /* 刻印風の白シャドウ */
    border: 1px solid #b38f1d !important; /* 金色の外枠線で引き締める */
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.7), 0 2px 4px rgba(0, 0, 0, 0.2) !important; /* 内側の光と外側の影 */
    transition: all 0.25s ease-in-out !important; /* シルバーと合わせた滑らかな動き */
}

.tag-cloud-gold a:hover {
    /* ホバー時はさらにコントラストを強くし、輝きが増す演出 */
    background: linear-gradient(135deg, 
        #ffffff 0%, 
        #cdaa3d 30%, 
        #fffdf0 55%, 
        #916908 85%, 
        #f39c12 100%
    ) !important;
    color: #000000 !important;
    transform: scale(1.08) !important; /* シルバーのサイズ感と統一 */
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.9), 0 6px 12px rgba(0, 0, 0, 0.4) !important; /* 影を強く */
    z-index: 10;
    position: relative;
}

/* --- 銀色のカテゴリー (Silver) / メタリック光沢仕様 --- */
.cat-cloud-silver a {
    /* 複数の色を細かく切り替えて、金属の反射光を表現 */
    background: linear-gradient(135deg, 
        #f0f2f5 0%, 
        #9ca3af 25%, 
        #e5e7eb 50%, 
        #bfc5cd 75%, 
        #f3f4f6 100%
    ) !important;
    color: #1f2937 !important; /* 文字色を少し濃くして視認性を確保 */
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) !important; /* 文字の後ろに白い光を入れて金属刻印風に */
    border: 1px solid #9ca3af !important; /* 外枠に少し暗い線を引いて質感を締める */
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.15) !important; /* 内側への光と外側の影 */
    transition: all 0.25s ease-in-out !important; /* 動きを滑らかに */
}

.cat-cloud-silver a:hover {
    /* ホバー時はさらにコントラストを強めて輝かせる */
    background: linear-gradient(135deg, 
        #ffffff 0%, 
        #858e96 30%, 
        #f8f9fa 55%, 
        #a6b1b7 85%, 
        #ffffff 100%
    ) !important;
    color: #000000 !important;
    transform: scale(1.08) !important;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.9), 0 6px 12px rgba(0, 0, 0, 0.3) !important; /* 影を強く */
    z-index: 10;
    position: relative;
}

/* 黒背景のサイトに最適化したミニ音声プレイヤー（左寄せ・極細ネオン版） */
.wp-block-audio audio {
    display: block;
    max-width: 280px;  
    height: 28px; 
    margin: 21px auto 21px 0;
    border-radius: 30px;
    
    /* 
       1つ目の影：プレイヤーのキワを白くクッキリ光らせる（1pxの輪郭線のような効果）
       2つ目の影：外側に白くボヤッと広がる柔らかな光（グロウ効果）
    */
    box-shadow: 0 0 4px 1px rgba(255, 255, 255, 0.6), 
                0 0 12px 2px rgba(255, 255, 255, 0.2);
    
    transition: all 0.3s ease;
}

/* マウスを乗せたときに、さらに光を強くする演出 */
.wp-block-audio audio:hover {
    transform: translateY(-2px);
    /* マウスホバーで光の範囲と強さをアップ */
    box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.8), 
                0 0 16px 4px rgba(255, 255, 255, 0.3);
}

/* ==========================================
  WP7.0対応 ブロッククオート（引用）スタイル
  公開画面 ＆ 編集画面（エディタ）を完全に同期
========================================== */

/* 1. 通常の引用スタイル（公開画面＆編集画面の共通定義） */
.wp-block-quote,
.editor-styles-wrapper .wp-block-quote {
	background-color: #171717 !important;
	border-color: #404040 !important;
	border-radius: 10px !important;
	border-width: 2px !important;
	border-style: solid !important;
	padding-top: 10px !important;
	padding-bottom: 0px !important;
}

/* 2. プレーンスタイル（公開画面＆編集画面の共通定義） */
blockquote.is-style-plain,
.editor-styles-wrapper blockquote.is-style-plain {
	background-color: #000000 !important;
	border-radius: 0px !important;
	border-left-width: 4px !important;
	border-left-style: solid !important;
	border-top-style: none !important;
	border-bottom-style: none !important;
	border-right-style: none !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

/* 3. スマホ表示用の設定（公開画面用：Cache干渉対策） */
@media (max-width: 480px) {
	/* 通常の引用ブロック全体のスマホ背景 */
	html body .wp-block-quote,
	html body blockquote {
		background: #171717 !important;
		background-color: #171717 !important;
	}

	/* プレーンスタイルのスマホ背景 */
	html body blockquote.is-style-plain,
	html body .wp-block-quote.is-style-plain {
		background: #151515 !important;
		background-color: #151515 !important;
	}
}

/* ------------------------------------------
  【編集画面専用】文字色の干渉を完璧にガードして同期
------------------------------------------ */
/* 通常の引用（エディタ内の枠余白と背景微調整） */
.editor-styles-wrapper .wp-block-quote {
	background-color: #202020 !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}
/* 通常の引用（中の文字色を固定） */
.editor-styles-wrapper .wp-block-quote p,
.editor-styles-wrapper .wp-block-quote cite,
.editor-styles-wrapper .wp-block-quote li,
.editor-styles-wrapper .wp-block-quote code {
	color: #808080 !important;
}

/* プレーンスタイル（エディタ内の枠余白と背景微調整） */
.editor-styles-wrapper blockquote.is-style-plain {
	background-color: #000000 !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}
/* プレーンスタイル（中の文字色を固定） */
.editor-styles-wrapper blockquote.is-style-plain p {
	color: #808080 !important;
}

// 最近の投稿ウィジェット（カスタム投稿対応）
// * サムネイルのサイズを「WordPress Popular Post」に合わせる

add_action( 'widgets_init', '_hpb_register_widgets' );
function _hpb_register_widgets() {
	register_widget( 'HpbRecentPost' );
}

class HpbRecentPost extends WP_Widget {
	function __construct() {
		$widget_ops = array('classname' => 'widget_hpb_recent_post', 'description' => 'カスタム投稿に対応した最新の投稿' );
		parent::__construct('hpb-recent-post', '最近の投稿（カスタム投稿）', $widget_ops);
		$this->alt_option_name = 'widget_hpb_recent_post';

		add_action( 'save_post', array($this, 'flush_widget_cache') );
		add_action( 'deleted_post', array($this, 'flush_widget_cache') );
		add_action( 'switch_theme', array($this, 'flush_widget_cache') );
	}

	function widget( $args, $instance ) {
		$cache = wp_cache_get('HpbRecentPost', 'widget');

		if ( !is_array($cache) )
			$cache = array();

		if ( ! isset( $args['widget_id'] ) )
			$args['widget_id'] = $this->id;

		if ( isset( $cache[ $args['widget_id'] ] ) ) {
			echo $cache[ $args['widget_id'] ];
			return;
		}

		ob_start();
		extract($args);

		$title = apply_filters('widget_title', empty($instance['title']) ? __('最近の投稿') : $instance['title'], $instance, $this->id_base);
		if ( empty( $instance['number'] ) || ! $number = absint( $instance['number'] ) )
 			$number = 5;
		$show_date = isset( $instance['show_date'] ) ? $instance['show_date'] : false;
		$show_eyecatch = isset( $instance['show_eyecatch'] ) ? $instance['show_eyecatch'] : false;

		$arrayCP = array('');
		if($instance['post']){
			array_push($arrayCP, 'post');
		}
		$wp_post_type_names = get_post_types(array('_builtin' => false, 'public' => true), 'objects');
		foreach( $wp_post_type_names as $post_type ) {
			if($instance[$post_type->name]){
				array_push($arrayCP, $post_type->name);
			}
		}
		$r = new WP_Query( array('post_type' => $arrayCP,'posts_per_page' => $number ) );
		if ( $r->have_posts()) :
		echo $before_widget;
		if ( $title )
			echo $before_title . $title . $after_title;
		?>
		<span class="rpost-list">
		<ul>
			<?php while($r->have_posts()) : $r->the_post(); ?>
				<li>
					<?php if ( $show_eyecatch && has_post_thumbnail() ) : ?>
						<span class="rpost-eyecatch"><a href="<?php the_permalink() ?>"><?php echo the_post_thumbnail( array(16,16) ),'　'; the_title(); ?></a></span>
					<?php else : ?>
						<a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
					<?php endif; ?>
					<?php if ( $show_date ) : ?>
						<span class="post-date"><?php echo get_the_date(); ?></span>
					<?php endif; ?>
				</li>
			<?php endwhile; ?>
		</ul>
		</span>
		<?php
		echo $after_widget;
		wp_reset_query();
		endif;
		$cache[$args['widget_id']] = ob_get_flush();
		wp_cache_set('HpbRecentPost', $cache, 'widget');
	}

	function update( $new_instance, $old_instance ) {
		$instance = $old_instance;
		$instance = $old_instance;
		$instance['title'] = strip_tags($new_instance['title']);
		$instance['number'] = (int) $new_instance['number'];
		$instance['show_date'] = (bool) $new_instance['show_date'];
		$instance['show_eyecatch'] = (bool) $new_instance['show_eyecatch'];
		$instance['post'] = $new_instance['post'] ? 1 : 0;
		$wp_post_type_names = get_post_types(array('_builtin' => false, 'public' => true), 'objects');
		foreach( $wp_post_type_names as $post_type ) {
			$instance[$post_type->name] = $new_instance[$post_type->name] ? 1 : 0;
		}

		$this->flush_widget_cache();

		$alloptions = wp_cache_get( 'alloptions', 'options' );
		if ( isset($alloptions['widget_hpb_recent_post']) )
			delete_option('widget_hpb_recent_post');

		return $instance;
	}

	function flush_widget_cache() {
		wp_cache_delete('HpbRecentPost', 'widget');
	}

	function form($instance) {
		$title = strip_tags($instance['title']);
		$number    = isset( $instance['number'] ) ? absint( $instance['number'] ) : 5;
		$show_date = isset( $instance['show_date'] ) ? (bool) $instance['show_date'] : false;
		$show_eyecatch = isset( $instance['show_eyecatch'] ) ? (bool) $instance['show_eyecatch'] : false;
		$wp_post_type_names = get_post_types(array('_builtin' => false, 'public' => true), 'objects');
		$index = 0;
?>
<p><label for="<?php echo $this->get_field_id('title'); ?>"><?php _e( 'Title:', '_hpb' ); ?></label> <input class="widefat" id="				<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo esc_attr($title); ?>" /></p><p>表示するカスタム投稿</p>
<?php $checked = $instance['post'] ? 'checked="checked"' : ''; ?>
<p><input class="checkbox" type="checkbox" <?php echo $checked; ?> id="<?php echo $this->get_field_id('post'); ?>"  name="<?php echo $this->get_field_name('post'); ?>" /> <label for="<?php echo $this->get_field_id('post'); ?>">ブログ</label></p>
<?php
		foreach( $wp_post_type_names as $post_type ) {
		$checked = $instance[$post_type->name] ? 'checked="checked"' : '';
?>
<p><input class="checkbox" type="checkbox" <?php echo $checked; ?> id="<?php echo $this->get_field_id($post_type->name); ?>"  name="<?php echo $this->get_field_name($post_type->name); ?>" /> <label for="<?php echo $this->get_field_id($post_type->name); ?>"><?php echo $post_type->label; ?></label></p>
<?php
		}
?>
		<p><label for="<?php echo $this->get_field_id( 'number' ); ?>">表示する投稿数</label>
		<input id="<?php echo $this->get_field_id( 'number' ); ?>" name="<?php echo $this->get_field_name( 'number' ); ?>" type="text" value="<?php echo $number; ?>" size="3" /></p>
		<p><input class="checkbox" type="checkbox" <?php checked( $show_date ); ?> id="<?php echo $this->get_field_id( 'show_date' ); ?>" name="<?php echo $this->get_field_name( 'show_date' ); ?>" />
		<label for="<?php echo $this->get_field_id( 'show_date' ); ?>">投稿日を表示</label></p>
		<p><input class="checkbox" type="checkbox" <?php checked( $show_eyecatch); ?> id="<?php echo $this->get_field_id( 'show_eyecatch' ); ?>" name="<?php echo $this->get_field_name( 'show_eyecatch' ); ?>" />
		<label for="<?php echo $this->get_field_id( 'show_eyecatch' ); ?>">アイキャッチ画像を表示</label></p>
<?php
	}
}

// end 最近の投稿ウィジェット（カスタム投稿対応）

/*
	XO Event Calendar ウィジェットのキャプションとナビゲーションボタンの色変更
	[短縮カラー] #fff:白 #333:薄黒 #f30:薄赤 03f:薄青 #666:濃灰 #ccc:灰 
	[16進カラー] #0000cc:blue #000080:navy #97cbff:aqua #b5b5b5:gray
*/

/*
	タイトルの背景色（ブルー）・キャプションの色（白）変更
	background-color: #0000cc; text-align: center; / color: #fff; 追加
*/
.xo-event-calendar table.xo-month > caption {
	background-color: #0000cc;
	color: #fff;
}
/*
	ナビゲーションボタンの色（水色）変更
*/
.xo-event-calendar table.xo-month button span.nav-prev,
.xo-event-calendar table.xo-month button span.nav-next {
	border-color:#97cbff !important;
}
/*
	曜日ヘッダの背景色（灰色）変更
*/
.xo-event-calendar table.xo-month thead th {
	background-color: #b5b5b5;
}

/*
	WP-PageNavi のスタイル
*/
.wp-pagenavi {
	padding: 10px 8px 10px !important;
	display:block !important;
	clear:both !important;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
	display: inline-block;
	color:#333333 !important;
	text-shadow:0px 1px #F6F6F6 !important;
	padding:3px 8px 3px 8px !important;
	border:solid 1px #B6B6B6 !important;
	box-shadow:0px 1px #EFEFEF !important;
	-moz-box-shadow:0px 1px #EFEFEF !important;
	-webkit-box-shadow:0px 1px #EFEFEF !important;
	background:#E6E6E6 !important;
	background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
	font-size:12px !important;
	margin-right:3px !important;
	text-decoration:none !important;
}	
.wp-pagenavi a:hover {
	display: inline-block;
	color:#fff !important;
	text-shadow:0px 1px #3C3C3C !important;
	border-color:#202020 !important;
	background:#525252 !important;
	background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
	color:#FFFFFF !important;
	box-shadow:0px 1px #E7E7E7 !important;
	-moz-box-shadow:0px 1px #E7E7E7 !important;
	-webkit-box-shadow:0px 1px #E7E7E7 !important;
}
.wp-pagenavi span.current{
	display: inline-block;
	padding:3px 8px 3px 8px !important;
	border:solid 1px #DCDCDC !important;
	color:#fff !important;
	box-shadow:0px 1px #E7E7E7 !important;
	-moz-box-shadow:0px 1px #E7E7E7 !important;
	-webkit-box-shadow:0px 1px #E7E7E7 !important;
	margin-right:3px !important;
	text-shadow:0px 1px #3C3C3C !important;
	border-color:#202020 !important;
	background:#525252 !important;
	background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
}