@charset "UTF-8";
/* ==========================================================================
   blocks.css
   destyle.css でリセットされた要素を、Gutenberg が出力するブロック
   （.wp-block-* クラス付き要素）に限って、エディター既定の見た目へ戻す。
   固定ページ内の独自HTML（#about など）には影響しない。
   ========================================================================== */

/* 見出し（WP 6.2+ で h1〜h6 に .wp-block-heading が付く） */
h1.wp-block-heading { font-size: 2em;    margin: 0.67em 0; }
h2.wp-block-heading { font-size: 1.5em;  margin: 0.83em 0; }
h3.wp-block-heading { font-size: 1.17em; margin: 1em 0; }
h4.wp-block-heading { font-size: 1em;    margin: 1.33em 0; }
h5.wp-block-heading { font-size: 0.83em; margin: 1.67em 0; }
h6.wp-block-heading { font-size: 0.67em; margin: 2.33em 0; }
.wp-block-heading { font-weight: bold; line-height: 1.4; }

/* リスト（WP 6.6+ で ul/ol に .wp-block-list が付く） */
ul.wp-block-list { list-style: disc; }
ol.wp-block-list { list-style: decimal; }
.wp-block-list { margin: 1em 0; padding-left: 2.5em; }
.wp-block-list .wp-block-list { margin: 0; }
.wp-block-list ul.wp-block-list { list-style: circle; }
.wp-block-list li { list-style: inherit; }

/* 引用 */
.wp-block-quote { margin: 1em 0; padding-left: 1em; border-left: 0.25em solid currentColor; }
.wp-block-quote cite { font-size: 0.8125em; font-style: normal; }
.wp-block-pullquote { margin: 1em 0; }

/* 画像・キャプション */
.wp-block-image { margin: 0 0 1em; }
.wp-block-image figcaption,
.wp-block-gallery figcaption,
.wp-block-table figcaption,
.wp-block-embed figcaption { font-size: 0.8125em; margin: 0.5em 0 1em; text-align: center; }

/* 表 */
.wp-block-table { margin: 0 0 1em; overflow-x: auto; }
.wp-block-table table { width: 100%; border-collapse: collapse; }
.wp-block-table th,
.wp-block-table td { padding: 0.5em; border: 1px solid; word-break: normal; }
.wp-block-table th { font-weight: bold; }

/* 区切り線 */
.wp-block-separator { margin: 1.65em auto; border-top: 2px solid; }

/* コード・整形済みテキスト */
.wp-block-code,
.wp-block-preformatted { margin: 0 0 1em; padding: 0.8em 1em; white-space: pre-wrap; overflow-wrap: break-word; }
.wp-block-code { border: 1px solid #ccc; border-radius: 4px; }

/* ボタン（destyle の a { color: inherit } で白文字が消えるのを防ぐ） */
.wp-block-button__link { color: #fff; background-color: #32373c; }
.wp-block-button__link:hover { opacity: 0.85; }

/* カラム（ブロックCSSが読み込まれない場合の保険。WP標準と同じ指定） */
.wp-block-columns { display: flex; box-sizing: border-box; flex-wrap: wrap !important; align-items: normal !important; gap: 2em; }
.wp-block-columns.are-vertically-aligned-top { align-items: flex-start !important; }
.wp-block-columns.are-vertically-aligned-center { align-items: center !important; }
.wp-block-columns.are-vertically-aligned-bottom { align-items: flex-end !important; }
.wp-block-column { flex-grow: 1; min-width: 0; overflow-wrap: break-word; word-break: break-word; }
.wp-block-column.is-vertically-aligned-top { align-self: flex-start; }
.wp-block-column.is-vertically-aligned-center { align-self: center; }
.wp-block-column.is-vertically-aligned-bottom { align-self: flex-end; }
.wp-block-columns.is-not-stacked-on-mobile { flex-wrap: nowrap !important; }
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column { flex-basis: 0; flex-grow: 1; }
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*="flex-basis"] { flex-grow: 0; }
@media (min-width: 782px) {
  .wp-block-columns { flex-wrap: nowrap !important; }
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 0; flex-grow: 1; }
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*="flex-basis"] { flex-grow: 0; }
}
@media (max-width: 781px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; }
}
.wp-block-image img { height: auto; max-width: 100%; vertical-align: bottom; box-sizing: border-box; }

/* カラム・グループ等の余白 */
.wp-block-columns,
.wp-block-group,
.wp-block-media-text,
.wp-block-embed,
.wp-block-gallery { margin-top: 0; margin-bottom: 1.75em; }

/* ==========================================================================
   段落・リンクなどクラスが付かない要素は、本文を .wp-content で囲った
   箇所だけに適用（例: <div class="wp-content"><?php the_content(); ?></div>）
   ========================================================================== */
.wp-content > p,
.wp-content .wp-block-group p,
.wp-content .wp-block-column p { margin: 0 0 1em; }
.wp-content a:not([class]) { text-decoration: underline; color: #0073aa; }
.wp-content em,
.wp-content i { font-style: italic; }
.wp-content > *:first-child { margin-top: 0; }
.wp-content > *:last-child { margin-bottom: 0; }