/* =====================================================================
   合同会社回 規約系ページ用カスタムCSS（v4対応・統合版）
   対象ページ:
     ID 351 (/hp_privacy)               プライバシーポリシー
     ID 349 (/hp_tos)                   利用規約
     ID 347 (/hp_scta)                  特定商取引法に基づく表記
     ID 487 (/foreign-data-protection)  外国における個人情報保護制度に関する情報提供
   貼付場所:
     WP管理画面 → Cocoon設定 → カスタムCSS タブ
   ===================================================================== */


/* =========================
   1. 規約系4ページ共通
   .kai-legal-container スコープ内に全スタイル限定
========================= */
.kai-legal-container {
    --legal-text: #0f172a;
    --legal-sub: #475569;
    --legal-muted: #94a3b8;
    --legal-accent: #1e40af;
    --legal-warn: #b45309;
    --legal-warn-bg: #fffbeb;
    --legal-warn-border: #fbbf24;
    --legal-table-border: #e5e7eb;
    --legal-table-head: #f8fafc;
    --legal-section-bg: #fafaf7;

    font-family: 'Noto Serif JP', 'Yu Mincho', 'YuMincho', serif;
    color: var(--legal-text);
    line-height: 1.95;
    max-width: 820px;
    margin: 0 auto;
    padding: 1rem 1.25rem 4rem;
    font-size: 0.95rem;
}
.kai-legal-container * {
    box-sizing: border-box;
}

.kai-legal-container h1 {
    font-size: 1.85rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    margin: 0 0 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--legal-table-border);
    color: var(--legal-text);
}
.kai-legal-container h2 {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0.03em;
    margin: 2.5rem 0 1rem;
    padding-left: 0.75rem;
    border-left: 3px solid var(--legal-accent);
    color: var(--legal-text);
}
.kai-legal-container h3 {
    font-size: 1.02rem;
    font-weight: 600;
    margin: 1.5rem 0 0.6rem;
    color: var(--legal-text);
}
.kai-legal-container p {
    margin: 0 0 1rem;
}
.kai-legal-container ul,
.kai-legal-container ol {
    margin: 0.5rem 0 1rem 1.6rem;
    padding: 0;
}
.kai-legal-container li {
    margin-bottom: 0.5rem;
}

.kai-legal-container .kai-legal-lead {
    background: var(--legal-section-bg);
    padding: 1.25rem 1.5rem;
    border-radius: 8px;
    margin-bottom: 2rem;
    font-size: 0.93rem;
    color: var(--legal-sub);
}

.kai-legal-container table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0 1.5rem;
    font-size: 0.88rem;
}
.kai-legal-container th,
.kai-legal-container td {
    padding: 0.7rem 0.85rem;
    border: 1px solid var(--legal-table-border);
    vertical-align: top;
    text-align: left;
}
.kai-legal-container th {
    background: var(--legal-table-head);
    font-weight: 500;
    color: var(--legal-sub);
}

.kai-legal-container .kai-legal-warn {
    background: var(--legal-warn-bg);
    border-left: 4px solid var(--legal-warn-border);
    padding: 1rem 1.25rem;
    margin: 1.25rem 0;
    border-radius: 4px;
    color: var(--legal-warn);
    font-size: 0.92rem;
}
.kai-legal-container .kai-legal-warn strong {
    color: #92400e;
}

.kai-legal-container .kai-legal-meta {
    margin-top: 3rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--legal-table-border);
    font-size: 0.85rem;
    color: var(--legal-muted);
    text-align: right;
}

.kai-legal-container .kai-legal-service-tag {
    display: inline-block;
    background: #eff6ff;
    color: var(--legal-accent);
    padding: 0.1rem 0.55rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    margin-right: 0.4rem;
}

.kai-legal-container a {
    color: var(--legal-accent);
    text-decoration: underline;
}

@media (max-width: 600px) {
    .kai-legal-container {
        padding: 0.5rem 1rem 3rem;
        font-size: 0.92rem;
    }
    .kai-legal-container h1 {
        font-size: 1.5rem;
    }
    .kai-legal-container h2 {
        font-size: 1.08rem;
    }
}


/* =========================
   2. 特商法ページ専用拡張（ID 347 / scta）
   2列価格表とキャンペーン説明ボックス
========================= */
.kai-legal-container h3 {
    /* scta では h3 をアクセントカラーで強調 */
}
.page-id-347 .kai-legal-container h3 {
    color: var(--legal-accent);
}
.page-id-347 .kai-legal-container th {
    width: 28%;
}
.page-id-347 .kai-legal-container .price-table th {
    background: #eff6ff;
    color: var(--legal-accent);
    width: auto;
}
.page-id-347 .kai-legal-container .price-table td.amount {
    font-weight: 600;
    white-space: nowrap;
}
.page-id-347 .kai-legal-container .campaign-note {
    background: #fef3c7;
    border-left: 4px solid #f59e0b;
    padding: 1rem 1.25rem;
    margin: 1.5rem 0;
    font-size: 0.9rem;
    color: #78350f;
    border-radius: 4px;
}
@media (max-width: 600px) {
    .page-id-347 .kai-legal-container th {
        width: 35%;
    }
}


/* =========================
   3. 外国第三者提供ページ専用拡張（ID 487 / foreign-data-protection）
   委託先カードと国別ブロック
========================= */
.page-id-487 .kai-legal-container h1 {
    font-size: 1.75rem;
}
.page-id-487 .kai-legal-container .country-block {
    background: var(--legal-section-bg);
    border-radius: 8px;
    padding: 1.5rem 1.75rem;
    margin: 1.5rem 0;
}
.page-id-487 .kai-legal-container .country-block h3:first-child {
    margin-top: 0;
}
.page-id-487 .kai-legal-container .vendor-card {
    background: #ffffff;
    border: 1px solid var(--legal-table-border);
    border-radius: 6px;
    padding: 1.25rem 1.5rem;
    margin: 1rem 0;
}
.page-id-487 .kai-legal-container .vendor-card h4 {
    margin: 0 0 0.5rem;
    font-size: 1rem;
    color: var(--legal-accent);
    font-weight: 600;
}
.page-id-487 .kai-legal-container .vendor-card .vendor-meta {
    font-size: 0.85rem;
    color: var(--legal-sub);
    margin: 0.25rem 0 0.75rem;
}
.page-id-487 .kai-legal-container .vendor-card ul {
    margin-bottom: 0.5rem;
}
.page-id-487 .kai-legal-container .kai-legal-note {
    font-size: 0.82rem;
    color: var(--legal-muted);
    margin-top: 0.5rem;
}
@media (max-width: 600px) {
    .page-id-487 .kai-legal-container h1 {
        font-size: 1.4rem;
    }
}


/* =========================
   4. 規約系4ページ共通：Cocoonテーマ装飾を控えめに
   各ページの上部・下部の不要要素を非表示にして規約だけが目立つように
========================= */
body.page-id-351 .entry-header,
body.page-id-349 .entry-header,
body.page-id-347 .entry-header,
body.page-id-487 .entry-header,
body.page-id-351 .article-header,
body.page-id-349 .article-header,
body.page-id-347 .article-header,
body.page-id-487 .article-header {
    display: none !important;
}

/* WPテーマの目次（ページ内自動目次）非表示 */
body.page-id-351 .toc,
body.page-id-349 .toc,
body.page-id-347 .toc,
body.page-id-487 .toc,
body.page-id-351 #toc_container,
body.page-id-349 #toc_container,
body.page-id-347 #toc_container,
body.page-id-487 #toc_container {
    display: none !important;
}

/* 投稿日・更新日表示を非表示 */
body.page-id-351 .post-date,
body.page-id-349 .post-date,
body.page-id-347 .post-date,
body.page-id-487 .post-date,
body.page-id-351 .entry-date,
body.page-id-349 .entry-date,
body.page-id-347 .entry-date,
body.page-id-487 .entry-date,
body.page-id-351 .post-update,
body.page-id-349 .post-update,
body.page-id-347 .post-update,
body.page-id-487 .post-update {
    display: none !important;
}

/* 記事下のフォローボックス・著者情報を非表示 */
body.page-id-351 .follow-box,
body.page-id-349 .follow-box,
body.page-id-347 .follow-box,
body.page-id-487 .follow-box,
body.page-id-351 .author-box,
body.page-id-349 .author-box,
body.page-id-347 .author-box,
body.page-id-487 .author-box,
body.page-id-351 .sns-follow,
body.page-id-349 .sns-follow,
body.page-id-347 .sns-follow,
body.page-id-487 .sns-follow {
    display: none !important;
}

/* パンくず非表示（規約系では不要） */
body.page-id-351 .breadcrumb,
body.page-id-349 .breadcrumb,
body.page-id-347 .breadcrumb,
body.page-id-487 .breadcrumb,
body.page-id-351 .breadcrumbs,
body.page-id-349 .breadcrumbs,
body.page-id-347 .breadcrumbs,
body.page-id-487 .breadcrumbs {
    display: none !important;
}

/* 上部余白を詰める */
body.page-id-351 #content,
body.page-id-349 #content,
body.page-id-347 #content,
body.page-id-487 #content {
    padding-top: 1rem;
}
/* LP本体のCTAボタンを巻き添えから保護（/main href*="main" 対策） */
body.page-id-335 .kai-cta-group a.kai-btn,
body.page-id-335 .kai-process-cta-row a.kai-btn {
  display: inline-flex !important;
}

.page-id-349 #footer {
  display: none;
}

.page-id-351 #footer {
  display: none;
}

.page-id-347 #footer {
  display: none;
}

.page-id-487 #footer {
  display: none;
}

/* ベトナム事業セクションの発信中バナー */
.kai-site-container .kai-vn-follow {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 14px 0 20px;
  padding: 10px 14px;
  background: rgba(31, 42, 68, 0.05);   /* 藍をごく薄く */
  border-left: 3px solid #1f2a44;        /* 藍のアクセント */
  border-radius: 4px;
}
.kai-site-container .kai-vn-follow__label {
  font-size: 0.9rem;
  color: #3a4256;
  font-weight: 600;
}
.kai-site-container .kai-sns--inline {
  margin: 0;
  justify-content: flex-start;
}
.kai-site-container .kai-sns--inline svg {
  width: 20px;
  height: 20px;
}