﻿/*メインサイトカスタムプロパティ*/
:root {
    /*//////////ブランドカラーの設定//////////*/
    --color-brand: #0083B3;
    /*//////////ブランドカラーを使用するパーツここから//////////*/
    --color-h1: var(--color-brand);
    --color-sitemap-h2: var(--color-brand);
    --color-icon-yajirushi: var(--color-brand);
    /*サイドボード*/
    --color-sideboard-h2: var(--color-brand);
    --color-sideboard-icon-yajirushi: var(--color-brand);
    /*//////////ブランドカラーを使用するパーツここまで//////////*/
    /*//////////H1見出しテキストカラーの設定//////////*/
    --color-h1-text: #ffffff;
    /*//////////アクセントカラーの設定//////////*/
    --color-accent: #DF6A90;
    /*//////////アクセントカラーを使用するパーツここから//////////*/
    --color-icon-sankaku: var(--color-accent);
    /*//////////アクセントカラーを使用するパーツここまで//////////*/
    /*//////////その他色変更パーツここから//////////*/
    /*見出し帯グラデーション*/
    --grad-h1: linear-gradient(-45deg,#2169ac 0%, #4297b7 28.95%, #0f518e 100%);
    /*下層背景色*/
    --color-subpage-haikei: #f9f9f9;
    /*パンくずホームアイコン*/
    --color-icon-pankuzu-home: #999;
    /*印刷アイコン*/
    --color-icon-print: #194593;
    /*中見出し背景　単色のとき*/
    --color-midashi: #eee7e0;
    /*中見出し背景　グラデーションのとき　subpage.cssでグラデーション見出しの場合に切り替える*/
    --grad-midashi: linear-gradient(112.53deg, rgba(245,225,232,1) 6%, rgba(203,236,245,1) 96%);
    /*下位分類部の背景*/
    --color-bg-class: #ffffff;
    /*kijilistの背景*/
    --color-kijilist-area: #ffffff;
    /*サイドボード*/
    --color-sideboard-mitukaranaitoki: #BDD9E3;
    --color-sideboard-question: #194593;
    /*サイトマップ*/
    --color-sitemap-h2-a: #FFFFFF;
    --color-sitemap-h3: #f8f4e6;
    --color-sideboard-area: #ffffff;
    /*ページ内目次*/
    --color-page-anchor-list-button: #f0f0f0;
    /*FAQ*/
    --color-bg-faq: #ffffff;
    --color-bg-faq-midashi: #f7f6f5;
    --color-bg-faq-searchTitle: #ececec;
    --color-bg-faq-soegaki: #f8f4e6;
    /*info 施設情報*/
    --color-bg-infoSearchArea: #ffffff;
    --color-bg-info-legend: #a8eaff;
    --color-bg-info-check: #969696;
    --color-bg-info-block-item: #EAF4FF;
    --color-bg-info-infoName-borderLeft: #23AFC0;
    --color-bg-info-infoName: #ffffff;
    --color-bg-info-button-cta: #284295;
    --color-bg-info-button-cta-hover: #ffffff;
    --color-bg-info-button-cta-text: #ffffff;
    --color-bg-info-button-cta-text-hover: #333;
    --color-bg-info-block-item-data: #fff;
    --color-bg-info-block-item-data-text: #333;
    --color-bg-info-block-item-border: #333;
    /*entry お問い合わせフォームページ*/
    --color-bg-entry: #E3F1FE;
    /*groupNameは--color-h1を指定*/
    /*//////////その他色変更パーツここまで//////////*/
    /*//////////wisywig内色変更//////////*/
    /*H2帯*/
    --color-h2: #efefef;
    --color-text-h2: #333;
    /*H3帯*/
    --color-h3: #d1d5db;
    --color-text-h3: #333;
    /*H4帯*/
    --color-h4: #d1d5db;
    --color-text-h4: #333;
    /*H5帯*/
    --color-h5: #d1d5db;
    --color-text-h5: #333;
    /*H6帯*/
    --color-h6: #d1d5db;
    --color-text-h6: #333;
    /*表帯*/
    --color-table-th: #efefef;
}


