/*
Theme Name:   SWELL Child LP
Description:  SWELL子テーマ - アフィリエイトLP量産テンプレート（エディター併用対応版）
Template:     swell
Version:      4.0.0
Author:       Ishimo
*/

/*
 * 詳細なLPスタイルは assets/css/lp.css に集約。
 * このファイルは LP ページ表示に必要な SWELL 上書きのみ定義する。
 */

/* ============================================================
   LP ページで SWELL デフォルト要素を非表示
   （body.lp-page は page-template-lp.php 適用時に付与）
   SWELL バージョン差異を吸収するため多数のセレクタを列挙
============================================================ */

/* ヘッダー・フッター・サイドバー */
body.lp-page .l-header,
body.lp-page #header,
body.lp-page .p-header,
body.lp-page #fixedHeader,
body.lp-page .p-fixedHeader,
body.lp-page .p-fixedNav,
body.lp-page .l-fixHeader,
body.lp-page .l-footer,
body.lp-page #footer,
body.lp-page .l-sidebar,
body.lp-page .p-entryNav,
body.lp-page .p-share,
body.lp-page .p-relatedPosts,
body.lp-page .p-authorBox {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* メインビジュアル・スライダー非表示 */
body.lp-page .p-mainVisual,
body.lp-page .p-mainVisual__inner,
body.lp-page .p-mainVisual__slide,
body.lp-page .p-mainVisual__slider,
body.lp-page .swiper,
body.lp-page .swiper-container,
body.lp-page .slick-slider,
body.lp-page .top-slider,
body.lp-page .main-slider,
body.lp-page .mv-slider {
  display: none !important;
}

/* ヒーロー画像 */
body.lp-page .lp-hero {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body.lp-page .lp-hero img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

/* タイトルエリア（SWELL バージョンにより異なる） */
body.lp-page .l-header__title,
body.lp-page .p-pageTitle,
body.lp-page .c-pageTitle,
body.lp-page .l-pageTitle,
body.lp-page .p-entryTitle,
body.lp-page .p-entryTitle__title,
body.lp-page .p-entryTitle__meta,
body.lp-page .entry-title {
  display: none !important;
}

/* パンくず・トピックパス（SWELL 既知セレクタを優先） */
body.lp-page .p-breadcrumb,
body.lp-page .c-breadcrumb,
body.lp-page .breadcrumb,
body.lp-page .p-topicPath,
body.lp-page .c-topicPath {
  display: none !important;
}

/* パンくず補助（将来の SWELL バージョン変更に備えた保険） */
body.lp-page [class*="breadcrumb"] {
  display: none !important;
}

/* ============================================================
   LP ページのレイアウトリセット（SWELL の max-width / padding を解除）
   #lp-wrap はSWELLの .l-main__contents 内に出力されるため
   すべての親コンテナを全幅・フラットレイアウトにリセットする
============================================================ */
body.lp-page .l-main,
body.lp-page .l-container,
body.lp-page #content,
body.lp-page .l-contents,
body.lp-page .l-article,
body.lp-page .l-main__contents {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

/* .l-main の flex レイアウトを解除してヒーロー画像が全幅になるようにする */
body.lp-page .l-main {
  display: block !important;
}

/* ============================================================
   LP ページ基本
============================================================ */
body.lp-page {
  background: #f8fafc;
  margin: 0;
  padding: 0;
}

#lp-wrap {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans",
               "Noto Sans JP", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #1e293b;
  overflow-x: hidden;
  word-break: break-word;
  overflow-wrap: anywhere;
}