@charset "utf-8";

/*-----------------------------------------
ヘッダー
-------------------------------------------*/
header{
	background:#c89fd3;/*-----２審査委員[カラー:紫]*/
}

.log-in-btn:hover{
    background-color:rgba(130,74,144,0.5);/*----２審査委員[カラー:紫]＃824a90*/
}


/*--------------------------------------
左メニュー
----------------------------------------*/
nav { 
    background-color: #e8d9ec;/*-----２審査委員[カラー:紫]*/
}


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

.person-info{
	background-color:#bf80cd;/*-----２審査委員[カラー:紫]*/
}



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

.menu{
	color: #683475;/*----------------２審査委員[カラー:紫]濃黒　紫　文字*/
}

.menu a{
	color: #683475;/*----------------２審査委員[カラー:紫]濃黒　紫　文字*/
}

.menu ul li.header:hover, 
.menu ul li.header:hover a {/*hover時のliカラー*/
	background-color: rgba(215,154,230,1.0);/*----２審査委員[カラー:紫]#d79ae6*/
}

.menu ul li.header.open,
.menu ul li.header.open a {/*open時のliカラー*/
	background-color: rgba(215,154,230,0.6);/*----２審査委員[カラー:紫]#d79ae6*/
	color: #683475;/*----------------２-濃黒　紫　文字*/
}



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


.menu ul li.header span::after {/*fontawesome　背景:白の場合の矢印*/
	color: #b67fc4;/*----２審査委員[カラー:紫]*/
}

.menu ul li.header.open span::after {/*fontawesome .open時の矢印*/
	color: #b67fc4;/*----２審査委員[カラー:紫]*/
}

.menu ul li.header .open:hover > span::after {/*liの.openで　hoverの場合：矢印 のカラー*/
	color: #b67fc4;/*----２審査委員[カラー:紫]*/
}


/*インナー設定*/

.menu ul .accordion_inner > li{/*第二下層のインナーliカラー*/	
	background-color: rgba(215,154,230,0.1);/*----２審査委員[カラー:紫]#d79ae6*/
}

.menu ul .accordion_inner > .accordion_inner > li a{/*第三下層のliのカラー*/
	background-color: rgba(215,154,230,0.2);/*----２審査委員[カラー:紫]#d79ae6*/
}



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


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

.ta1 th{
	background-color: #f1e6f4;/*--２審査委員[カラー:紫]*/
}



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

.ta2 th{
	background-color: #f1e6f4;/*--２審査委員[カラー:紫]*/
}



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

.ta3 th{
	background-color: #f1e6f4;/*--２審査委員[カラー:紫]*/
}



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

.table-btn-01{
    background-color: #c89fd3;/*--２審査委員[カラー:紫]*/
}

.table-btn-01:hover, .table-btn-01 a:hover{
    background-color:rgba(130,74,144,0.8);/*--２審査委員[カラー:紫]#824a90*/
}

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

.radio:checked + .radio-icon:before {
  color:#bf80cd;/*----------------------２審査委員[カラー:紫]*/
}

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

.checkbox:checked + .checkbox-icon:before {
   color:#bf80cd;/*----------------------２審査委員[カラー:紫]*/
}


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

.submit-btn-01 {
	background : #c89fd3;/*----------------２審査委員[カラー:紫]*/ 
	border: 2px solid #c89fd3;/*-----------２審査委員[カラー:紫]*/
}

.submit-btn-01:hover {
	color : #683475; /*---------------------------各カラー*/ 
    background :#DFC6E6;/*------------各カラー*/ 
	border: 2px solid #DFC6E6;/*--------各カラー*/
}


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

.submit-btn-02 {
	color :  #bf80cd;/*--------------------２審査委員[カラー:紫]*/ 
	border: 2px solid #c89fd3;/*-----------２審査委員[カラー:紫]*/
}

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