/* 管理画面カラースキーム — 仕様: docs/admin-color-spec.md */
:root {
	--mgs-admin-primary: #425836;
	--mgs-admin-hover: #3a4d2f;
	--mgs-admin-active: #2c3b24;
	--mgs-admin-submenu: #304027;
	--mgs-admin-on-primary: #fff;
	--mgs-admin-icon: rgba(255, 255, 255, 0.85);
}
/* --- 必須: ヘッダー（ダッシュボード内のみ）・サイドメニュー --- */
body {
	background: #f0f0f1;
	color: #1d2327;
}
body.wp-admin #wpadminbar {
	background: var(--mgs-admin-primary);
	color: var(--mgs-admin-on-primary);
}
body.wp-admin #wpadminbar .ab-empty-item,
body.wp-admin #wpadminbar a.ab-item,
body.wp-admin #wpadminbar > #wp-toolbar span.ab-label,
body.wp-admin #wpadminbar > #wp-toolbar span.noticon {
	color: var(--mgs-admin-on-primary);
}
body.wp-admin #wpadminbar .ab-icon:before,
body.wp-admin #wpadminbar .ab-item:before,
body.wp-admin #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon:before {
	color: var(--mgs-admin-on-primary);
}
body.wp-admin #wpadminbar .ab-top-menu > li:hover > .ab-item,
body.wp-admin #wpadminbar .ab-top-menu > li.hover > .ab-item,
body.wp-admin #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
body.wp-admin #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
body.wp-admin #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus {
	background: var(--mgs-admin-active);
	color: var(--mgs-admin-on-primary);
}
body.wp-admin #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label,
body.wp-admin #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
body.wp-admin #wpadminbar > #wp-toolbar li.hover span.ab-label {
	color: var(--mgs-admin-on-primary);
}
body.wp-admin #wpadminbar .quicklinks .ab-sub-wrapper .ab-item {
	color: var(--mgs-admin-on-primary);
}
body.wp-admin #wpadminbar .quicklinks .ab-sub-wrapper .ab-item:hover,
body.wp-admin #wpadminbar .quicklinks .ab-sub-wrapper .ab-item:focus {
	color: var(--mgs-admin-on-primary);
	background: var(--mgs-admin-active);
}
body.wp-admin #wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
body.wp-admin #wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
	border-color: rgba(255, 255, 255, 0.4);
}
/* フロントプレビュー時は WordPress デフォルトの黒ツールバー */
body:not(.wp-admin) #wpadminbar {
	background: #1d2327;
	color: #c3c4c7;
}
body:not(.wp-admin) #wpadminbar .ab-empty-item,
body:not(.wp-admin) #wpadminbar a.ab-item,
body:not(.wp-admin) #wpadminbar > #wp-toolbar span.ab-label,
body:not(.wp-admin) #wpadminbar > #wp-toolbar span.noticon {
	color: #c3c4c7;
}
body:not(.wp-admin) #wpadminbar .ab-icon:before,
body:not(.wp-admin) #wpadminbar .ab-item:before,
body:not(.wp-admin) #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon:before {
	color: #c3c4c7;
}
body:not(.wp-admin) #wpadminbar .ab-top-menu > li:hover > .ab-item,
body:not(.wp-admin) #wpadminbar .ab-top-menu > li.hover > .ab-item,
body:not(.wp-admin) #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
body:not(.wp-admin) #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
body:not(.wp-admin) #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus {
	background: #2c3338;
	color: #72aee6;
}
body:not(.wp-admin) #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label,
body:not(.wp-admin) #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
body:not(.wp-admin) #wpadminbar > #wp-toolbar li.hover span.ab-label {
	color: #72aee6;
}
body:not(.wp-admin) #wpadminbar .quicklinks .ab-sub-wrapper .ab-item {
	color: #c3c4c7;
}
body:not(.wp-admin) #wpadminbar .quicklinks .ab-sub-wrapper .ab-item:hover,
body:not(.wp-admin) #wpadminbar .quicklinks .ab-sub-wrapper .ab-item:focus {
	color: #72aee6;
}
body:not(.wp-admin) #wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
body:not(.wp-admin) #wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
	border-color: #c3c4c7;
}
#adminmenuback,
#adminmenuwrap,
#adminmenu {
	background: var(--mgs-admin-primary);
}
#adminmenu a {
	color: var(--mgs-admin-on-primary);
}
#adminmenu li.menu-top {
	margin: 0;
}
#adminmenu li.menu-top > a.menu-top {
	display: block;
	box-sizing: border-box;
}
#adminmenu li.wp-has-current-submenu {
	background: var(--mgs-admin-active);
}
#adminmenu li.wp-has-current-submenu .wp-submenu,
#adminmenu li.wp-has-current-submenu.opensub .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
	background: var(--mgs-admin-active);
	padding: 0;
}
#adminmenu .wp-has-current-submenu ul > li > a,
#adminmenu .wp-submenu li a {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
}
#adminmenu div.wp-menu-image:before {
	color: var(--mgs-admin-icon);
}
#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
	color: var(--mgs-admin-on-primary);
	background-color: var(--mgs-admin-hover);
}
#adminmenu li.menu-top:hover div.wp-menu-image:before,
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
	color: var(--mgs-admin-on-primary);
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
	border-right-color: var(--mgs-admin-submenu);
}
#adminmenu .wp-submenu {
	background: var(--mgs-admin-submenu);
}
#adminmenu .wp-submenu a {
	color: rgba(255, 255, 255, 0.9);
}
#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus {
	color: var(--mgs-admin-on-primary);
	background-color: var(--mgs-admin-active);
}
#adminmenu .wp-submenu li.current a,
#adminmenu .wp-submenu li.current a:hover,
#adminmenu .wp-submenu li.current a:focus {
	color: var(--mgs-admin-on-primary);
	background-color: var(--mgs-admin-active);
}
/* ------------------------------------------------------------------ */
/* ホバー/フォーカス時に WordPress 標準スキームの青が残る箇所を        */
/* 高い詳細度で確実にメインカラーへ統一する（特に「現在ページ」のサブメニュー）*/
/* ------------------------------------------------------------------ */
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-not-current-submenu .wp-submenu a:hover,
#adminmenu .wp-not-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus {
	color: var(--mgs-admin-on-primary);
	background-color: var(--mgs-admin-active);
}
/* 現在ページを含むトップ項目のホバー/フォーカス */
#adminmenu li.wp-has-current-submenu:hover > a.menu-top,
#adminmenu li.wp-has-current-submenu > a.wp-has-current-submenu:focus,
#adminmenu li.wp-not-current-submenu:hover > a.menu-top,
#adminmenu li.wp-not-current-submenu > a.menu-top:focus {
	color: var(--mgs-admin-on-primary);
	background-color: var(--mgs-admin-hover);
}
/* サブメニュー見出しの配色統一 */
#adminmenu .wp-submenu .wp-submenu-head {
	color: var(--mgs-admin-on-primary);
	background-color: var(--mgs-admin-active);
}
/* フォーカス時の青いリング（box-shadow）を除去。背景色の変化で状態を示す */
#adminmenu a:focus,
#adminmenu .wp-submenu a:focus,
#adminmenu .wp-submenu a:focus-visible {
	box-shadow: none;
}
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.current a.menu-top,
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
	background: var(--mgs-admin-active);
	color: var(--mgs-admin-on-primary);
}
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu .current div.wp-menu-image:before,
#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
	color: var(--mgs-admin-on-primary);
}
#adminmenu li a:focus div.wp-menu-image:before,
#adminmenu li.opensub div.wp-menu-image:before {
	color: var(--mgs-admin-on-primary);
}
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
	background-color: var(--mgs-admin-on-primary);
	color: var(--mgs-admin-primary);
}
#adminmenu li.wp-menu-separator {
	display: none;
}
#adminmenu li.menu-top {
	border-top: none;
	border-bottom: none;
}
/* 「お問い合わせ」と「固定ページ」の間の区切り線（固定ページの上に表示） */
#adminmenu #menu-pages {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}
#adminmenu li.wp-menu-open {
	border-color: transparent;
}
#collapse-button {
	color: var(--mgs-admin-icon);
}
#collapse-button:hover,
#collapse-button:focus {
	color: var(--mgs-admin-on-primary);
}
.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
	background: var(--mgs-admin-submenu);
}
.folded #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
	background: var(--mgs-admin-active);
}
.folded #adminmenu li.menu-top:hover,
.folded #adminmenu li.opensub > a.menu-top,
.folded #adminmenu li > a.menu-top:focus {
	background: var(--mgs-admin-hover);
}
.folded #adminmenu li.wp-has-current-submenu:focus-within .wp-submenu {
	background: var(--mgs-admin-submenu);
}
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-menu-arrow div {
	background: var(--mgs-admin-active);
	color: var(--mgs-admin-on-primary);
}
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu:after,
#adminmenu li.current a.menu-top:after {
	border-right-color: #f0f0f1;
}
#adminmenu #menu-dashboard .wp-menu-image:before,
#adminmenu #menu-posts .wp-menu-image:before,
#adminmenu #menu-media .wp-menu-image:before,
#adminmenu #menu-pages .wp-menu-image:before,
#adminmenu #menu-appearance .wp-menu-image:before,
#adminmenu #menu-plugins .wp-menu-image:before,
#adminmenu #menu-users .wp-menu-image:before,
#adminmenu #menu-tools .wp-menu-image:before,
#adminmenu #menu-settings .wp-menu-image:before {
	color: var(--mgs-admin-icon);
}
/* --- 拡張（本文エリア） — 不要ならここから下を削除可 --- */
#wpfooter {
	color: #646970;
}
#screen-meta-links .show-settings {
	color: var(--mgs-admin-primary);
}
#screen-meta-links .show-settings:hover,
#screen-meta-links .show-settings:focus {
	color: var(--mgs-admin-active);
}
.wp-core-ui .button-link {
	color: var(--mgs-admin-primary);
}
.wp-core-ui .button-link:hover,
.wp-core-ui .button-link:focus {
	color: var(--mgs-admin-active);
}
.wp-core-ui .button-primary {
	background: #2271b1;
	border-color: #2271b1;
	color: #fff;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
	background: #135e96;
	border-color: #135e96;
	color: #fff;
}
input[type="checkbox"]:checked {
	background-color: var(--mgs-admin-primary);
	border-color: var(--mgs-admin-primary);
}
input[type="checkbox"]:checked::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFFFFF' d='M14.83 4.89l1.34.94-5.81 8.38H9.02L5.78 9.67l1.34-1.25 2.57 2.4z'/%3E%3C/svg%3E");
}
input[type="radio"]:checked {
	background-color: var(--mgs-admin-primary);
	border-color: var(--mgs-admin-primary);
}
input[type="radio"]:checked::before {
	background-color: #fff;
}
.wp-core-ui .wp-ui-primary {
	color: var(--mgs-admin-on-primary);
	background-color: var(--mgs-admin-primary);
}
.wp-core-ui .wp-ui-text-primary {
	color: var(--mgs-admin-primary);
}
.wp-core-ui .wp-ui-highlight {
	color: var(--mgs-admin-on-primary);
	background-color: var(--mgs-admin-active);
}
.wp-core-ui .wp-ui-text-highlight {
	color: var(--mgs-admin-active);
}
.wp-core-ui .wp-ui-notification {
	color: var(--mgs-admin-on-primary);
	background-color: var(--mgs-admin-hover);
}
.wp-core-ui .wp-ui-text-notification {
	color: var(--mgs-admin-hover);
}
.view-switch a.current:before {
	color: var(--mgs-admin-primary);
}
.view-switch a:hover:before {
	color: var(--mgs-admin-active);
}
.wrap .add-new-h2,
.wrap .add-new-h2:active,
.wrap .page-title-action,
.wrap .page-title-action:active {
	color: var(--mgs-admin-primary);
	border-color: var(--mgs-admin-primary);
}
.wrap .add-new-h2:hover,
.wrap .page-title-action:hover {
	color: var(--mgs-admin-on-primary);
	background-color: var(--mgs-admin-primary);
	border-color: var(--mgs-admin-primary);
}
.subsubsub a.current {
	color: #1d2327;
}
.subsubsub a:hover,
.subsubsub a:focus {
	color: var(--mgs-admin-primary);
}
.tablenav .tablenav-pages a:hover,
.tablenav .tablenav-pages a:focus {
	color: var(--mgs-admin-primary);
	border-color: var(--mgs-admin-primary);
}
.plugins .plugin-update-tr.active td,
.plugins .active th.check-column {
	border-left-color: var(--mgs-admin-primary);
}