/**
 * page-disclosure.css — 情報公開ページ系の個別スタイル
 * 対象: page-disclosure.php (親) / page-disclosure-vocational.php / page-disclosure-higher-education-support.php
 *
 * 共通テンプレ (template-parts/simple-content-body.php) で描画する .page-simple__* をベースに、
 * disclosure 系ページでだけ適用したい装飾を上書きする。
 *
 * ----- Figma 準拠マップ -----
 *   PC 1150:18951 / SP 229:1303
 *   BASIC セクション ─ 学校基本情報 2 列 x 3 行 グリッド (label ピル + value)
 *   CATEGORIES セクション ─ 情報公開一覧 2 枚リンクカード (01/02 ナンバー + PDF 件数バッジ)
 *   pdf_rows / subheading ─ 子ページ (vocational / higher-education-support) の PDF リスト用
 *
 * スコープ: 親ページだけに掛ける上書きは body.page-template-page-disclosure-php に閉じる
 *          子ページでも使う pdf_rows / subheading は無スコープ (ただし .page-simple__ 配下に限定)
 */

/* ============================================================================
 * BASIC: 学校基本情報 (親ページのみ) ─ 2 列 x 3 行 グリッド
 *   .page-simple__table を 共通テンプレの縦積みから disclosure 独自グリッドに切替
 * ========================================================================== */
body.page-template-page-disclosure-php .page-simple__table {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 20px;
    margin: 10px 0 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    overflow: visible;
}
body.page-template-page-disclosure-php .page-simple__table-row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 0;
    border: 0;
}
body.page-template-page-disclosure-php .page-simple__table-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 18px;
    background: #d7f2ff;
    border: 1px solid #b7e3f7;
    border-radius: 999px;
    font-family: var(--ytc-font-jp, "Noto Sans JP", sans-serif);
    font-weight: 700;
    font-size: 14px;
    color: var(--ytc-text-primary, #000);
    width: fit-content;
    align-self: center;
}
body.page-template-page-disclosure-php .page-simple__table-value {
    padding: 0 8px;
    background: transparent;
    font-family: var(--ytc-font-jp, "Noto Sans JP", sans-serif);
    font-weight: 500;
    font-size: 15px;
    line-height: 1.7;
    color: var(--ytc-text-primary, #000);
    text-align: center;
}

@media screen and (max-width: 768px) {
    body.page-template-page-disclosure-php .page-simple__table {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    body.page-template-page-disclosure-php .page-simple__table-label { font-size: 13px; padding: 6px 14px; }
    body.page-template-page-disclosure-php .page-simple__table-value { font-size: 14px; }
}

/* ============================================================================
 * CATEGORIES: 情報公開一覧 (親ページのみ) ─ 2 枚リンクカード
 *   .page-simple__places (place_cards) を 2 列横並びのカードに。
 *   各カードに 01 / 02 のナンバーと、右端に PDF 件数バッジを CSS で生成する。
 * ========================================================================== */
body.page-template-page-disclosure-php .page-simple__places {
    counter-reset: disc-cats;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    width: 100%;
}
body.page-template-page-disclosure-php .page-simple__place {
    counter-increment: disc-cats;
    margin: 0;
    padding: 0;
    list-style: none;
}
body.page-template-page-disclosure-php .page-simple__place-link {
    position: relative;
    display: grid;
    grid-template-columns: 48px 1fr auto;
    align-items: center;
    gap: 16px;
    padding: 20px 20px 20px 18px;
    background: #fff;
    border: 1px solid #cfe6f3;
    border-radius: 10px;
    color: var(--ytc-text-primary, #000);
    text-decoration: none;
    transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
    overflow: hidden;
}
body.page-template-page-disclosure-php .page-simple__place-link:hover {
    background: #f3faff;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(67, 159, 255, 0.12);
}
/* 01 / 02 ナンバー (左) */
body.page-template-page-disclosure-php .page-simple__place-link::before {
    content: "0" counter(disc-cats);
    grid-column: 1 / 2;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: center;
    font-family: var(--ytc-font-en, "Montserrat", sans-serif);
    font-style: italic;
    font-weight: 700;
    font-size: 28px;
    line-height: 1;
    color: var(--ytc-bg-brand, #439fff);
    letter-spacing: 0.5px;
}
body.page-template-page-disclosure-php .page-simple__place-name {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    margin: 0;
    font-family: var(--ytc-font-jp, "Noto Sans JP", sans-serif);
    font-weight: 700;
    font-size: 17px;
    line-height: 1.4;
    color: var(--ytc-text-primary, #000);
}
body.page-template-page-disclosure-php .page-simple__place-sub {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    margin: 4px 0 0;
    font-family: var(--ytc-font-jp, "Noto Sans JP", sans-serif);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.6;
    color: var(--ytc-text-secondary, #787878);
}
/* PDF 件数バッジ (右) ─ 内容は nth-child で固定 (2 件固定) */
body.page-template-page-disclosure-php .page-simple__place-link::after {
    grid-column: 3 / 4;
    grid-row: 1 / span 2;
    align-self: center;
    padding: 6px 12px;
    background: #e2f3ff;
    border: 1px solid #b7e3f7;
    border-radius: 999px;
    font-family: var(--ytc-font-jp, "Noto Sans JP", sans-serif);
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    color: var(--ytc-bg-brand, #439fff);
    white-space: nowrap;
    content: "";
}
body.page-template-page-disclosure-php .page-simple__place:nth-child(1) .page-simple__place-link::after { content: "24件のPDF"; }
body.page-template-page-disclosure-php .page-simple__place:nth-child(2) .page-simple__place-link::after { content: "40件のPDF"; }

@media screen and (max-width: 768px) {
    body.page-template-page-disclosure-php .page-simple__places {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    body.page-template-page-disclosure-php .page-simple__place-link {
        grid-template-columns: 36px 1fr;
        padding: 14px 14px 14px 12px;
        gap: 10px;
    }
    body.page-template-page-disclosure-php .page-simple__place-link::before { font-size: 22px; }
    body.page-template-page-disclosure-php .page-simple__place-name { font-size: 15px; }
    body.page-template-page-disclosure-php .page-simple__place-sub { font-size: 11px; }
    /* SP では Figma 準拠でバッジ非表示 (タイトルのみ) */
    body.page-template-page-disclosure-php .page-simple__place-link::after { display: none; }
}

/* ============================================================================
 * 子ページ用: subheading (小見出し) ─ 子 (vocational / higher-education-support) で pdf_rows の上に挟む
 * ========================================================================== */
.page-simple__subheading.page-simple__subheading {
    width: 100%;
    margin: 10px 0 6px;
    padding: 8px 0 6px;
    font-family: var(--ytc-font-jp, "Noto Sans JP", sans-serif);
    font-weight: 700;
    font-size: 18px;
    color: var(--ytc-text-primary, #000);
    border-bottom: 1px solid #e2e2e2;
    text-align: left;
}

/* ============================================================================
 * 子ページ用: pdf_rows ─ ファイル名 + 赤 PDF バッジ (2 列グリッド, SP 1 列)
 * ========================================================================== */
.page-simple__pdf-rows.page-simple__pdf-rows {
    list-style: none; margin: 0; padding: 0;
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 20px; width: 100%;
}
.page-simple__pdf-row.page-simple__pdf-row { display: block; margin: 0; padding: 0; list-style: none; }
.page-simple__pdf-link.page-simple__pdf-link {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 14px 18px; background: #fff;
    border: 1px solid var(--ytc-border-base, #39364e); border-radius: 8px;
    color: var(--ytc-text-primary, #000); text-decoration: none;
    font-family: var(--ytc-font-jp, "Noto Sans JP", sans-serif);
    font-weight: 500; font-size: 14px; line-height: 1.5;
    transition: background 0.15s ease, transform 0.15s ease;
}
.page-simple__pdf-link.page-simple__pdf-link:hover { background: #f7fbff; transform: translateY(-1px); }
.page-simple__pdf-link--disabled.page-simple__pdf-link--disabled {
    opacity: 0.6; cursor: not-allowed; pointer-events: none;
}
.page-simple__pdf-label.page-simple__pdf-label { flex: 1 1 auto; text-align: left; word-break: break-word; }
.page-simple__pdf-badge.page-simple__pdf-badge {
    flex: 0 0 auto; padding: 4px 10px;
    background: #ff4a4a; color: #fff; border-radius: 4px;
    font-family: var(--ytc-font-en, "Montserrat", sans-serif);
    font-weight: 700; font-size: 11px; letter-spacing: 0.5px; line-height: 1;
    text-transform: uppercase;
}
@media screen and (max-width: 768px) {
    .page-simple__pdf-rows.page-simple__pdf-rows { grid-template-columns: 1fr; gap: 8px; }
    .page-simple__pdf-link.page-simple__pdf-link { padding: 12px 14px; font-size: 13px; }
    .page-simple__subheading.page-simple__subheading { font-size: 16px; }
}
/* --- EOF page-disclosure.css --- */

/* ==========================================================================
   2026-10-19 Figma 準拠レイアウト調整 (情報公開 親ページ pc/sp)
   ========================================================================== */
/* BASIC: 1 段目 2 列 (法人名/学校名)、2 段目 3 列 (創立年/所在地/代表者)。間に縦の区切り線。
   ラベルは列幅いっぱいの水色ピル (h28, 16px 太字, 濃色枠)、値は 16px 中央 */
body.page-template-page-disclosure-php .page-simple__table {
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 61px;
    width: 100%;
    max-width: none;
    margin: 0;
}
body.page-template-page-disclosure-php .page-simple__table-row {
    position: relative;
    grid-column: span 2;
    gap: 15px;
}
body.page-template-page-disclosure-php .page-simple__table-row:nth-child(-n+2) { grid-column: span 3; }
body.page-template-page-disclosure-php .page-simple__table-row:nth-child(2)::before,
body.page-template-page-disclosure-php .page-simple__table-row:nth-child(n+4)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -31px;
    width: 1px;
    background: #d9d9d9;
}
body.page-template-page-disclosure-php .page-simple__table-label {
    width: 100%;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid var(--ytc-border-strong, #39364e);
    border-radius: 26px;
    font-size: 16px;
    line-height: 1.6;
    box-sizing: border-box;
}
body.page-template-page-disclosure-php .page-simple__table-value {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

/* CATEGORIES: Category Card / PC = 番号(20px 青) → タイトル(20px) → 説明(15px)、右下に青字リンク */
body.page-template-page-disclosure-php .page-simple__places { margin: 0; }
body.page-template-page-disclosure-php .page-simple__place-link {
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto auto;
    align-items: end;
    gap: 6px 6px;
    padding: 16px;
    border: 1px solid var(--ytc-border-strong, #39364e);
    border-radius: 5px;
}
body.page-template-page-disclosure-php .page-simple__place-link::before {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    justify-self: start;
    font-style: normal;
    font-size: 20px;
    line-height: 1.2;
}
body.page-template-page-disclosure-php .page-simple__place-name {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    font-size: 20px;
    line-height: 1.2;
}
body.page-template-page-disclosure-php .page-simple__place-sub {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: var(--ytc-text-primary, #000);
}
body.page-template-page-disclosure-php .page-simple__place-link::after {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    align-self: center;
    padding: 0 0 0 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='6' fill='%23439fff'/%3E%3Cpath d='M5 3.5 7.5 6 5 8.5' fill='none' stroke='%23fff' stroke-width='1.3'/%3E%3C/svg%3E") left center / 12px 12px no-repeat;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    line-height: 1.2;
}

@media screen and (max-width: 768px) {
    body.page-template-page-disclosure-php .page-simple__table { grid-template-columns: 1fr; gap: 20px; }
    body.page-template-page-disclosure-php .page-simple__table-row,
    body.page-template-page-disclosure-php .page-simple__table-row:nth-child(-n+2) { grid-column: auto; gap: 10px; }
    body.page-template-page-disclosure-php .page-simple__table-row::before { content: none !important; }
    body.page-template-page-disclosure-php .page-simple__table-label { font-size: 14px; }
    body.page-template-page-disclosure-php .page-simple__table-value { font-size: 15px; }
    body.page-template-page-disclosure-php .page-simple__place-link { grid-template-columns: 1fr; padding: 14px 16px; }
    body.page-template-page-disclosure-php .page-simple__place-name { font-size: 17px; }
    body.page-template-page-disclosure-php .page-simple__place-sub { font-size: 13px; }
}
@media screen and (max-width: 768px) {
    /* SP BASIC: 箱なし、白カードの表 (ラベル左 / 値右、行間に罫線) */
    body.page-template-page-disclosure-php .c-section-box.c-section-box:has(.page-simple__table) {
        background: transparent;
        border: 0;
        border-radius: 0;
        padding: 30px 5px 0;
    }
    body.page-template-page-disclosure-php .page-simple__table {
        gap: 0;
        background: #fff;
        border: 1px solid var(--ytc-border-strong, #39364e);
        border-radius: 5px;
        overflow: hidden;
    }
    body.page-template-page-disclosure-php .page-simple__table-row,
    body.page-template-page-disclosure-php .page-simple__table-row:nth-child(-n+2) {
        display: grid;
        grid-template-columns: 100px 1fr;
        gap: 0;
        padding: 14px 16px;
        border-top: 1px solid #e5e5e5;
    }
    body.page-template-page-disclosure-php .page-simple__table-row:first-child { border-top: 0; }
    body.page-template-page-disclosure-php .page-simple__table-label {
        justify-content: flex-start;
        min-height: 0;
        padding: 0;
        background: transparent;
        border: 0;
        border-radius: 0;
        font-size: 14px;
    }
    body.page-template-page-disclosure-php .page-simple__table-value {
        padding: 0;
        font-size: 14px;
        text-align: left;
    }
    /* SP CATEGORIES: 右下のリンク表示 (Figma SP は表示) */
    body.page-template-page-disclosure-php .page-simple__place-link::after {
        display: block;
        grid-column: 1 / -1;
        grid-row: 4 / 5;
        justify-self: end;
    }
}

/* ==========================================================================
   2026-10-19 Figma 準拠レイアウト調整 (情報公開 子ページ: 職業実践専門課程 / 高等教育の修学支援制度)
   Figma は色付きの箱を使わず、見出し + 資料リストのセクションを点線 (全幅) で区切るフラットな構成。
   英字ワードマークはサイト側のコンテンツなので残す。
   ========================================================================== */
:is(body.page-template-page-disclosure-vocational-php, body.page-template-page-disclosure-higher-education-support-php) .page-simple > .c-section-box.c-section-box {
    margin-top: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}
:is(body.page-template-page-disclosure-vocational-php, body.page-template-page-disclosure-higher-education-support-php) .page-simple > .c-section-box.c-section-box ~ .c-section-box.c-section-box {
    padding-top: 50px;
    border-top: 1px dashed var(--ytc-border-strong, #39364e);
}
:is(body.page-template-page-disclosure-vocational-php, body.page-template-page-disclosure-higher-education-support-php) .page-simple > .c-section-box .c-section-box__heading.c-section-box__heading {
    position: static;
    transform: none;
    margin: 0 auto 30px;
}
:is(body.page-template-page-disclosure-vocational-php, body.page-template-page-disclosure-higher-education-support-php) .page-simple > .c-section-box .c-section-box__body.c-section-box__body { gap: 30px; }
:is(body.page-template-page-disclosure-vocational-php, body.page-template-page-disclosure-higher-education-support-php) .page-simple__text {
    max-width: 910px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
}
/* PDF Row / PC: pad 16/16/16/20, 角丸 10, 17px、バッジは #fc3855 のピル */
:is(body.page-template-page-disclosure-vocational-php, body.page-template-page-disclosure-higher-education-support-php) .page-simple__pdf-rows.page-simple__pdf-rows { gap: 20px; }
:is(body.page-template-page-disclosure-vocational-php, body.page-template-page-disclosure-higher-education-support-php) .page-simple__pdf-link.page-simple__pdf-link {
    padding: 16px 16px 16px 20px;
    border-color: var(--ytc-border-strong, #39364e);
    border-radius: 10px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2;
}
:is(body.page-template-page-disclosure-vocational-php, body.page-template-page-disclosure-higher-education-support-php) .page-simple__pdf-badge.page-simple__pdf-badge {
    padding: 5px 11px;
    background: #fc3855;
    border-radius: 999px;
}

@media screen and (max-width: 768px) {
    :is(body.page-template-page-disclosure-vocational-php, body.page-template-page-disclosure-higher-education-support-php) .page-simple > .c-section-box.c-section-box {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }
    :is(body.page-template-page-disclosure-vocational-php, body.page-template-page-disclosure-higher-education-support-php) .page-simple > .c-section-box.c-section-box ~ .c-section-box.c-section-box { padding-top: 30px; }
    :is(body.page-template-page-disclosure-vocational-php, body.page-template-page-disclosure-higher-education-support-php) .page-simple > .c-section-box .c-section-box__heading.c-section-box__heading { margin-bottom: 20px; }
    :is(body.page-template-page-disclosure-vocational-php, body.page-template-page-disclosure-higher-education-support-php) .page-simple__text { font-size: 14px; text-align: left; }
    :is(body.page-template-page-disclosure-vocational-php, body.page-template-page-disclosure-higher-education-support-php) .page-simple__pdf-rows.page-simple__pdf-rows { gap: 10px; }
    :is(body.page-template-page-disclosure-vocational-php, body.page-template-page-disclosure-higher-education-support-php) .page-simple__pdf-link.page-simple__pdf-link { padding: 14px 14px 14px 16px; font-size: 15px; border-radius: 5px; }
}
/* 2026-10-19 [common] 画像なしヒーローの英字食い込み / イラスト無しの下余白は共通 (custom.css / figma-components.css) で根本対応したので削除 */