/*
Theme Name: ypy-style
Theme URI: https://example.com/
Author: YPY / site production
Description: demo1 の表示・アクションを保持しつつ、共通下層ページ・WordPress Core Blocks・Classic Editor・Customizer運用を統合したテーマ。
Version: 1.1.0
Text Domain: ypy-style
*/

/* =========================================================
   Editor / WordPress content styles
   Keep selectors scoped so demo1 fixed UI is not changed.
   ========================================================= */
:root{
  --color-a:#f05a2a;
  --color-b:#68bc43;
  --color-c:#073522;
  --color-d:#0d3c2a;
  --color-e:#5579ba;
  --color-f:#f8f4e8;
  --color-g:#f8e7ef;
}

:where(.editor-styles-wrapper, .wp-site-blocks, .entry-content, #wrap, .mce-content-body){
  color:var(--color-d);
  font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
  line-height:1.9;
  overflow-wrap:anywhere;
}
:where(.editor-styles-wrapper, .wp-site-blocks, .entry-content, #wrap, .mce-content-body) img{max-width:100%;height:auto}
:where(.editor-styles-wrapper, .wp-site-blocks, .entry-content, #wrap, .mce-content-body) p{margin:0 0 1.5em}
:where(.editor-styles-wrapper, .wp-site-blocks, .entry-content, #wrap, .mce-content-body) h2:not(.noh), .m2{
  margin:2.2em 0 .9em;padding:.45em .65em;border-left:7px solid var(--color-a);color:var(--color-c);font-size:clamp(1.5rem,3vw,2rem);line-height:1.45;font-weight:800;
}
:where(.editor-styles-wrapper, .wp-site-blocks, .entry-content, #wrap, .mce-content-body) h3:not(.noh), .m3{
  margin:2em 0 .8em;padding:0 0 .45em;border-bottom:3px solid var(--color-b);color:var(--color-c);font-size:clamp(1.25rem,2.4vw,1.65rem);line-height:1.5;font-weight:800;
}
:where(.editor-styles-wrapper, .wp-site-blocks, .entry-content, #wrap, .mce-content-body) h4:not(.noh), .m4{
  margin:1.8em 0 .7em;color:var(--color-c);font-size:1.18rem;line-height:1.55;font-weight:800;
}
:where(.editor-styles-wrapper, .wp-site-blocks, .entry-content, #wrap, .mce-content-body) ul,
:where(.editor-styles-wrapper, .wp-site-blocks, .entry-content, #wrap, .mce-content-body) ol{margin:0 0 1.6em;padding-left:1.6em}
:where(.editor-styles-wrapper, .wp-site-blocks, .entry-content, #wrap, .mce-content-body) li{margin:.35em 0}
:where(.editor-styles-wrapper, .wp-site-blocks, .entry-content, #wrap, .mce-content-body) a{color:var(--color-e);text-underline-offset:.15em}
:where(.editor-styles-wrapper, .wp-site-blocks, .entry-content, #wrap, .mce-content-body) blockquote{margin:1.5em 0;padding:1.2em 1.4em;background:var(--color-f);border-left:5px solid var(--color-b)}
:where(.editor-styles-wrapper, .wp-site-blocks, .entry-content, #wrap, .mce-content-body) table{width:100%;border-collapse:collapse;margin:1.5em 0}
:where(.editor-styles-wrapper, .wp-site-blocks, .entry-content, #wrap, .mce-content-body) th,
:where(.editor-styles-wrapper, .wp-site-blocks, .entry-content, #wrap, .mce-content-body) td{padding:.8em;border:1px solid #cfd8d3;vertical-align:top}
:where(.editor-styles-wrapper, .wp-site-blocks, .entry-content, #wrap, .mce-content-body) th{background:var(--color-f);font-weight:700}
:where(.editor-styles-wrapper, .wp-site-blocks, .entry-content, #wrap, .mce-content-body) .wp-block-button__link{background:var(--color-c);color:#fff;border-radius:999px;padding:.8em 1.5em;text-decoration:none}

/* Common utility classes retained for in-house authoring */
.lefta{text-align:left!important}.centera{text-align:center!important}.righta{text-align:right!important}
.inner{width:min(1080px,calc(100% - 40px));margin-inline:auto}
.hr0{border:0!important;margin:0!important;height:0!important}
.maxmb{display:none}.minmb{display:initial}
@media(max-width:700px){.maxmb{display:initial}.minmb{display:none}.inner{width:min(100% - 30px,1080px)}}