/* ========================================================================== SWELL reset — アートページ共通で SWELL の枠を外す参照: hp-automation/swell-common/README.md「フルワイドレイアウト」注意: body_class はではなく #body_wrap 側に付与される対象: #body_wrap.lk-art（home + contact 等、body-class.php で付与） ========================================================================== */ /* コンテンツエリアをフルワイド化 */ #body_wrap.lk-art .l-mainContent, #body_wrap.lk-art .l-mainContent__inner, #body_wrap.lk-art .post_content, #body_wrap.page .l-mainContent, #body_wrap.page .l-mainContent__inner, #body_wrap.page .post_content { max-width: 100% !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; background: transparent !important; } #body_wrap.lk-art #content.l-content { padding: 0 !important; margin: 0 !important; max-width: 100% !important; width: 100% !important; background: transparent !important; } #body_wrap.lk-art .l-mainContent, #body_wrap.lk-art .l-mainContent__inner, #body_wrap.lk-art article.post, #body_wrap.lk-art article.page { padding: 0 !important; margin: 0 !important; max-width: 100% !important; width: 100% !important; background: transparent !important; } /* カスタムHTMLブロックの直下 section/div をビューポート幅に */ #body_wrap.lk-art .post_content > section, #body_wrap.lk-art .post_content > div, #body_wrap.lk-art .post_content > nav, #body_wrap.lk-art .post_content > aside, #body_wrap.lk-art .post_content > footer, #body_wrap.page .post_content > section, #body_wrap.page .post_content > div { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } /* SWELL の .post_content > * { margin-bottom: 2em } を全セクションで殺す（これがカスタムHTMLブロック間の隙間の正体） */ #body_wrap.lk-art .post_content > *, #body_wrap.page .post_content > * { margin-top: 0 !important; margin-bottom: 0 !important; } /* アートページでは SWELL のヘッダー・フッター・パンくず・タイトル等を封じる */ #body_wrap.lk-art .l-header, #body_wrap.lk-art .l-fixHeader, #body_wrap.lk-art .l-footer, #body_wrap.lk-art .c-pageTitle, #body_wrap.lk-art .p-breadcrumb, #body_wrap.lk-art .p-articleThumb, #body_wrap.lk-art .entry-title, #body_wrap.lk-art #pagetop { display: none !important; } /* SWELL デフォルトのメインビジュアル */ #body_wrap.lk-art #main_visual, #body_wrap.lk-art .p-mainVisual { display: none !important; } /* アートページ以外の固定ページでも最低限のゴミは掃除 */ #body_wrap.page .p-articleThumb, #body_wrap.page .p-breadcrumb { display: none !important; } /* SWELL の post_content 内見出し装飾をアートページで全部切る（マージン含む） */ #body_wrap.lk-art .post_content h1, #body_wrap.lk-art .post_content h2, #body_wrap.lk-art .post_content h3, #body_wrap.lk-art .post_content h4 { background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; color: inherit; } #body_wrap.lk-art .post_content h2::before, #body_wrap.lk-art .post_content h2::after, #body_wrap.lk-art .post_content h3::before, #body_wrap.lk-art .post_content h3::after { display: none !important; } /* p, blockquote のマージンをリセット */ #body_wrap.lk-art .post_content p, #body_wrap.lk-art .post_content blockquote { margin: 0 !important; } /* figure はデフォで margin:0 にするが、後続のパターンCSSが margin:auto 等で上書きできるよう !important は付けない */ #body_wrap.lk-art .post_content figure { margin: 0; } /* SWELL の blockquote 装飾（padding + ::before ハイフン柄）をアートページで全部殺す */ #body_wrap.lk-art .post_content blockquote { background: transparent !important; padding: 0 !important; border: none !important; margin: 0 !important; position: relative; } #body_wrap.lk-art .post_content blockquote::before, #body_wrap.lk-art .post_content blockquote::after { content: none !important; display: none !important; background: transparent !important; border: none !important; } /* home のセクション直下は横 padding を必ず確保（六章 .lk-works のみ 0 許可） */ #body_wrap.home .post_content > section { padding-left: var(--gutter); padding-right: var(--gutter); } #body_wrap.home .post_content > section.lk-works { padding-left: 0; padding-right: 0; } /* section 間の自動挿入スペースを殺す */ #body_wrap.lk-art .post_content > p:empty { display: none !important; } /* SWELL の figure::before（ratio padding hack）を無効化 */ #body_wrap.lk-art .post_content figure::before { content: none !important; display: none !important; padding: 0 !important; height: auto !important; }