:root {
--wp--preset--color--base: #ffffff;
--wp--preset--color--contrast: #000000;
--wp--preset--color--primary: #1a1a1a;
--wp--preset--color--secondary: #ffffff;
--wp--preset--color--tertiary: #f0f0f0;
--wp--preset--color--accent: #28a745;
--wp--preset--color--accent-2: #007cba;
--wp--preset--color--accent-3: #69717a;
--wp--preset--color--accent-4: #e2e4e7;
--wp--preset--color--accent-5: #f6f7f7; --wp--preset--font-size--small: 0.875rem;
--wp--preset--font-size--medium: 1rem;
--wp--preset--font-size--large: 1.125rem;
--wp--preset--font-size--x-large: 1.5rem; --wp--preset--spacing--20: 0.5rem;
--wp--preset--spacing--30: 1rem;
--wp--preset--spacing--40: 1.5rem;
--wp--preset--spacing--50: 2rem;
--wp--preset--spacing--60: 3rem; --custom-dark-green: #1b4d3e !important; --custom-light-green: #2d6e4f !important; --custom-white: #ffffff !important;
--custom-black: #000000 !important;
--custom-light-gray: #f8f9fa !important;
--custom-gray: #f0f0f0 !important;
} html {
background-color: var(--custom-dark-green) !important;
font-size: 16px;
line-height: 1.5;
}
body {
background-color: var(--custom-white) !important;
color: var(--custom-black) !important;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
line-height: 1.6;
margin: 0 !important;
padding: 0 !important;
} body::before {
content: "✅ CSSは正常に読み込まれています。Twenty Twenty-Five Child テーマが動作中です。" !important;
display: block !important;
background-color: var(--custom-dark-green) !important;
color: var(--custom-white) !important;
padding: 15px !important;
font-size: 16px !important;
text-align: center !important;
font-weight: bold !important;
position: relative !important;
z-index: 9999 !important;
} .wp-site-blocks {
background-color: var(--custom-white) !important;
color: var(--custom-black) !important;
padding: 0;
margin: 0;
} .wp-block-group {
background-color: var(--custom-white);
color: var(--custom-black);
} .wp-block-template-part {
background-color: var(--custom-dark-green) !important;
color: var(--custom-white) !important;
padding: 20px !important;
} .wp-block-template-part *,
.wp-block-template-part .wp-block-group,
.wp-block-template-part .wp-block-site-title,
.wp-block-template-part .wp-block-site-title a {
background-color: var(--custom-dark-green) !important;
color: var(--custom-white) !important;
} .wp-block-site-title a {
color: var(--custom-white) !important;
font-size: 24px !important;
font-weight: bold !important;
text-decoration: none !important;
} .wp-block-navigation {
background-color: var(--custom-dark-green) !important;
}
.wp-block-navigation a {
color: var(--custom-white) !important;
background-color: var(--custom-dark-green) !important;
border: 1px solid var(--custom-dark-green) !important;
padding: 8px 12px !important;
border-radius: 4px !important;
margin: 0 5px !important;
text-decoration: none !important;
}
.wp-block-navigation a:hover {
background-color: var(--custom-light-green) !important;
border-color: var(--custom-light-green) !important;
color: var(--custom-white) !important;
} main {
background-color: var(--custom-white) !important;
color: var(--custom-black) !important;
padding: 20px !important;
}
.wp-block-post-content,
.wp-block-query-loop,
.entry-content {
background-color: var(--custom-light-gray) !important;
color: var(--custom-black) !important;
padding: 30px !important;
margin: 20px 0 !important;
border-radius: 8px !important;
} .wp-block-post-title,
.wp-block-post-excerpt,
.wp-block-post-content {
color: var(--custom-black) !important;
} h1, h2, h3, h4, h5, h6, p, span, div, li {
color: var(--custom-black) !important;
} .wp-block-quote {
background-color: var(--custom-gray) !important;
color: #333333 !important;
padding: 20px !important;
border-left: 4px solid var(--custom-dark-green) !important;
border-radius: 4px !important;
}
.wp-block-quote p {
color: #333333 !important;
font-style: italic !important;
font-size: 18px !important;
}
.wp-block-quote cite {
color: #666666 !important;
font-weight: bold !important;
} footer,
.wp-block-template-part[data-area="footer"] {
background-color: var(--custom-dark-green) !important;
color: var(--custom-white) !important;
padding: 40px 20px !important;
} footer *,
.wp-block-template-part[data-area="footer"] * {
color: var(--custom-white) !important;
} footer .wp-block-site-title a,
footer .wp-block-site-tagline {
color: var(--custom-white) !important;
text-decoration: none !important;
} footer .wp-block-navigation a {
color: var(--custom-white) !important;
background-color: var(--custom-dark-green) !important;
border: 1px solid var(--custom-dark-green) !important;
padding: 8px 12px !important;
border-radius: 4px !important;
margin: 5px !important;
text-decoration: none !important;
display: inline-block !important;
}
footer .wp-block-navigation a:hover {
background-color: var(--custom-light-green) !important;
border-color: var(--custom-light-green) !important;
color: var(--custom-white) !important;
} img {
max-width: 100% !important;
height: auto !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
background-color: transparent !important;
}
.wp-block-image img {
max-width: 100% !important;
height: auto !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
background-color: transparent !important;
} .wp-image-98,
img[class*="wp-image"] {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
max-width: 100% !important;
height: auto !important;
} .wp-block-image {
margin: 20px 0 !important;
text-align: center !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
} .wp-block-columns {
display: flex !important;
flex-wrap: wrap !important;
gap: 20px !important;
}
.wp-block-column {
flex: 1 !important;
min-width: 200px !important;
} .wp-block-column img {
background-color: #f0f0f0 !important;
border: 2px dashed #ccc !important;
min-height: 200px !important;
display: block !important;
position: relative !important;
} img:not([src]),
img[src=""] {
background-color: #f0f0f0 !important;
border: 2px dashed #ccc !important;
min-height: 200px !important;
display: block !important;
position: relative !important;
}
img:not([src])::before,
img[src=""]::before {
content: "画像が読み込まれていません" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
color: #666 !important;
font-size: 14px !important;
} a {
color: var(--custom-light-green) !important;
text-decoration: underline !important;
}
a:hover {
color: var(--custom-dark-green) !important;
} .wp-block-site-logo img,
.custom-logo {
max-width: 100px !important;
height: auto !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
} .wp-block-site-tagline {
color: var(--custom-white) !important;
opacity: 1 !important;
visibility: visible !important;
}  a {
text-decoration-thickness: 1px !important;
text-underline-offset: .1em;
} :where(.wp-site-blocks *:focus) {
outline-width: 2px;
outline-style: solid;
} .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
margin-bottom: 3px;
} .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
outline-offset: 4px;
} .wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
outline-offset: 0;
} h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
text-wrap: pretty;
} .more-link {
display: block;
} .wp-block-group,
.wp-block-cover,
.wp-block-columns,
.wp-block-media-text {
min-height: 50px;
background-color: var(--custom-white);
color: var(--custom-black);
} .wp-site-blocks > * {
background-color: var(--custom-white);
color: var(--custom-black);
} .wp-site-blocks:empty::before {
content: "サイトコンテンツを読み込み中...";
display: block;
padding: 2rem;
text-align: center;
background-color: #f8f9fa;
color: #333;
}