*,
*::before,
*::after {
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
}
html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body {
min-height: 100svh;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden; }
img,
picture,
video,
canvas,
svg {
display: block;
max-width: 100%;
}
input,
button,
textarea,
select {
font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}
p {
text-wrap: pretty;
}
h1,
h2,
h3,
h4,
h5,
h6 {
text-wrap: balance;
}
button {
cursor: pointer;
-webkit-user-select: none;
user-select: none;
touch-action: manipulation;
} .wp-site-blocks {
display: flex;
flex-direction: column;
min-height: 100svh;
} :where(.wp-site-blocks) > * {
margin-block-start: 0;
margin-block-end: 0;
} .wp-block-navigation-item a {
text-decoration: none;
color: inherit;
} :focus-visible {
outline: 3px solid currentColor;
outline-offset: 3px;
}
a:focus-visible {
outline: 3px solid currentColor;
outline-offset: 3px;
border-radius: 2px;
}
button:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible,
input[type="button"]:focus-visible {
outline: 3px solid currentColor;
outline-offset: 3px;
border-radius: 2px;
}
input:not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):focus-visible,
textarea:focus-visible,
select:focus-visible {
outline: 3px solid currentColor;
outline-offset: 0;
border-radius: 2px;
}
input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible {
outline: 3px solid currentColor;
outline-offset: 3px;
} :lang(ja),
:lang(ja) body {
font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
} .wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
width: 2rem;
height: 2rem;
} .blanky-header {
border-bottom: 1px solid #3d4a4a;
border-bottom: 1px solid var(--wp--custom--chrome--border);
background-color: #2c3333;
background-color: var(--wp--custom--chrome--background);
color: #d4d0c8;
color: var(--wp--custom--chrome--text);
text-align: center;
}
.blanky-header.wp-block-group {
padding-top: 2rem;
padding-top: var(--wp--preset--spacing--60);
padding-bottom: 2rem;
padding-bottom: var(--wp--preset--spacing--60);
gap: 1.5rem;
gap: var(--wp--preset--spacing--40);
} .blanky-header .wp-block-site-title,
.blanky-header .wp-block-site-title a {
color: #7ab0a0;
color: var(--wp--custom--chrome--accent);
text-decoration: none;
} .blanky-header .wp-block-site-tagline {
color: #6b7a7a;
color: var(--wp--custom--chrome--muted);
} .blanky-header .wp-block-navigation,
.blanky-header .wp-block-navigation a {
color: #d4d0c8;
color: var(--wp--custom--chrome--text);
} .blanky-site-icon {
display: flex;
align-items: center;
justify-content: center;
color: #7ab0a0;
color: var(--wp--custom--chrome--accent);
flex-shrink: 0;
width: 2rem;
height: 2rem;
}
.blanky-site-icon svg {
width: 100%;
height: 100%;
} .blanky-footer.wp-block-group {
border-top: 1px solid #3d4a4a;
border-top: 1px solid var(--wp--custom--chrome--border);
background-color: #2c3333;
background-color: var(--wp--custom--chrome--background);
color: #d4d0c8;
color: var(--wp--custom--chrome--text);
padding-top: 4rem;
padding-top: var(--wp--preset--spacing--70);
padding-bottom: 4rem;
padding-bottom: var(--wp--preset--spacing--70);
} .blanky-footer-copyright,
.blanky-footer-copyright .wp-block-site-title,
.blanky-footer-copyright .wp-block-site-title a,
.blanky-footer-copyright p {
font-size: 0.75rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #6b7a7a;
color: var(--wp--custom--chrome--muted);
text-decoration: none;
} .blanky-social-links.wp-block-social-links .wp-block-social-link a {
color: #6b7a7a;
color: var(--wp--custom--chrome--muted);
transition: color 0.2s ease;
}
.blanky-social-links.wp-block-social-links .wp-block-social-link a:hover {
color: #7ab0a0;
color: var(--wp--custom--chrome--accent);
} .blanky-social-links.wp-block-social-links.is-style-logos-only .wp-block-social-link-anchor svg {
fill: currentColor;
} .blanky-main.wp-block-group {
flex: 1;
padding: clamp(2rem, 5vw, 5rem) 1.5rem;
margin: 0 auto;
width: 100%;
} .blanky-hero {
text-align: center;
margin-bottom: 5rem;
}
.blanky-hero-label,
.blanky-hero-label a {
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.3em;
color: #3a6060;
color: var(--wp--preset--color--primary);
text-decoration: none;
}
.blanky-hero-divider.wp-block-separator {
border-color: #3a6060;
border-color: var(--wp--preset--color--primary);
border-top-width: 2px;
max-width: 4rem;
margin-inline: auto;
opacity: 1;
} .blanky-no-thumbnail {
aspect-ratio: 16 / 9;
background-color: #f2efea;
background-color: var(--wp--preset--color--surface);
display: flex;
align-items: center;
justify-content: center;
border-radius: 0.25rem;
overflow: hidden;
}
.blanky-no-thumbnail .blanky-thumbnail-placeholder {
display: flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
opacity: 0.3;
color: #3a6060;
color: var(--wp--preset--color--primary);
}
.blanky-no-thumbnail .blanky-thumbnail-placeholder svg {
width: 100%;
height: 100%;
}  .blanky-monotone {
overflow: hidden;
border-radius: 0.25rem;
}
.blanky-monotone img {
filter: grayscale(100%);
transform: scale(1);
transition: filter 0.5s ease-in-out, transform 0.7s ease;
}
.blanky-article:hover .blanky-monotone img {
filter: grayscale(0%);
transform: scale(1.02);
} .blanky-article .wp-block-post-title a {
color: inherit;
text-decoration: none;
transition: color 0.3s ease;
}
.blanky-article:hover .wp-block-post-title a {
color: #3a6060;
color: var(--wp--preset--color--primary);
}
.blanky-post-excerpt .wp-block-post-excerpt__excerpt {
padding: 0 1rem;
color: var(--wp--preset--color--muted);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden;
} .blanky-read-more.wp-block-read-more {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.75rem 2rem;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #3a6060;
color: var(--wp--preset--color--primary);
border: 1px solid rgba(58, 96, 96, 0.25);
border-radius: 0.25rem;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.blanky-read-more.wp-block-read-more:hover {
background-color: #3a6060;
background-color: var(--wp--preset--color--primary);
color: #ffffff;
color: var(--wp--preset--color--surface);
border-color: #3a6060;
border-color: var(--wp--preset--color--primary);
} .blanky-article-meta {
display: flex;
align-items: flex-start;
}
.blanky-article-meta .wp-block-post-terms {
display: flex;
align-items: center;
gap: 0.5rem;
flex-wrap: wrap;
}
.blanky-article-meta .wp-block-post-date {
flex-shrink: 0;
white-space: nowrap;
color: var(--wp--preset--color--muted);
min-width: max-content;
}
.blanky-article-meta .wp-block-post-terms::before {
content: '';
display: block;
width: 0.25rem;
height: 0.25rem;
border-radius: 50%;
background-color: rgba(58, 96, 96, 0.3);
flex-shrink: 0;
} .blanky-list-item .wp-block-post-title a {
color: inherit;
text-decoration: none;
transition: color 0.3s ease;
}
.blanky-list-item:hover .wp-block-post-title a {
color: #3a6060;
color: var(--wp--preset--color--primary);
}
.blanky-list-excerpt .wp-block-post-excerpt__excerpt {
color: var(--wp--preset--color--muted);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
} .wp-block-query-pagination {
margin-top: 3rem;
padding: 3rem 0;
gap: 1rem;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers {
margin-left: 1rem;
} .blanky-single-article.wp-block-group {
width: 100%;
margin: 0 auto;
max-width: var(--wp--style--global--wide-size);
} .blanky-category-badge.wp-block-post-terms a {
display: inline-block;
padding: 0.2rem 0.6rem;
background-color: rgba(58, 96, 96, 0.08);
color: #3a6060;
color: var(--wp--preset--color--primary);
font-size: 0.6875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.2em;
text-decoration: none;
border-radius: 0.125rem;
} .blanky-post-content p,
.blanky-post-content li,
.blanky-post-content blockquote {
font-family: var(--wp--preset--font-family--serif);
font-size: 1.125rem;
line-height: 1.8;
} .blanky-post-content .wp-block-pullquote,
.blanky-post-content .wp-block-quote {
border-color: #e8e4de;
border-color: var(--wp--preset--color--border);
font-family: var(--wp--preset--font-family--serif);
font-style: italic;
color: #3a6060;
color: var(--wp--preset--color--primary);
}
.blanky-post-content.wp-block-post-content .wp-block-paragraph {
max-width: var(--wp--style--global--wide-size);
} .blanky-post-nav.wp-block-post-navigation-link a {
display: flex;
flex-direction: column;
gap: 0.5rem;
text-decoration: none;
}
.blanky-post-nav.wp-block-post-navigation-link .wp-block-post-navigation-link__label {
font-size: 0.625rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #6b7280;
color: var(--wp--preset--color--muted);
transition: color 0.2s ease;
}
.blanky-post-nav.wp-block-post-navigation-link a:hover .wp-block-post-navigation-link__label {
color: #3a6060;
color: var(--wp--preset--color--primary);
}
.blanky-post-nav.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow {
display: none;
}
.wp-block-separator {
border-color: #3a6060;
border-color: var(--wp--preset--color--primary);
border-top-width: 2px;
margin-inline: auto;
opacity: 1;
margin: 3rem 0;
}
.blanky-more-posts.wp-block-query {
padding: 2rem 0;
}
.blanky-more-post.wp-block-group {
border: 1px solid var(--wp--preset--color--border);
border-radius: .5rem;
padding: 1rem;
display: flex;
flex-direction: column;
gap: .5rem;
}
.blanky-more-post.wp-block-group .wp-block-post-title {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.4;
min-height: calc(1.4 * 2em); }
.blanky-more-post.wp-block-group .wp-block-post-title a {
display: block;
}
.blanky-more-post.wp-block-group .wp-block-post-excerpt {
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden;
line-height: 1.4;
min-height: calc(1.4 * 3em); }
.wp-block-post-author {
border: 1px solid var(--wp--preset--color--border);
border-radius: .5rem;
padding: 1rem;
} .blanky-comments {
margin-top: 3rem;
margin-top: var(--wp--preset--spacing--60);
} .blanky-comment-list {
list-style: none;
}
.blanky-comment {
padding-bottom: 1.5rem;
padding-bottom: var(--wp--preset--spacing--40);
margin-bottom: 1.5rem;
margin-bottom: var(--wp--preset--spacing--40);
} .blanky-comment-avatar {
flex-shrink: 0;
}
.blanky-comment-avatar img {
width: 48px;
height: 48px;
border-radius: 50%;
object-fit: cover;
} .blanky-comment .wp-block-comment-author-name a {
color: inherit;
text-decoration: none;
}
.blanky-comment .wp-block-comment-author-name a:hover {
color: #3a6060;
color: var(--wp--preset--color--primary);
} .blanky-comment .wp-block-comment-content p {
line-height: 1.7;
} .blanky-comment-actions a {
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #6b7280;
color: var(--wp--preset--color--muted);
text-decoration: none;
transition: color 0.2s ease;
}
.blanky-comment-actions a:hover {
color: #3a6060;
color: var(--wp--preset--color--primary);
} .wp-block-comment-template .wp-block-comment-template {
margin-left: 2rem;
padding-left: 1.5rem;
border-left: 2px solid #e8e4de;
border-left: 2px solid var(--wp--preset--color--border);
} .blanky-comment-form {
margin-top: 3rem;
margin-top: var(--wp--preset--spacing--60);
padding-top: 3rem;
padding-top: var(--wp--preset--spacing--60);
border-top: 1px solid #e8e4de;
border-top: 1px solid var(--wp--preset--color--border);
}
.blanky-comment-form .comment-reply-title {
font-size: 1.5rem;
font-size: var(--wp--preset--font-size--2xl);
font-weight: 700;
margin-bottom: 1.5rem;
} .blanky-comment-form .comment-form label {
display: block;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #6b7280;
color: var(--wp--preset--color--muted);
margin-bottom: 0.375rem;
}
.blanky-comment-form .comment-form input[type="text"],
.blanky-comment-form .comment-form input[type="email"],
.blanky-comment-form .comment-form input[type="url"],
.blanky-comment-form .comment-form textarea {
width: 100%;
padding: 0.75rem 1rem;
border: 1px solid #e8e4de;
border-color: var(--wp--preset--color--border);
border-radius: 0.25rem;
background-color: #ffffff;
background-color: var(--wp--preset--color--white);
font-size: 0.875rem;
font-size: var(--wp--preset--font-size--sm);
color: #2c3333;
color: var(--wp--preset--color--foreground);
transition: border-color 0.2s ease;
line-height: 1.6;
}
.blanky-comment-form .comment-form input[type="text"]:focus,
.blanky-comment-form .comment-form input[type="email"]:focus,
.blanky-comment-form .comment-form input[type="url"]:focus,
.blanky-comment-form .comment-form textarea:focus {
border-color: #3a6060;
border-color: var(--wp--preset--color--primary);
outline: none;
box-shadow: 0 0 0 3px rgba(58, 96, 96, 0.12);
}
.blanky-comment-form .comment-form textarea {
min-height: 10rem;
resize: vertical;
}
.blanky-comment-form .comment-form p {
margin-bottom: 1.25rem;
} .blanky-comment-form .comment-form .form-submit .submit {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.75rem 2rem;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #ffffff;
background-color: #3a6060;
background-color: var(--wp--preset--color--primary);
border: 1px solid transparent;
border-radius: 0.25rem;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
}
.blanky-comment-form .comment-form .form-submit .submit:hover {
background-color: #2d4d4d;
background-color: var(--wp--preset--color--secondary);
} .blanky-comment-form .comment-form-cookies-consent {
display: flex;
align-items: center;
gap: 0.5rem;
}
.blanky-comment-form .comment-form-cookies-consent label {
display: inline;
text-transform: none;
letter-spacing: normal;
font-weight: 400;
font-size: 0.875rem;
color: #6b7280;
color: var(--wp--preset--color--muted);
margin-bottom: 0;
}