@charset "utf-8";

/*----------------------------------------------
    .l_wrap
---------------------------------------------*/
.l_wrap {
	max-width: var(--wrap);
	margin-right: 0 auto;
}

/*----------------------------------------------
    .l_page
---------------------------------------------*/
.l_page {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	/*default background: var(--background);*/
	/*ontest*/
	background: var(--pagebackground);
	/*default null*/
	color: var(--pagefontcolor);
	
}

/*----------------------------------------------
    .l_header_area
---------------------------------------------*/
.l_header_area {
	/*default color: #fff;*/
	color: #ffffff !important;
	/*default background: linear-gradient(90deg, #365820 0%, #639145 100%);*/
	background: linear-gradient(90deg, var(--headerbackground) 0%, var(--headerbackground) 100%);
	padding: 10px 0;
	box-shadow: 0 3px 20px 0 #2f482033;
	position: relative;
	vertical-align:bottom;
	z-index: 999;
}

	.l_header_area .l_header_inner {
		display: flex;
		justify-content: space-between;
		margin-left: 30px;
		margin-right: 10px;
		align-items: center;
		color: var(--headerfontcolor);
	}
#systemTitle {
	color: var(--headerfontcolor);
	text-decoration: none;
}
.followheader {
	color: var(--headerfontcolor);
	text-decoration-color: var(--headerfontcolor);
}
/*----------------------------------------------
    .l_contents
---------------------------------------------*/
.l_contents {
	display: flex;
	gap: 30px;
	min-height: calc(100vh - 60px);
	flex-grow: 1;
}

/*----------------------------------------------
    .l_nav
---------------------------------------------*/
.l_nav {
	align-content: center normal;
	background: var(--navbarbackground);
	width: 200px;
	box-shadow: 0 0 10px 0 #2f482011;
	flex-shrink: 0;
	padding: 30px 0;
}

/*----------------------------------------------
    .l_main
---------------------------------------------*/
.l_main {
	padding: 30px 0;
	width: 100%;
	position: relative;
	color: var(--pagefontcolor);
	
}

/*----------------------------------------------
    .l_table_wrap 高さはcustom.js
---------------------------------------------*/
.l_table_wrap {
	min-height: 430px;
	/*overflow-y: scroll;*/
	overflow-y: visible;
	box-shadow: 0 0 10px 0 #2f482011;
	/*default null*/
	background-color: #fff;
	/*default null*/
	color: #000000;
	padding-bottom: 30px;
	
	flex: 1;
	flex-grow: 1;
	flex-direction: column;
	display: flex;
}

/*----------------------------------------------
    .l_search
---------------------------------------------*/
.l_search {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	/*default background: #e6ebe3;*/
	background: var(--searchbackground);
	/*default null*/
	color: var(--searchfontcolor);
	padding: 10px 20px;
	position: relative;
}
.followsearch {
	color:var(--searchfontcolor);
}
/*----------------------------------------------
    .breadcrumb
---------------------------------------------*/
.breadcrumb-item{
	color:var(--pagefontcolor);
}