html {
box-sizing: border-box;
scroll-behavior: smooth;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
body {
background-image: url(http://anko.local/wp-content/uploads/2026/09/さやがた背景-scaled.jpg);
background-position: left top;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background: var(--wp--preset--color--paper);
color: var(--wp--preset--color--ink);
} hr,
.wp-block-separator {
border: 0;
border-top: 1px solid var(--wp--preset--color--line);
margin-block: var(--wp--preset--spacing--50);
}
blockquote,
.wp-block-quote,
.wp-block-pullquote {
border-block: 1px solid var(--wp--preset--color--line);
font-size: var(--wp--preset--font-size--medium);
font-style: italic;
margin-inline: 0;
padding-block: var(--wp--preset--spacing--40);
}
.wp-block-quote cite,
.wp-block-pullquote cite {
color: var(--wp--preset--color--muted-ink);
font-size: var(--wp--preset--font-size--small);
}
figcaption,
.wp-element-caption,
.wp-block-image figcaption,
.wp-block-gallery figcaption {
color: var(--wp--preset--color--muted-ink);
font-size: var(--wp--preset--font-size--small);
font-style: italic;
}
table,
.wp-block-table table {
border-collapse: collapse;
width: 100%;
}
.wp-block-table {
overflow-x: auto;
}
th,
td,
.wp-block-table th,
.wp-block-table td {
border: 1px solid var(--wp--preset--color--line);
padding: var(--wp--preset--spacing--20);
text-align: start;
} label {
display: inline-block;
font-weight: 700;
margin-bottom: var(--wp--preset--spacing--10);
}
input:not([type="button"]):not([type="reset"]):not([type="submit"]),
select,
textarea {
background: var(--wp--preset--color--surface);
border: 1px solid var(--wp--preset--color--line);
border-radius: 0.125rem;
color: var(--wp--preset--color--ink);
font: inherit;
max-width: 100%;
padding: 0.75rem;
}
textarea {
width: 100%;
}
.wp-element-button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background: var(--wp--preset--color--ink);
border: 1px solid var(--wp--preset--color--ink);
border-radius: 0.125rem;
box-shadow: none;
color: var(--wp--preset--color--footer-text);
cursor: pointer;
font: inherit;
font-weight: 700;
padding: 0.75rem 1rem;
}
.wp-element-button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: var(--wp--preset--color--moss);
border-color: var(--wp--preset--color--moss);
color: var(--wp--preset--color--footer-text);
} a {
color: var(--wp--preset--color--ink);
text-decoration-thickness: 0.08em;
text-underline-offset: 0.18em;
}
a:hover {
color: var(--wp--preset--color--moss);
}
:where(a, button, input, select, textarea, summary):focus-visible {
outline: 3px solid var(--wp--preset--color--moss);
outline-offset: 3px;
} .pbx-masthead {
color: var(--wp--preset--color--footer-text);
min-height: 12rem;
}
.pbx-masthead .wp-block-cover__background {
background-color: var(--wp--preset--color--footer);
}
.pbx-masthead__identity {
padding-block: var(--wp--preset--spacing--50);
}
.pbx-masthead :where(a, .wp-block-site-title, .wp-block-site-tagline) {
color: var(--wp--preset--color--footer-text);
}
.pbx-masthead .wp-block-site-title {
margin-block: var(--wp--preset--spacing--20);
}
.pbx-masthead .wp-block-site-tagline {
margin-block: 0;
}
.pbx-masthead :where(a, button, input):focus-visible,
.pbx-footer :where(a, button, input):focus-visible {
outline-color: var(--wp--preset--color--footer-text);
} .pbx-navigation-rail {
border-bottom: 1px solid var(--wp--preset--color--line);
padding-block: var(--wp--preset--spacing--20);
}
.pbx-navigation-rail__inner {
gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
}
.pbx-navigation-rail .wp-block-navigation {
font-size: var(--wp--preset--font-size--small);
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.pbx-navigation-rail .wp-block-search {
margin: 0;
min-width: min(100%, 18rem);
}
.wp-block-navigation__responsive-container.is-menu-open {
background: var(--wp--preset--color--surface) !important;
padding: clamp(1.35rem, 6vw, 2rem) !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
margin: 0 !important;
max-width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
right: clamp(1rem, 5vw, 1.5rem) !important;
top: clamp(1rem, 5vw, 1.5rem) !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
align-items: stretch;
gap: 1rem;
padding-top: 3.25rem !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
align-items: stretch;
gap: 0.65rem !important;
width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
border-bottom: 1px solid rgba(42, 47, 42, 0.11);
display: block;
padding: 0.58rem 0.15rem !important;
width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
padding-inline: 1rem 0 !important;
} .pbx-footer {
color: var(--wp--preset--color--footer-text);
margin-block-start: var(--wp--preset--spacing--70);
padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40);
}
.pbx-footer :where(a, .wp-block-site-title, .wp-block-site-tagline) {
color: var(--wp--preset--color--footer-text);
}
.pbx-footer a:hover {
color: var(--wp--preset--color--surface);
}
.pbx-footer__upper {
gap: var(--wp--preset--spacing--50);
margin-bottom: var(--wp--preset--spacing--50);
}
.pbx-footer__lower {
border-top: 1px solid var(--wp--preset--color--muted-ink);
gap: var(--wp--preset--spacing--30);
padding-top: var(--wp--preset--spacing--30);
}
.pbx-footer__identity {
gap: var(--wp--preset--spacing--20);
}
.pbx-footer__lower p {
margin-block: 0;
} .pbx-content-sidebar {
align-items: start;
display: grid;
gap: var(--wp--preset--spacing--60);
grid-template-columns: minmax(0, 1fr);
}
.pbx-main-column,
.pbx-content-sidebar > .wp-block-template-part {
min-width: 0;
}
.pbx-editorial-landing,
.pbx-stories-landing {
overflow-wrap: anywhere;
} .pbx-sidebar {
background: var(--wp--preset--color--surface);
border-block: 1px solid var(--wp--preset--color--line);
padding: var(--wp--preset--spacing--40);
width: 100%;
}
.pbx-sidebar .wp-block-heading {
margin-top: var(--wp--preset--spacing--50);
}
.pbx-sidebar :where(.wp-block-latest-posts, .wp-block-categories-list) {
padding-inline-start: var(--wp--preset--spacing--30);
}
.pbx-sidebar .wp-block-latest-posts__post-date {
color: var(--wp--preset--color--muted-ink);
font-size: var(--wp--preset--font-size--small);
font-style: italic;
} :root {
--pbx-soft-card-bg: rgba(255, 255, 255, 0.78);
--pbx-soft-line: rgba(42, 47, 42, 0.16);
--pbx-soft-shadow: 0 0.35rem 1.2rem rgba(31, 36, 31, 0.045);
--pbx-soft-shadow-hover: 0 0.65rem 1.65rem rgba(31, 36, 31, 0.075);
--pbx-radius-card: 0.42rem;
--pbx-radius-pill: 999px;
}
.pbx-query {
margin-block-start: var(--wp--preset--spacing--50);
}
.pbx-query .wp-block-post-template {
display: grid;
gap: clamp(2rem, 5vw, 3.5rem);
}
.pbx-stories-query {
margin-block-start: var(--wp--preset--spacing--60);
}
.pbx-stories-grid {
display: grid;
gap: clamp(2rem, 5vw, 3.5rem);
grid-template-columns: minmax(0, 1fr);
list-style: none;
padding-inline-start: 0;
}
.pbx-stories-grid > li {
min-width: 0;
}
.pbx-query-card,
.wp-block-group.pbx-query-card,
.pbx-stories-grid .pbx-query-card {
--pbx-card-padding: clamp(1.45rem, 4.75vw, 2.35rem);
background: linear-gradient(135deg, rgba(255,255,255,0.94), rgba(250,249,245,0.92));
border: 1px solid var(--pbx-soft-line);
border-left: 4px solid var(--wp--preset--color--moss);
border-radius: var(--pbx-radius-card);
box-shadow: var(--pbx-soft-shadow);
padding: var(--pbx-card-padding) !important;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.pbx-query-card:hover,
.wp-block-group.pbx-query-card:hover,
.pbx-stories-grid .pbx-query-card:hover {
border-color: rgba(42, 47, 42, 0.24);
box-shadow: var(--pbx-soft-shadow-hover);
transform: translateY(-1px);
}
.pbx-query-card > *,
.wp-block-group.pbx-query-card > *,
.pbx-stories-grid .pbx-query-card > * {
max-width: none !important;
}
.pbx-query-card > * + *,
.wp-block-group.pbx-query-card > * + *,
.pbx-stories-grid .pbx-query-card > * + * {
margin-block-start: clamp(0.75rem, 2.2vw, 1.15rem);
}
.pbx-query-card .wp-block-post-featured-image,
.wp-block-group.pbx-query-card .wp-block-post-featured-image,
.pbx-stories-grid .pbx-query-card .wp-block-post-featured-image {
border-radius: 0.32rem 0.32rem 0 0;
margin-block: calc(var(--pbx-card-padding) * -1) clamp(1.1rem, 3vw, 1.6rem);
margin-inline: calc(var(--pbx-card-padding) * -1);
overflow: hidden;
}
.pbx-query-card .wp-block-post-featured-image img,
.wp-block-group.pbx-query-card .wp-block-post-featured-image img,
.pbx-stories-grid .pbx-query-card .wp-block-post-featured-image img {
aspect-ratio: 16 / 9;
display: block;
object-fit: cover;
transition: transform 180ms ease;
width: 100%;
}
.pbx-query-card:hover .wp-block-post-featured-image img,
.wp-block-group.pbx-query-card:hover .wp-block-post-featured-image img,
.pbx-stories-grid .pbx-query-card:hover .wp-block-post-featured-image img {
transform: scale(1.015);
}
.pbx-query-card__terms,
.pbx-query-card__terms a,
.pbx-entry__terms,
.pbx-entry__terms a {
color: var(--wp--preset--color--moss);
}
.pbx-query-card__terms,
.pbx-entry__terms {
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.pbx-query-card__terms a,
.pbx-query-card__terms .wp-block-post-terms__separator {
font-size: 0.74rem;
font-weight: 800;
letter-spacing: 0.07em;
text-decoration: none;
text-transform: uppercase;
}
.pbx-query-card__terms a:first-child {
background: rgba(87, 105, 78, 0.09);
border: 1px solid rgba(87, 105, 78, 0.2);
border-radius: 0.24rem;
display: inline-flex;
line-height: 1.25;
padding: 0.2rem 0.38rem;
}
.pbx-query-card .wp-block-post-title {
font-size: clamp(1.35rem, 5.5vw, var(--wp--preset--font-size--large));
line-height: 1.08;
margin-block: 0.3rem 0;
}
.pbx-query-card .wp-block-post-title a {
text-decoration: none;
}
.pbx-query-card .wp-block-post-title a:hover {
text-decoration: underline;
}
.pbx-query-card__meta,
.pbx-entry__meta {
color: var(--wp--preset--color--muted-ink);
gap: var(--wp--preset--spacing--20);
font-style: italic;
}
.pbx-query-card__meta {
align-items: center;
font-size: var(--wp--preset--font-size--small);
gap: 0.85rem;
line-height: 1.45;
margin-block-start: 0.8rem !important;
}
.pbx-query-card .wp-block-post-excerpt {
font-size: clamp(0.95rem, 3.6vw, 1rem);
line-height: 1.65;
margin-block-start: 1rem !important;
}
.pbx-query-card .wp-block-post-excerpt p {
margin-block: 0;
}
.pbx-query-card__read-more,
.pbx-pattern .wp-block-button__link,
.pbx-recovery-navigation a {
align-items: center;
background: rgba(255, 255, 255, 0.72);
border: 1px solid rgba(42, 47, 42, 0.2);
border-radius: 0.3rem;
box-shadow: 0 0.2rem 0.7rem rgba(31, 36, 31, 0.04);
color: var(--wp--preset--color--ink);
display: inline-flex;
font-size: 0.9rem;
font-weight: 700;
gap: 0.38rem;
line-height: 1.2;
padding: 0.52rem 0.78rem;
text-decoration: none;
transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}
.pbx-query-card__read-more::after,
.pbx-pattern .wp-block-button__link::after,
.pbx-recovery-navigation a::after {
content: "→";
transition: transform 160ms ease;
}
.pbx-query-card__read-more:hover,
.pbx-pattern .wp-block-button__link:hover,
.pbx-recovery-navigation a:hover {
background: rgba(87, 105, 78, 0.1);
border-color: rgba(87, 105, 78, 0.35);
box-shadow: 0 0.35rem 1rem rgba(31, 36, 31, 0.07);
color: var(--wp--preset--color--ink);
transform: translateY(-1px);
}
.pbx-query-card__read-more:hover::after,
.pbx-pattern .wp-block-button__link:hover::after,
.pbx-recovery-navigation a:hover::after {
transform: translateX(0.15rem);
}
.pbx-entry > .wp-block-post-featured-image {
margin-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
}
.pbx-entry .wp-block-post-content,
.pbx-comments {
overflow-wrap: anywhere;
} .pbx-pagination,
.pbx-post-navigation,
.pbx-comments {
margin-block-start: var(--wp--preset--spacing--60);
}
.pbx-pagination,
.pbx-post-navigation,
.wp-block-comments-pagination {
gap: var(--wp--preset--spacing--30);
}
.pbx-pagination {
align-items: center;
gap: clamp(0.7rem, 3vw, 1.3rem) !important;
justify-content: center !important;
}
.pbx-pagination :where(a, span),
.wp-block-comments-pagination :where(a, span) {
background: transparent !important;
border: 0;
border-bottom: 2px solid transparent;
border-radius: 0;
color: var(--wp--preset--color--muted-ink);
font-weight: 700;
padding: 0.35rem 0.08rem;
text-decoration: none;
}
.pbx-pagination :where(a, span):hover,
.wp-block-comments-pagination :where(a, span):hover {
border-bottom-color: rgba(87, 105, 78, 0.38);
color: var(--wp--preset--color--ink);
}
.pbx-pagination .current,
.wp-block-comments-pagination .current {
border-bottom-color: var(--wp--preset--color--moss);
color: var(--wp--preset--color--ink);
}
.pbx-query-empty,
.pbx-not-found {
background: var(--wp--preset--color--surface);
border-block: 1px solid var(--wp--preset--color--line);
padding-block: var(--wp--preset--spacing--60);
}
.pbx-recovery-navigation {
font-weight: 700;
margin-block-start: var(--wp--preset--spacing--40);
} .pbx-pattern {
--pbx-pattern-accent: var(--wp--preset--color--moss);
--pbx-pattern-tint: rgba(87, 105, 78, 0.07);
background: linear-gradient(135deg, var(--pbx-pattern-tint), rgba(255, 255, 255, 0.88) 48%, var(--pbx-soft-card-bg));
border: 1px solid var(--pbx-soft-line);
border-left: 4px solid var(--pbx-pattern-accent);
border-radius: var(--pbx-radius-card);
box-shadow: var(--pbx-soft-shadow);
display: grid;
gap: 0.25rem 1rem;
grid-template-columns: 3.25rem minmax(0, 1fr);
overflow-wrap: anywhere;
padding: clamp(1.1rem, 3vw, 1.6rem) !important;
position: relative;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.pbx-pattern:hover {
border-color: rgba(42, 47, 42, 0.24);
border-left-color: var(--pbx-pattern-accent);
box-shadow: var(--pbx-soft-shadow-hover);
transform: translateY(-1px);
}
.pbx-pattern > * {
grid-column: 2;
margin-left: 0 !important;
margin-right: 0 !important;
max-width: none !important;
}
.pbx-pattern .wp-block-heading {
font-size: clamp(1.1rem, 4.5vw, 1.45rem);
line-height: 1.18;
margin-block: 0;
}
.pbx-pattern p:not(.pbx-pattern__eyebrow) {
line-height: 1.52;
margin-block: 0.35rem 0;
}
.pbx-pattern .wp-block-buttons {
justify-content: flex-start;
margin-block-start: 0.75rem;
}
.pbx-pattern__icon {
align-items: center;
background: var(--pbx-pattern-tint);
border: 0;
border-radius: 999px;
color: var(--pbx-pattern-accent);
display: inline-flex;
grid-column: 1;
grid-row: 1 / span 7;
height: 2.6rem;
justify-content: center;
width: 2.6rem;
}
.pbx-pattern > .pbx-pattern__icon {
grid-column: 1;
}
.pbx-pattern__icon svg {
fill: none;
height: 1.45rem;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.65;
width: 1.45rem;
}
.pbx-pattern__eyebrow {
color: var(--pbx-pattern-accent);
font-size: 0.74rem;
font-weight: 800;
letter-spacing: 0.08em;
line-height: 1.25;
margin-block: 0 0.28rem;
text-transform: uppercase;
}
.pbx-pattern__helper {
background: transparent;
border: 0;
color: var(--wp--preset--color--muted-ink);
font-size: 0.78rem;
line-height: 1.4;
margin-block-start: 0.5rem;
padding: 0;
}
.pbx-pattern--access-notice {
--pbx-pattern-accent: #b88a08;
--pbx-pattern-tint: rgba(184, 138, 8, 0.1);
}
.pbx-pattern--ai-notice {
--pbx-pattern-accent: #2f78a8;
--pbx-pattern-tint: rgba(47, 120, 168, 0.1);
}
.pbx-pattern--editorial-note {
--pbx-pattern-accent: #638655;
--pbx-pattern-tint: rgba(99, 134, 85, 0.1);
}
.pbx-pattern--community-channel {
--pbx-pattern-accent: #7a60a6;
--pbx-pattern-tint: rgba(122, 96, 166, 0.1);
}
.pbx-pattern--preferences {
--pbx-pattern-accent: #c08a18;
--pbx-pattern-tint: rgba(192, 138, 24, 0.1);
} @media (min-width: 48rem) {
.pbx-pattern--access-notice,
.pbx-pattern--ai-notice,
.pbx-pattern--community-channel,
.pbx-pattern--preferences {
grid-template-columns: 3.25rem minmax(0, 1fr) auto;
}
.pbx-pattern--access-notice .wp-block-buttons,
.pbx-pattern--community-channel .wp-block-buttons,
.pbx-pattern--preferences .wp-block-buttons {
align-self: center;
grid-column: 3;
grid-row: 1 / span 5;
margin-block-start: 0;
}
}
@media (max-width: 44rem) {
.pbx-navigation-rail__inner {
align-items: stretch;
flex-direction: column;
}
.pbx-navigation-rail .wp-block-search {
width: 100%;
}
.pbx-footer__lower {
align-items: flex-start;
flex-direction: column;
}
.pbx-pattern {
grid-template-columns: 2.7rem minmax(0, 1fr);
padding: 1.25rem !important;
}
.pbx-pattern__icon {
height: 2.15rem;
width: 2.15rem;
}
.pbx-pattern__icon svg {
height: 1.2rem;
width: 1.2rem;
}
.wp-block-group.pbx-query-card,
.pbx-stories-grid .pbx-query-card {
padding: clamp(1.35rem, 6vw, 1.8rem) !important;
}
}
@media (min-width: 60rem) {
.pbx-masthead {
min-height: 19rem;
}
.pbx-content-sidebar {
grid-template-columns: minmax(0, 1fr) 20rem;
}
.pbx-sidebar {
flex: 0 0 20rem;
max-width: 20rem;
}
.pbx-stories-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
} @media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
.pbx-query-card,
.pbx-pattern,
.pbx-query-card .wp-block-post-featured-image img,
.pbx-query-card__read-more,
.pbx-pattern .wp-block-button__link,
.pbx-recovery-navigation a {
transform: none !important;
}
}