/**********************************************************
 * メインバー関連										  *
 **********************************************************/

/**********************************************************
 * カスタムプロパティ (※ハイフン2つ"--"で始まる)         *
 **********************************************************/
 :root {

	--clr_title_bar: #dcdcdc;								/* タイトルバーの色：GAINSBORD */
	--clr_title_bar_recruiter: var(--clr_seashell);			/* タイトルバーの色(募集者)DARKORANGE */
	--clr_title_bar_applicant: var(--clr_azure);						/* タイトルバーの色(応募者)DEEPSKYBLUE */
	
	--clr_menu: #dcdcdc;									/* メニューの色 */
	--clr_menu_recruiter: var(--clr_seashell);							/* メニューの色(募集者) */
	--clr_menu_applicant: var(--clr_azure);							/* メニューの色(応募者) */

	--clr_menu_hover: #696969;								/* メニューの色(マウス通過時)：SILVER */
	--clr_menu_hover_recruiter: var(--clr_peachpuff);					/* メニューの色(マウス通過時)CHOCOLATE */
	--clr_menu_hover_applicant: var(--clr_skyblue);					/* メニューの色(マウス通過時)DODGERBLUE */

	--clr_menu_text: black;									/* メニューのテキスト色：black */
	--clr_menu_text_hover: #fdfdfd;							/* メニューのテキスト色(マウス通過時)：gray */
	--clr_hr: #ffffff;										/* WHITE */
	
	--h_title_bar: 40px;									/* タイトルバー高さ */
	--size_logo: 28px;
}


/* メインバータイトル *************************************/
p.p_title_bar_title {
	font-size:16px;											/* テキストサイズ */
	font-weight: bold;										/* 太字 */
	text-align:center;										/* 中央寄せ */
    text-decoration: none;									/* リンクの傍線なし */
}

/* あいさつ文 *********************************************/
p.p_greeting {
	font-size:x-small;										/* フォントサイズ */
	color: black											/* テキスト色 */;
	text-align: center;										/* 中央寄せ */
	padding: 0px 16px;										/* 余白(上下0ピクセル・左右16ピクセル) */
}

/* メインメニュー *****************************************/
.title_bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; 											/* 重なり順：他の要素よりも高い値 */

	background-color: var(--clr_title_bar);					/* 背景色 */
	color: var(--clr_menu_text);							/* テキスト色 */
	display: block;											/* 表示形式(縦並び) */
	margin: 0; /*margin: 1em 1%;*/							/* 外余白 */

	border-top: 0.1px solid #aaaaaa;								/* 枠線 */
	border-bottom: 0.1px solid #aaaaaa;								/* 枠線 */
    border-radius: 0px;	                					/* 角丸サイズ */
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);		/* 周囲のシャドウ効果 */
}

.title_bar.title_bar_recruiter {
	background-color: var(--clr_title_bar_recruiter);		/* 背景色 */
}
.title_bar.title_bar_applicant {
	background-color: var(--clr_title_bar_applicant);		/* 背景色 */
}

.title_bar ul {
	margin: 0;
	padding: 0;												/* 余白(上下左右0) */
}
.title_bar ul li {
	display: inline-block;
	list-style-type: none;
	-webkit-transition: all 0.2s;
	        transition: all 0.2s;
}

/* サブメニューの通常時 ***********************************/
.title_bar > ul > li > div {
	border-top: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
	display: none;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 150px;
	visibility: hidden;
	-webkit-transition: opacity 0.2s;
    z-index: 2000; 											/* 高い値に設定 */
}
.title_bar > ul > li:hover > div {
	display: block;											/* 表示形式(縦並び) */
	opacity: 1;
	visibility: visible;
}
.title_bar > ul > li > div ul > li {
	display: block;											/* 表示形式(縦並び) */
}


/* メインバータイトル *************************************/
a.title_bar_title {
	color: #000000;											/* テキスト色 */
	display: block;											/* 表示形式(縦並び) */
	line-height: var(--h_title_bar);						/* 高さ */
	padding: 0px 0px;										/* 余白(上下10ピクセル・左右0ピクセル) */
	text-decoration: none;									/* リンクの傍線なし */
	font-size: x-small;
}


.right {
	float: right;
}


/* トップメニュー *****************************************/
/* 通常時（800px以上） */
a.top_menu {
    background: var(--clr_menu); 							/* 背景色 */
    color: var(--clr_menu_text); 							/* テキスト色 */
    /*font-size: 14px;*/
    /*font-weight: normal;*/
    /*line-height: var(--h_title_bar);*/ 						/* 高さ */
    display: block; 										/* 表示形式 */
    padding: 0px 0px; /* 余白 */
    /*text-decoration: none;*/
	margin:0px;
	padding:7px;
}

.top_icon {
	display: block !important; /* アイコンを表示 */
	width: 26px; /* アイコンサイズ */
	height: 26px;
	align-items: center; /* 上下中央 */
	/*margin:	7px;*/
	style='align-items: center;

}

/* 800px以上ではアイコンを非表示 */
.menu_icon {
    display: none;
}

/* 800px以下でメニューをアイコンに変更 */
@media (max-width: 400px) {
    a.top_menu {
        display: none; /* テキストメニューを非表示 */
    }
	img.top_icon {
        display: none; /* テキストメニューを非表示 */		
	}
    img.menu_icon {
        display: block !important; /* アイコンを表示 */
        width: 26px; /* アイコンサイズ */
        height: 26px;
		align-items: center; /* 上下中央 */
		margin:	7px;
    }
}

a.top_menu.top_menu_recruiter {
	background: var(--clr_menu_recruiter);							/* 背景色 */
}
a.top_menu.top_menu_applicant {
	background: var(--clr_menu_applicant);							/* 背景色 */
}

/* トップメニュー(マウス通過時) ***************************/
a.top_menu:hover {
	background: var(--clr_menu_hover);						/* 背景色 */
	color: var(--clr_menu_text_hover);						/* テキスト色 */
	font-weight:normal;										/* 文字太さ */
}
a.top_menu.top_menu_recruiter:hover {
	background: var(--clr_menu_hover_recruiter);			/* 背景色 */
}
a.top_menu.top_menu_applicant:hover {
	background: var(--clr_menu_hover_applicant);			/* 背景色 */
}

/* サブメニュー *******************************************/
a.submenu {
	font-size:12px;
	background: var(--clr_menu);							/* 背景色 */
	color: var(--clr_menu_text);							/* テキスト色 */
	font-weight:normal;										/* 文字太さ */
	display: block;											/* 表示形式(縦並び) */
	padding: 6px 6px;										/* 余白(上下6ピクセル・左右24ピクセル) */
	text-decoration: none;
}

a.submenu.submenu_recruiter {
	background: var(--clr_menu_recruiter);					/* 背景色 */
}
a.submenu.submenu_applicant {
	background: var(--clr_menu_applicant);					/* 背景色 */
}


/* サブメニュー(マウス通過時) *****************************/
a.submenu:hover {
	background:  var(--clr_menu_hover);						/* 背景色 */
	color: var(--clr_menu_text_hover);						/* テキスト色 */
	font-size:12px;
	font-weight:normal;										/* 文字太さ */
	display: block;											/* 表示形式(縦並び) */
}
a.submenu.submenu_recruiter:hover {
	background:  var(--clr_menu_hover_recruiter);						/* 背景色 */
}
a.submenu.submenu_applicant:hover {
	background:  var(--clr_menu_hover_applicant);						/* 背景色 */
}


/* アクティブのサブメニュー *******************************/
a.submenu_active {
	font-size:12px;
	background: var(--clr_menu);						/* 背景色 */
	color: var(--clr_menu_text);							/* テキスト色 */
	font-weight:bold;										/* 文字太さ */
	display: block;											/* 表示形式(縦並び) */
	padding: 6px 6px;										/* 余白(上下12ピクセル・左右24ピクセル) */
	text-decoration: none;
}
a.submenu_active.submenu_active_recruiter {
	background: var(--clr_menu_recruiter);						/* 背景色 */
}
a.submenu_active.submenu_active_applicant {
	background: var(--clr_menu_applicant);						/* 背景色 */
}

/* アクティブのサブメニュー(マウス通過時) *****************/
a.submenu_active:hover {
	background: var(--clr_menu_hover);						/* 背景色 */
	color: var(--clr_menu_text_hover);						/* テキスト色 */
	font-weight:bold;										/* 文字太さ */
/*	display: block;*/											/* 表示形式(縦並び) */
}
a.submenu_active.submenu_active_recruiter:hover {
	background: var(--clr_menu_hover_recruiter);						/* 背景色 */
}
a.submenu_active.submenu_active_applicant:hover {
	background: var(--clr_menu_hover_applicant);						/* 背景色 */
}

/* ロゴイメージ *******************************************/
img.img_logo {
	width: var(--size_logo);								/* ロゴ横幅(縦に合わせる) */
	height: var(--size_logo);
	padding: 0px;
	margin:0px;
}


/* トップメニューの区切り線 *******************************/
.top_menu_line {
    border-left-style: solid;  /* 線のスタイルを固定 */
    height: var(--h_title_bar); /* 高さ */
    margin: 0;
    padding: 0;
}
/* 256 */