/*
 Theme Name: Albatros Custom
 Author: Customer
 Template: albatros 
*/
/* ============================================================
   公開ページ用（フロント）スタイル ー albatros_custom（最終完成版）
   ============================================================ */

/* --- サイト全体のベースフォント --- */
html, body {
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, "Helvetica Neue", "Hiragino Kaku Gothic ProN",
               "Hiragino Sans", "Noto Sans CJK JP", Meiryo, sans-serif !important;
  color: #222;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ================= 本文（単一記事・固定ページ）だけ大きめに ================ */
.single .entry-content,
.page:not(.home) .entry-content {
  font-size: clamp(16px, 1.1vw + 12px, 18px);
  line-height: 1.9;
}
.single .entry-content p,
.page:not(.home) .entry-content p { margin: 0 0 1.2em; }

/* 見出しサイズ（本文内のみ） */
.single .entry-content h1,
.page:not(.home) .entry-content h1 { font-weight:700; line-height:1.3;  font-size: clamp(26px, 2.2vw + 10px, 40px); }
.single .entry-content h2,
.page:not(.home) .entry-content h2 { font-weight:700; line-height:1.35; font-size: clamp(22px, 1.8vw + 8px, 32px); }
.single .entry-content h3,
.page:not(.home) .entry-content h3 { font-weight:700; line-height:1.4;  font-size: clamp(19px, 1.4vw + 7px, 26px); }

/* 本文内リンク：少し青みを入れて可読性を高める */
.single .entry-content a,
.page:not(.home) .entry-content a {
  color: #2a6fbb; /* 落ち着いた青 */
  text-decoration: underline;
}
.single .entry-content a:hover {
  color: #1d4f8c; /* ホバー時は少し濃い青 */
}

/* ============ 見出し装飾（is-style-◯◯）：選択時のみテーマ飾りを無効化 ============ */
.entry-content .wp-block-heading[class*="is-style-"]::before,
.entry-content .wp-block-heading[class*="is-style-"]::after,
.entry-content h2[class*="is-style-"]::before,
.entry-content h2[class*="is-style-"]::after,
.entry-content h3[class*="is-style-"]::before,
.entry-content h3[class*="is-style-"]::after,
.entry-content h4[class*="is-style-"]::before,
.entry-content h4[class*="is-style-"]::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.entry-content .wp-block-heading[class*="is-style-"] {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  position: relative;
  color: inherit !important;
}

/* --- 個別スタイル（is-style-◯◯） --- */
.entry-content .wp-block-heading.is-style-border-left {
  border-left: 6px solid #f28b00 !important;
  padding-left: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #222 !important;
}
.entry-content .wp-block-heading.is-style-bg-highlight {
  display: inline-block !important;
  background: #f7f7f7 !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #222 !important;
}
.entry-content .wp-block-heading.is-style-underlined {
  padding-bottom: 6px !important;
  border-bottom: 2px solid #333 !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #222 !important;
}
.entry-content .wp-block-heading.is-style-border-left a,
.entry-content .wp-block-heading.is-style-bg-highlight a,
.entry-content .wp-block-heading.is-style-underlined a {
  color: inherit !important;
  text-decoration: inherit;
}

/* --- 装飾を完全オフにするユーティリティ --- */
.entry-content .no-deco,
.entry-content .no-deco::before,
.entry-content .no-deco::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ========================== ホーム/一覧（blog, archive, search） ========================== */

/* 一覧タイトル */
.home .entry-title,
.blog .entry-title,
.archive .entry-title,
.search .entry-title {
  font-size: clamp(16px, 0.9vw + 11px, 20px);
  line-height: 1.4;
  font-weight: 700;
}

/* 一覧タイトルリンクは青系に */
.home .entry-title a,
.blog .entry-title a,
.archive .entry-title a,
.search .entry-title a {
  color: #2a6fbb;
  text-decoration: none;
}
.home .entry-title a:hover,
.blog .entry-title a:hover,
.archive .entry-title a:hover,
.search .entry-title a:hover {
  color: #1d4f8c;
  text-decoration: underline;
}

/* 日付 */
.home .entry-meta, .blog .entry-meta, .archive .entry-meta, .search .entry-meta,
.home .post-meta,  .blog .post-meta,  .archive .post-meta,  .search .post-meta {
  font-size: 13px;
  opacity: .85;
}

/* 抜粋（本文の一部）= `.description` */
.home .description,
.blog .description,
.archive .description,
.search .description,
.home p.description,
.blog p.description,
.archive p.description,
.search p.description {
  font-size: 12px !important;
  line-height: 1.7 !important;
  color: #999 !important;
  margin-top: 4px;
}

/* 子要素にも適用 */
.home .description *, .blog .description *, .archive .description *, .search .description * {
  font-size: inherit !important;
  color: inherit !important;
}

/* 抜粋内リンクだけやや青 */
.home .description a,
.blog .description a,
.archive .description a,
.search .description a {
  color: #2a6fbb;
  text-decoration: underline;
}
.home .description a:hover,
.blog .description a:hover,
.archive .description a:hover,
.search .description a:hover {
  color: #1d4f8c;
}

/* ============================================================
   TOC（目次）を1まわりだけ小さくする（最終調整版）
   ============================================================ */
.entry-content .ez-toc-container,
.entry-content #toc_container,
.entry-content .lwptoc,
.entry-content .toc,
.entry-content .toc-container {
  font-size: 14px !important;   /* ← 12px → 14px に変更 */
  line-height: 1.7 !important;
}

.entry-content .ez-toc-title,
.entry-content #toc_container .toc_title,
.entry-content .lwptoc_title,
.entry-content .toc .toc_title {
  font-size: 15px !important;   /* タイトルだけ少し大きめ */
  line-height: 1.4 !important;
  margin-bottom: .4em;
}

.entry-content .ez-toc-list li a,
.entry-content #toc_container li a,
.entry-content .lwptoc_items a,
.entry-content .toc-list li a,
.entry-content .toc a {
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #2a6fbb;
  text-decoration: none;
}
.entry-content .ez-toc-list li a:hover,
.entry-content #toc_container li a:hover,
.entry-content .lwptoc_items a:hover,
.entry-content .toc-list li a:hover,
.entry-content .toc a:hover {
  text-decoration: underline;
}

.entry-content .ez-toc-list,
.entry-content #toc_container ul,
.entry-content .lwptoc_items,
.entry-content .toc-list {
  margin: .4em 0 !important;
  padding-left: 1.2em !important;
}

.entry-content .ez-toc-container,
.entry-content #toc_container,
.entry-content .lwptoc,
.entry-content .toc,
.entry-content .toc-container {
  padding: .8em 1em !important;
}

/* ==========================================
   マーカー風（赤字＋黄色ライン）スタイル
   ========================================== */
.marker {
  color: #c62828; /* 濃い赤文字 */
  font-weight: bold;
  background: linear-gradient(transparent 70%, #ffeb3b 0%); /* 背景を70%から塗る */
  padding: 0 2px;
}

/* マーカー風（赤字＋黄色ライン） */
.marker{
  color:#c62828;
  font-weight:bold;
  background:linear-gradient(transparent 70%, #ffeb3b 0%);
  padding:0 2px;
  border-radius:2px;
}


/* ===== 見出しの既定サイズ（公開側・プリセット未指定時のフォールバック） ===== */
.entry-content h2.wp-block-heading { font-size: var(--wp--custom--heading--h2, 32px); }
.entry-content h3.wp-block-heading { font-size: var(--wp--custom--heading--h3, 26px); }
.entry-content h4.wp-block-heading { font-size: var(--wp--custom--heading--h4, 22px); }

/* ============================================================
   H2 / H3 / H4 デフォルトデザイン（競合リセット付き・最終版）
   ============================================================ */

/* ---- まず全ての見出し装飾をリセット ---- */
.entry-content h2,
.entry-content h3,
.entry-content h4,
.post-content h2,
.post-content h3,
.post-content h4,
.article h2,
.article h3,
.article h4 {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  position: relative;
  color: #222222 !important;
}

.entry-content h2::before,
.entry-content h2::after,
.entry-content h3::before,
.entry-content h3::after,
.entry-content h4::before,
.entry-content h4::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ---- H2：左線付きオレンジ 28px ---- */
.entry-content h2,
.post-content h2,
.article h2 {
  border-left: 6px solid #f28b00 !important;
  padding-left: 12px !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 2em 0 1em !important;
}

/* ---- H3：下線付き 24px ---- */
.entry-content h3,
.post-content h3,
.article h3 {
  border-bottom: 2px solid #333 !important;
  padding-bottom: 6px !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 1.8em 0 1em !important;
}

/* ---- H4：カラー#222 / 22px ---- */
.entry-content h4,
.post-content h4,
.article h4 {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #222222 !important;
  line-height: 1.5 !important;
  margin: 1.5em 0 1em !important;
}

/* 見出し内リンクは継承 */
.entry-content h2 a,
.entry-content h3 a,
.entry-content h4 a {
  color: inherit !important;
  text-decoration: inherit;
}

/* ─────────────────────────────
   LP全体の背景を #1DADE5 に固定（page-id-4032）
   ───────────────────────────── */
body.page-id-4032 {
  background: #1DADE5 !important;
  background-image: none !important; /* 既存の背景画像を無効化 */
}

/* テーマ側の白背景を透過化（アルバトロス想定：効かなくても害なし） */
body.page-id-4032 .l-contents,
body.page-id-4032 .l-main,
body.page-id-4032 .site,
body.page-id-4032 .wrapper,
body.page-id-4032 .container,
body.page-id-4032 .c-wrap,
body.page-id-4032 .content-inner,
body.page-id-4032 .entry-content,
body.page-id-4032 .post {
  background: transparent !important;
  box-shadow: none !important;
}

/* ─────────────────────────────
   本文内のLPセクションをフルブリード化
   ───────────────────────────── */
body.page-id-4032 .entry-content .lp-bg-1dade5 {
  background: #1DADE5;                 /* 念のため同色を明示 */
  margin-left: calc(50% - 50vw);       /* 画面端まで色を伸ばす */
  margin-right: calc(50% - 50vw);
  padding: 48px 24px;                   /* 余白（お好みで調整） */
}

/* 内側の最大幅（アルバトロスの本文幅に合わせて目安1100px） */
body.page-id-4032 .entry-content .lp-bg-1dade5 .lp-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* 可読性向上（背景が明るいので本文色をやや濃く） */
body.page-id-4032 .lp-bg-1dade5,
body.page-id-4032 .lp-bg-1dade5 p,
body.page-id-4032 .lp-bg-1dade5 li {
  color: #073642;
  line-height: 1.85;
}

/* 見出しの余白と強調 */
body.page-id-4032 .lp-bg-1dade5 h2 {
  margin-top: 1.6em;
  margin-bottom: 0.7em;
  line-height: 1.35;
}

/* リンクは下線で視認性を確保 */
body.page-id-4032 .lp-bg-1dade5 a {
  text-decoration: underline;
}

/* セクション直後の要素に区切り余白（必要なければ削除） */
body.page-id-4032 .lp-bg-1dade5 + * {
  margin-top: 40px;
}

/* スマホでの余白最適化 */
@media (max-width: 768px) {
  body.page-id-4032 .entry-content .lp-bg-1dade5 {
    padding: 40px 18px;
  }
}

/* （任意）ページヘッダー/フッターの余白を少し圧縮したい場合 */
body.page-id-4032 header,
body.page-id-4032 footer {
  background: transparent !important;
  box-shadow: none !important;
}