@charset "utf-8";
/* **************************************************

CSS Information
File Name : color.css
Style Info: カラー設定
Date: 2015-07-17
LastUpdates: 2015-08-31 言語切り替えボタン追加に伴う修正

************************************************** */
/* --------------------------------------------------
	01 - ヘッダー カラー設定
-------------------------------------------------- */
/*	ヘッダー 背景カラー
-------------------------------------------------- */
.header-bg-color {
  background-color: #fff;
}

/*	ヘッダー（上部） ボーダーカラー
-------------------------------------------------- */
.header-border-color {
  border-top-color: #4c6cb3;
}

/*	ヘッダー テキストカラー設定
-------------------------------------------------- */
.header-text-color * {
  color: #111 !important;
}

/*	ヘッダー ボタンカラー設定
-------------------------------------------------- */
/* ノーマル状態
-------------------------------------------------- */
/* ボタンカラー */
.header-btn-color li a,
#headerLang li a {
  background-color: #eee !important;
}

/* ボタン文字カラー */
.header-btn-color li a,
.header-btn-color li a .icon-color {
  color: #333 !important;
}

/* アクティブ状態
-------------------------------------------------- */
/* ボタンカラー */
.header-btn-color li a:hover,
.header-btn-color li .textresizer-active,
#headerLang li a:hover,
#headerLang .current {
  background-color: #31517b !important;
}

/* ボタン文字カラー*/
.header-btn-color li a:hover,
.header-btn-color li a:hover .icon-color,
.header-btn-color li .textresizer-active,
#headerLang .current {
  color: #fff !important;
}

/*	ヘッダーナビ アイコンカラー設定
-------------------------------------------------- */
.headerNavi .icon-color,
.headerNavi .externalLink:after {
  color: #333 !important;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  /*	訪問者別リンクボタン（スマートフォン用） アイコンカラー
	-------------------------------------------------- */
  .btn-smp-icon-color a span {
    color: #4c6cb3 !important;
  }

  /*	訪問者別リンクボタン（スマートフォン用） 背景カラー
	-------------------------------------------------- */
  .btn-smp-bg-color a {
    background-color: #e5eded;
  }

  /*	ヘッダーナビゲーション（スマートフォン用） アイコン?テキストカラー
	-------------------------------------------------- */
  .header-smp-text-color .headerNavi li a * {
    color: #333 !important;
  }

  /*	ヘッダーナビゲーション（スマートフォン用） 背景カラー
	-------------------------------------------------- */
  .header-smp-bg-color .headerNavi,
  .header-smp-bg-color .headerNavi li a {
    background-color: #f9f9f4 !important;
  }
}

/* --------------------------------------------------
	02 - グローバルナビゲーション カラー設定
-------------------------------------------------- */
/*	グローバルナビゲーション 背景カラー
-------------------------------------------------- */
.gnavi-bg-color {
  background-color: #4caadf;
}

/*	グローバルナビゲーション メニューカラー
-------------------------------------------------- */
.gnavi-menu-color li {
  background-color: #38a1db;
}

/*	グローバルナビゲーション メニュー（ホバー時）カラー
-------------------------------------------------- */
.gnavi-menu-hover-color li:hover {
  background-color: #2e8dc7;
}

/*	グローバルナビゲーション テキストカラー
-------------------------------------------------- */
.gnavi-text-color a {
  color: #fff !important;
}

/*	グローバルナビゲーション ボーダーカラー
-------------------------------------------------- */
.gnavi-border-color li {
  border-color: #74bde6 !important;
}

/* --------------------------------------------------
	03 - 訪問者別ナビゲーション カラー設定
-------------------------------------------------- */
/*	訪問者別ナビゲーション 背景カラー
-------------------------------------------------- */
.tnavi-bg-color {
  background-color: #c7d6d7;
}

/*	訪問者別ナビゲーション メニューカラー
-------------------------------------------------- */
.tnavi-menu-color li {
  background-color: #e5eded;
}

/*	訪問者別ナビゲーション メニュー（ホバー時）カラー
-------------------------------------------------- */
.tnavi-menu-hover-color li:hover {
  background-color: #f2f6f6;
}

/*	訪問者別ナビゲーション テキストカラー
-------------------------------------------------- */
.tnavi-text-color a {
  color: #333 !important;
}

/*	訪問者別ナビゲーション ボーダーカラー
-------------------------------------------------- */
.tnavi-border-color li {
  border-color: #fff !important;
}

/*	訪問者別ナビゲーション アイコンーカラー
-------------------------------------------------- */
#targetNavi .icon-color {
  color: #333 !important;
}

/* --------------------------------------------------
	04 - コンテンツ カラー設定
-------------------------------------------------- */
.contents-bg-color {
  background-color: #f9f9f4;
}

/*	01 - メイン カラー設定
	-------------------------------------------------- */
/* メイン テキストカラー */
.main-text-color {
  color: #333 !important;
}

/* メイン リンクカラー */
.main-link-color a {
  color: #005ac8 !important;
}
/* hover時 */
.main-link-color a:hover,
.newsList .more a:hover {
  color: #ff9800 !important;
}

/*	見出し1 テキストカラー */
.heading-text-color #pageTitle h1,
.heading-text-color .articleHeader h1,
.heading-text-color .body .heading01,
.heading-text-color .contentGpArticleDoc .header h1 {
  color: #fff !important;
}

/*	見出し 背景カラー */
.heading-bg-color #pageTitle h1,
.heading-bg-color .articleHeader h1,
.heading-bg-color .body .heading01,
.heading-bg-color .body h3:before,
.heading-bg-color .body h5:before,
.heading-bg-color .body .heading03:before,
#pageTitle h1 {
  background-color: #4c6cb3 !important;
}

/*	見出し ボーダーカラー */
.heading-bg-color #pageTitle h1,
.heading-bg-color .articleHeader h1,
.heading-bg-color .body .heading01,
#pageTitle h1 {
  border-color: #cccccc !important;
}

/*	02 - サイド テーマカラー設定
	-------------------------------------------------- */
/* サイド見出し：テキストカラー*/
.side-heading-text-color .sideNavi .pieceHeader,
.side-heading-text-color .sideLinks .pieceHeader,
.side-heading-text-color .sideEventCalendar .pieceHeader {
  color: #fff !important;
}

/* サイド見出し：背景カラー*/
.side-heading-bg-color .sideNavi .pieceHeader,
.side-heading-bg-color .sideLinks .pieceHeader,
.side-heading-bg-color .sideEventCalendar .pieceHeader {
  background-color: #4c6cb3 !important;
}

/* サイド見出し：ボーダーカラー*/
.side-heading-border-color .sideNavi .pieceHeader,
.side-heading-border-color .sideLinks .pieceHeader,
.side-heading-border-color .sideEventCalendar .pieceHeader {
  border-color: #cccccc !important;
}

/* サイドテキストバナー：ボーダーカラー*/
.side-text-banner-color .sideTextBanner li .block .bannerTitle {
  border-color: #4c6cb3 !important;
}

/* --------------------------------------------------
	05 - フッター カラー設定
-------------------------------------------------- */
/*	フッターナビ 背景カラー
-------------------------------------------------- */
.footer-navi-bg-color .footerNavi {
  background-color: #e5eded !important;
}

/*	フッターナビ テキストカラー
-------------------------------------------------- */
.footer-navi-text-color .footerNavi a {
  color: #333 !important;
}

/*	フッターナビ リンク（ホバーカラー）
-------------------------------------------------- */
.footer-navi-text-color .footerNavi a:hover {
  color: #666 !important;
}

/*	フッターナビ アイコンカラー
-------------------------------------------------- */
.footer-navi-text-color .footerNavi li a span:before {
  color: #4c6cb3 !important;
}

/*	フッター（copyright等） 背景カラー
-------------------------------------------------- */
.footer-bg-color .subFooter {
  background-color: #38a1db;
}

/*	フッター（copyright等） テキストカラー
-------------------------------------------------- */
.footer-text-color .subFooter * {
  color: #fff !important;
}

/* --------------------------------------------------
	06 - トップページ カラー設定
-------------------------------------------------- */
/*	メインビジュアル 背景カラー
-------------------------------------------------- */
.main-visual-bg-color {
  background-color: #e9eeee !important;
}

/*	お知らせ：見出し テキスト?リンクカラー
-------------------------------------------------- */
.news-list-text-color,
.news-list-link-color a {
  color: #333 !important;
}

/*	お知らせ：ボタン アイコンカラー（一覧を見る?RSS）
-------------------------------------------------- */
.newsList .icon-color {
  color: #4c6cb3 !important;
}

/* --------------------------------------------------
	07 - 内部ページ メインタイトル カラー設定
-------------------------------------------------- */
/*	メインタイトル テキストカラー
-------------------------------------------------- */
.main-title-text-color .title {
  color: #4c6cb3 !important;
}

/*	メインタイトル 背景カラー
-------------------------------------------------- */
.main-title-bg-color {
  background-color: #fff !important;
}

/*	パンくずリスト テキストカラー
-------------------------------------------------- */
.topic-path-color * {
  color: #333 !important;
}

/* --------------------------------------------------
	20190802 追記
-------------------------------------------------- */
/*	Googleサイト内検索 ボタン
-------------------------------------------------- */
.gsc-search-button-v2 {
  background-color: #4c6cb3 !important;
  border-color: #4c6cb3 !important;
}