@charset "UTF-8";/* CSS変数の宣言 */

/* トップページの色指定 */
:root {
  --headerBackgroundColor: #2b4aba;/* ヘッダー背景色（変更可能）ADEACデフォルト（#3153BC）、アクセントカラー */
  --archiveNameBackgroundColor:#262626;/* アーカイブ名背景色 */
  --accentColor: #2b4aba;/* アクセントカラー コンテンツ入り口タイトル背景*/
  --accentColorRGB: 43,74,186;/* アクセントカラーrgb コンテンツ入り口タイトル背景*/
  --borderColor:#2b4aba ;/* 枠線 1アクセントカラー、グレー（#717375）、黒（#262626）のいずれか */
  --backgroundColor: #ffffff;/* 背景色 */
}

/* ---------------------------------------------- */
/* サブページの色指定はここから */
/*芸術資料館*/
html#index-type1{ /* index-type1 部分はカラーを適応させるページのhtmlのidを設定 */
  --headerBackgroundColor: #2b4aba;/* ヘッダー背景色（変更可能）ADEACデフォルト（#3153BC）、アクセントカラー */
  --accentColor: #FF0066;/* アクセントカラー コンテンツ入り口タイトル背景*/
  --accentColorRGB: 255, 0, 102;/* アクセントカラーrgb コンテンツ入り口タイトル背景*/
  --borderColor:#717375 ;/* 枠線 1アクセントカラー、グレー（#717375）、黒（#262626）のいずれか */
  --backgroundColor: #ffffff;/* 背景色 */
}

/*広島平和研究所*/
html#index-type2{ /* index-type2 部分はカラーを適応させるページのhtmlのidを設定 */
  --headerBackgroundColor: #2b4aba;/* ヘッダー背景色（変更可能）ADEACデフォルト（#3153BC）、アクセントカラー */
	 --accentColor: #B58E26;/* アクセントカラー コンテンツ入り口タイトル背景*/
	--accentColorRGB: 181, 142, 38;/* アクセントカラーrgb コンテンツ入り口タイトル背景*/
	  --similarColor: #CEB67B;/*平和研究所のメインカラー*/
  --similarColorRGB: 206, 182, 123;/* 平和研究所のメインカラーrgb*/
	--borderColor:#717375 ;/* 枠線 1アクセントカラー、グレー（#717375）、黒（#262626）のいずれか */
	--sub1Color:#bfda88;/*広島で調べる*/
	--sub2Color: #b890c2;/*広島を体感する*/
	--sub3Color:#fcdb9c;/*日本で調べる*/
}

html#index-type2 #sub1{
	--subImageColor:#bfda88;/*広島で調べる*/
	--subImageColorRGB:191, 218, 136;
	--subDarkColor:#77A220;
}

html#index-type2 #sub2{
	--subImageColor: #b890c2;/*広島を体感する*/
	--subImageColorRGB:184, 144, 194;
	--subDarkColor:#AE85BC;
}

html#index-type2 #sub3{
	--subImageColor:#fcdb9c;/*日本で調べる*/
	--subImageColorRGB:252, 219, 156;
/*	--subDarkColor:#C98403;*/
	--subDarkColor:#fcdb9c;
}