@charset "utf-8";

/*-----------------------------------------
ヘッダー
-------------------------------------------*/
header{
	background-color:#ffb188;/*-----３機関長[カラー:オレンジ]*/
}

.log-in-btn:hover{
    background-color:rgba(206,72,0,0.5);/*-----３機関長[カラー:オレンジ]#CE4800*/
}


/*--------------------------------------
左メニュー
----------------------------------------*/
nav { 
    background-color: #f8ded2;/*----３機関長[カラー:オレンジ]*/
}


/*--------------------------------------
個人情報
----------------------------------------*/

.person-info{
	background-color:#ff9b65;/*----３機関長[カラー:オレンジ#]*/
}



/*-----アコーディオンメニュー----------*/

.menu{
	color:#542D17;/*----------------３機関長[カラー:オレンジ]濃黒　オレンジ　文字*/
}

.menu a{
	color:#542D17;/*----------------３機関長[カラー:オレンジ]濃黒　オレンジ　文字*/
}

.menu ul li.header:hover, 
.menu ul li.header:hover a {/*hover時のliカラー*/
	background-color: rgba(255,174,104,1.0);/*----３機関長[カラー:オレンジ]#ffae68*/
}

.menu ul li.header.open,
.menu ul li.header.open a {/*open時のliカラー*/
	background-color: rgba(255,174,104,0.6);/*----３機関長[カラー:オレンジ]#ffae68*/
	color: #643D28;/*----------------３機関長[カラー:オレンジ]濃黒　オレンジ　文字*/
}



/*---矢印 設定---*/


.menu ul li.header span::after {/*fontawesome　背景:白の場合の矢印*/
	color:#f88140;/*----３機関長[カラー:オレンジ#]*/
}

.menu ul li.header.open span::after {/*fontawesome .open時の矢印*/
	color:#f88140;/*----３機関長[カラー:オレンジ#]*/
}

.menu ul li.header .open:hover > span::after {/*liの.openで　hoverの場合：矢印 のカラー*/
	color:#f88140;/*----３機関長[カラー:オレンジ#]*/
}


/*インナー設定*/

.menu ul .accordion_inner > li{/*第二下層のインナーliカラー*/	
	background-color: rgba(255,174,104,0.1);/*----３機関長[カラー:オレンジ]#ffae68*/
}

.menu ul .accordion_inner > .accordion_inner > li a{/*第三下層のliのカラー*/
	background-color: rgba(255,174,104,0.2);/*----３機関長[カラー:オレンジ]#ffae68*/
}



/*------------------------------------------
テーブル
--------------------------------------------*/


/*テーブル1----thがヨコ並び
-----------------------------------------------------*/

.ta1 th{
	background-color: #fce6dc;/*-----３機関長[カラー:オレンジ]*/
}



/*テーブル２----thがタテ並び
-----------------------------------------------------*/

.ta2 th{
	background-color: #fce6dc;/*-----３機関長[カラー:オレンジ]*/
}



/*テーブル３----thがヨコ並び（th項目が多い場合）
-----------------------------------------------------*/

.ta3 th{
	background-color: #fce6dc;/*-----３機関長[カラー:オレンジ]*/
}



/* -----------------------------------------------------------
	テーブル表のボタン
----------------------------------------------------------- */

.table-btn-01{
	background-color:#ffb188;/*-----３機関長[カラー:オレンジ]*/
}

.table-btn-01:hover, .table-btn-01 a:hover{
    background-color: rgba(206,72,0,0.7);/*-----３機関長[カラー:オレンジ]*/
}

/*-----------------------------------------
フォーム＿radio
-----------------------------------------*/

.radio:checked + .radio-icon:before {
  color:#ff9b65;/*----------------------３機関長[カラー:オレンジ]*/
}

/*-----------------------------------------
フォーム＿checkbox 
-----------------------------------------*/

.checkbox:checked + .checkbox-icon:before {
  color:#ff9b65;/*----------------------３機関長[カラー:オレンジ]*/
}


/*-----------------------------------------
フォーム＿submitボタン＿０１
-----------------------------------------*/

.submit-btn-01 {
	background : #ffb188;/*----------------３機関長[カラー:オレンジ]*/
	border: 2px solid #ffb188;/*-----------３機関長[カラー:オレンジ]*/
}

.submit-btn-01:hover {
	color : #542d17; /*--------------------３機関長[カラー:オレンジ]*/
    background :#FFCCB0;/*-----------------３機関長[カラー:オレンジ]*/
	border: 2px solid #FFCCB0;/*-----------３機関長[カラー:オレンジ]*/
}


/*-----------------------------------------
フォーム＿submitボタン＿０２
-----------------------------------------*/

.submit-btn-02 {
	color :  #ff9b65;/*--------------------３機関長[カラー:オレンジ]*/
	border: 2px solid #ffb188;/*-----------３機関長[カラー:オレンジ]*/
}

.submit-btn-02:hover {
	background :#FFCCB0;/*------------------------各カラー*/     
    color : #542d17;/*-----------------------------各カラー*/ 
	border: 2px solid #FFCCB0;/*---------------------各カラー*/ 
}