@charset "UTF-8";/*!
 * irohado-page.css — おやき 長野いろは堂 / 固定ページ本文スタイル
 * 対象テーマ : Empire 10.0.1（shopify-theme-irohado）
 *
 * 【これは何か】
 *   Shopify の固定ページエディタで、ふつうに「見出し」「段落」「箇条書き」「表」を
 *   選んで入力するだけで、サイトのデザインに揃った見た目になるようにする CSS です。
 *   エディタ側で class を書く必要は一切ありません。
 *
 * 【どのページに効くか】
 *   固定ページ本文 <div class="page-content"> のうち、次の2つを満たすページだけです。
 *
 *     :has(p, h1, h2, h3, ul, ol, table)   … 段落や見出しがある＝エディタで入力された本文
 *     :not(:has(.freepage, .container))    … 旧サイト由来のマークアップを含まない
 *
 *   → 既存の全24ページは、どちらかの条件で外れるため対象外です（見た目は変わりません）。
 *      ・本文を持つ18ページ … すべて .container を含む旧マークアップのため除外
 *      ・お問い合わせページ … 本文が <br> だけで段落が無いため除外
 *      ・その他5ページ     … 本文がセクション側にあり .page-content を使っていない
 *   → 新しく作るお知らせページはエディタ標準の出力なので、自動的に適用されます。
 *
 *   もし将来、既存ページも含めて全ての固定ページに適用したくなった場合は、
 *   本ファイル内の :has(p, h1, h2, h3, ul, ol, table):not(:has(.freepage, .container))
 *   をすべて削除してください。
 *   （※既存ページの見え方が変わるため、必ず1ページずつ確認しながら進めてください）
 */.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)){--iro-ink: #212529;--iro-ink-sub: #6a6a6a;--iro-accent: #e60012;--iro-line: rgba(0, 0, 0, .14);--iro-paper: #faf7f2;--iro-paper-dim: #f2efe8;--iro-serif: "Zen Old Mincho", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;max-width:860px;margin:3rem auto 5rem;color:var(--iro-ink);font-size:1rem;line-height:1.9;font-feature-settings:"palt"}@media(max-width:767.98px){.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)){margin:2rem auto 3.5rem}}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container))>:first-child{margin-top:0}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container))>:last-child{margin-bottom:0}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) :target{scroll-margin-top:6rem}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) strong,.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) b{font-weight:700}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) p:has(strong),.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) p:has(b){background-color:transparent;padding:0}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) h1{margin-block:0 3rem;padding:0 .2rem .3rem;font-family:var(--iro-serif);font-size:clamp(1.5rem,1.15rem + 1.5vw,2.25rem);font-weight:500;line-height:1.5;letter-spacing:.03em}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) h2{margin:3.5rem 0 1.5rem;padding:0 0 .7rem;border-bottom:1px solid var(--iro-line);font-family:var(--iro-serif);font-size:clamp(1.25rem,1.1rem + .7vw,1.6rem);font-weight:500;line-height:1.5;letter-spacing:.03em}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) h3{margin:2.75rem 0 1rem;padding:.1rem 0 .1rem .85rem;border-left:3px solid var(--iro-accent);font-family:var(--iro-serif);font-size:clamp(1.0625rem,1rem + .4vw,1.3rem);font-weight:600;line-height:1.6;letter-spacing:.03em}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) h4,.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) h5,.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) h6{margin:2rem 0 .75rem;font-family:var(--iro-serif);font-size:1.0625rem;font-weight:700;line-height:1.6;letter-spacing:.03em}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) h2+h3,.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) h3+h4{margin-top:1.5rem}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) p{margin:0 0 1.6em;line-height:1.9}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) p:last-child{margin-bottom:0}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) a{color:var(--iro-ink);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px;transition:color .3s}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) a:hover{color:var(--iro-accent);text-decoration:underline!important}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) a:focus-visible{outline:2px solid var(--iro-accent);outline-offset:2px}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) em{font-style:normal;font-weight:700;color:var(--iro-accent)}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) blockquote{margin:0 0 1.75rem;padding:1.25rem 1.5rem;border-left:3px solid var(--iro-line);background:var(--iro-paper);color:var(--iro-ink-sub);font-size:.9375rem}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) blockquote>:last-child{margin-bottom:0}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) hr{height:0;margin:3rem 0;border:0;border-top:1px solid var(--iro-line);opacity:1}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) code{padding:.15em .45em;border-radius:3px;background:var(--iro-paper-dim);font-size:.9em}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) ul,.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) ol{margin:0 0 1.75rem;padding-left:1.6em}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) li{margin-bottom:.5em;line-height:1.85}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) li:last-child{margin-bottom:0}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) li::marker{color:var(--iro-accent)}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) ol>li::marker{font-weight:700;font-size:.95em}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) li>ul,.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) li>ol{margin:.5em 0 0}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) dt{margin:0 0 .4rem;font-family:var(--iro-serif);font-weight:700;letter-spacing:.03em}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) dd{margin:0 0 1.5rem;padding-left:1em}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) table{width:100%!important;margin:0 0 2rem;border-collapse:collapse;font-size:1rem;line-height:1.8}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) th,.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) td{height:auto!important;padding:.9rem 1rem;border:1px solid var(--iro-line);vertical-align:top;text-align:left}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) th{background:var(--iro-paper-dim);font-family:inherit;font-size:.9375rem;font-weight:700}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) td>:last-child,.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) th>:last-child{margin-bottom:0}@media(max-width:767.98px){.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) table:has(tr>*:nth-child(3)){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}}@media(max-width:767.98px){.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) table:not(:has(tr>*:nth-child(3))),.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) table:not(:has(tr>*:nth-child(3))) tbody,.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) table:not(:has(tr>*:nth-child(3))) tr,.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) table:not(:has(tr>*:nth-child(3))) th,.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) table:not(:has(tr>*:nth-child(3))) td{display:block;width:100%!important}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) table:not(:has(tr>*:nth-child(3))) tr>*:first-child{border-bottom:0;background:var(--iro-paper-dim);font-weight:700}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) table:not(:has(tr>*:nth-child(3))) tr:not(:first-child)>*:first-child{border-top:0;margin-top:1rem}}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) img{max-width:100%;height:auto;border-radius:4px;vertical-align:bottom}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) p:has(>img:only-child){margin-bottom:2rem;text-align:center}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) iframe{max-width:100%;border:0;border-radius:4px}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) p:has(>iframe:only-child){margin-bottom:2rem;text-align:center}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) iframe[src*=youtube],.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) iframe[src*="youtu.be"],.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) iframe[src*=vimeo]{width:100%;aspect-ratio:16 / 9;height:auto}.page-content:has(p,h1,h2,h3,ul,ol,table):not(:has(.freepage,.container)) iframe[src*="google.com/maps"]{width:100%;aspect-ratio:3 / 2;height:auto}
/*# sourceMappingURL=/cdn/shop/t/30/assets/page-parts.css.map */