/* ==========================================================
   page-social_resources.css
   社会資源サービスページ専用（列幅調整のみ）
   ========================================================== */

/* ---- 基本設定 ---- */
.fg-table {
    width: 100%;
    table-layout: fixed;
}

/* ----------------------------------------------------------
   ▼ 一般ユーザー（非ログイン）
   表示される列は 4〜12（実際の DOM 順）
----------------------------------------------------------- */

/* 4: カテゴリ */
body:not(.admin-mode) .fg-table th:nth-child(4),
body:not(.admin-mode) .fg-table td:nth-child(4) {
    width: 5%;
}

/* 5: 名称 */
body:not(.admin-mode) .fg-table th:nth-child(5),
body:not(.admin-mode) .fg-table td:nth-child(5) {
    width: 13%;
}

/* 6: 住所 */
body:not(.admin-mode) .fg-table th:nth-child(6),
body:not(.admin-mode) .fg-table td:nth-child(6) {
    width: 15%;
}

/* 7: TEL */
body:not(.admin-mode) .fg-table th:nth-child(7),
body:not(.admin-mode) .fg-table td:nth-child(7) {
    width: 10%;
}

/* 8: サービス内容 */
body:not(.admin-mode) .fg-table th:nth-child(8),
body:not(.admin-mode) .fg-table td:nth-child(8) {
    width: 15%;
}

/* 9: 対応エリア */
body:not(.admin-mode) .fg-table th:nth-child(9),
body:not(.admin-mode) .fg-table td:nth-child(9) {
    width: 9%;
}

/* 10: 料金 */
body:not(.admin-mode) .fg-table th:nth-child(10),
body:not(.admin-mode) .fg-table td:nth-child(10) {
    width: 10%;
}

/* 11: 備考 */
body:not(.admin-mode) .fg-table th:nth-child(11),
body:not(.admin-mode) .fg-table td:nth-child(11) {
    width: 5%;
}

/* 12: WEB */
body:not(.admin-mode) .fg-table th:nth-child(12),
body:not(.admin-mode) .fg-table td:nth-child(12) {
    width: 5%;
}


/* ----------------------------------------------------------
   ▼ 管理者モード（12列すべて表示）
----------------------------------------------------------- */

/* 1: ID */
body.admin-mode .fg-table th:nth-child(1),
body.admin-mode .fg-table td:nth-child(1) {
    width: 6%;
}

/* 2: Token */
body.admin-mode .fg-table th:nth-child(2),
body.admin-mode .fg-table td:nth-child(2) {
    width: 10%;
}

/* 3: 更新日 */
body.admin-mode .fg-table th:nth-child(3),
body.admin-mode .fg-table td:nth-child(3) {
    width: 10%;
}

/* 4: カテゴリ */
body.admin-mode .fg-table th:nth-child(4),
body.admin-mode .fg-table td:nth-child(4) {
    width: 10%;
}

/* 5: 名称 */
body.admin-mode .fg-table th:nth-child(5),
body.admin-mode .fg-table td:nth-child(5) {
    width: 15%;
}

/* 6: 住所 */
body.admin-mode .fg-table th:nth-child(6),
body.admin-mode .fg-table td:nth-child(6) {
    width: 16%;
}

/* 7: TEL */
body.admin-mode .fg-table th:nth-child(7),
body.admin-mode .fg-table td:nth-child(7) {
    width: 10%;
}

/* 8: サービス内容 */
body.admin-mode .fg-table th:nth-child(8),
body.admin-mode .fg-table td:nth-child(8) {
    width: 14%;
}

/* 9: 対応エリア */
body.admin-mode .fg-table th:nth-child(9),
body.admin-mode .fg-table td:nth-child(9) {
    width: 14%;
}

/* 10: 料金 */
body.admin-mode .fg-table th:nth-child(10),
body.admin-mode .fg-table td:nth-child(10) {
    width: 8%;
}

/* 11: 備考 */
body.admin-mode .fg-table th:nth-child(11),
body.admin-mode .fg-table td:nth-child(11) {
    width: 8%;
}

/* 12: WEB */
body.admin-mode .fg-table th:nth-child(12),
body.admin-mode .fg-table td:nth-child(12) {
    width: 5%;
}

/* モーダル内の行を完全に非表示にする */
.fg-modal-row.hidden-field {
    visibility: hidden;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}