body
{
	min-width: 980px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}
/* 
::::::::::::::::::::::::::::::::::::::::::;
全体
::::::::::::::::::::::::::::::::::::::::::;
*/

#content-wrapper
{
	background-color: hsl(158,15%,96%)
}

._page-container
{
	width:100%;
	height:100vh;
	background-color:  hsl(158,15%,80%);
}

._radio_label
{
	margin-top: 0px;	/*boostrapを無効化*/
	margin-right:20px;
	margin-bottom:0px;		/* boostrapデフォルトのマージンを無効化 */
}

input[type='radio']
{
	opacity: 0;
	display:none;
}

._radio-box
{
	display: inline-block;
}

._radio
{
	border:1px solid hsl(0,0%,60%);
	border-radius: 10px;
	width:17px;
	height:17px;
	margin-top:4px;
	margin-right:5px;
	background-color: white;
	display: inline-block;
	font-weight: 400;	
}

._radio-point
{
	width: 9px;
	height: 9px;
	border-radius: 4.5px;
	margin: 3px;
	display: block;
	background-color: hsl(158,100%,30%);
}


._radio-title
{
	display: inline;
	margin-top: -4px;
	margin-bottom:0px;
	margin-right:22px;
	font-size:16px;
	font-weight:400;
	vertical-align: 4px;
}

._radio-title-small
{
	margin-right:16px;
	font-size:13px;
}

._radio-title-form
{
	font-size:13px;
	font-weight:bold;
}

input[type='radio'] + ._radio > ._radio-point
{
	opacity: 0
}

input[type='radio']:checked + ._radio > ._radio-point
{
	opacity:1;
}

/* 
::::::::::::::::::::::::::::::::::::::::::;
特殊
::::::::::::::::::::::::::::::::::::::::::;
*/

.td-radiotable
{
	width:50%;
	padding:16px 16px 0px 16px;
	vertical-align: top;
}

.li-radiotable
{
	font-size:13px;
	margin-bottom: 8px;
}


.td-radiotable-border
{
	border-right: 1px solid hsl(0,0%,90%);
}




/* 
::::::::::::::::::::::::::::::::::::::::::;
loadingView
::::::::::::::::::::::::::::::::::::::::::;
*/

#_loading-view
{
	z-index: 1000000;
	background-color: hsla(158,15%,85%);
	position:fixed;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100vh;
}

	#_loading-box
	{
		position: absolute;
		width:100px;
		height:30px;
	}

		#_loading-text
		{
			position: absolute;
			font-size:14px;
			color:hsl(158,20%,60%);
			text-align: center;
		}

/* 
::::::::::::::::::::::::::::::::::::::::::;
フローティングウインドウ
::::::::::::::::::::::::::::::::::::::::::;
*/

#_floating_wrapper
{
	z-index: 1000000;
	background-color: hsla(0,0%,20%,0.3);
	position:fixed;
	display:none;
	top:0;
	left:0;
}

._floating_window
{
	position:fixed;
	background-color: white;
	border-radius: 8px;
	border:1px solid hsl(0,0%,90%);
	box-shadow: 0px 0px 10px 5px hsl(0,0%,70%);
}

._floating_window > header
{
	border-radius: 8px 8px 0 0;
	background-color:hsl(158,40%,95%);
	width:100%;
	border:1px solid hsl(158,10%,90%);
	box-sizing: border-box;
}

._floating_window > footer
{
	border-top:1px solid hsl(0,0%,90%);
	width:100%;
	padding-top:10px;
	box-sizing: border-box;
}

._floating_window > main
{
	overflow-y: scroll;
}

._floating_window > main > .main-content
{
	padding-top:5px;
}


.td-device-check
{
	padding-left:40px;
}

.device-table-th
{
	padding-top:6px;
	padding-bottom:6px;
	background-color: hsl(158,0%,97%);
	border-bottom:1px solid hsl(0,0%,95%);
	font-weight: 500;
}

.device-table-td
{
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:1px solid hsl(0,0%,95%);
	font-size:15px;
	font-weight: 400;
}

.device-table-td
{
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:1px solid hsl(0,0%,95%);
	font-size:15px;
	font-weight: 400;
}

._checkbox_label
{
	width:100%;
	box-sizing: border-box;
	border-bottom:1px solid hsl(0,0%,98%);
	padding-left:30px;
	padding-top:10px;
	padding-bottom:11px;
	font-size:16px;
	font-weight:500;
	margin-bottom:0px;	/*boostrapデフォルトのマージンを無効化*/
}

/*
================================
共通チェックボックス
================================	
*/

._checkbox_label:hover
{
	background-color: hsl(0,0%,95%);
}

._checkbox_label > input[type='checkbox']
{
	opacity: 0;
}

._checkbox
{
	border:2px solid hsl(0,0%,60%);
	width:24px;
	height:24px;
	border-radius: 2.5px;
	margin-right:16px;
	display: inline-block;
	text-align: center;
	background-color: white;
}

input[type='checkbox'] + ._checkbox > i
{
	font-size:18px;
	opacity: 0
}

input[type='checkbox']:checked + ._checkbox > i
{
	color:hsl(158,100%,30%);
	opacity:1;
}

/*
================================
入力フォーム
================================	
*/
._form-radio
{
	margin-top:8px;
}

._form-unit
{
	float:left;
	margin-top:9px;
	font-size:16px;
	margin-left:8px;
}

/*
================================
グリッドテーブル
================================	
*/
.container-fluid
{
	padding: 27px 28px 26px 25px;
}

._grid-table
{
	border:1px solid hsl(0,0%,90%);
	border-radius:8px;
}


._grid-ul
{
	margin-block-start: 10px;
	margin-bottom:20px;
	padding-inline-start:20px;
}

/* 
::::::::::::::::::::::::::::::::::::::::::;
フッター
::::::::::::::::::::::::::::::::::::::::::;
*/

._btn-custom
{
	background-color: hsl(158,100%,35%);
	border-color: hsl(158,100%,30%);
}


._btn-text
{
	border-radius: 8px;
	background-color: hsl(158,10%,95%);
	border-color: hsl(158,0%,80%);
	cursor:pointer;
}

._btn-text:hover
{
	background-color: hsl(158,0%,90%);
	border-color: hsl(158,0%,70%);
	cursor:pointer;
}

/* 
::::::::::::::::::::::::::::::::::::::::::;
テーブルをカスタマイズ
::::::::::::::::::::::::::::::::::::::::::;
*/

._bg-table-odd
{
	background-color: hsl(152,10%,98%);
}

._table-label
{
	width:220px;
	margin-top:10px;
	font-size: 14px;
	padding-left: 17px;
	padding-right:0px;
}

._table-confirm-text
{
	margin-top:10px;
	font-size:16px;
}

/* boostrapデフォルトを上書き */
.form-control-static
{
	border-width:0px;
	background-color: hsla(0,0%,0%,0);
}


/* boostrapデフォルトを上書き */
.table>tbody>tr>td,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th
{
	vertical-align: middle;
}


/* 
::::::::::::::::::::::::::::::::::::::::::;
UIパーツをカスタマイズ
::::::::::::::::::::::::::::::::::::::::::;
*/

._box-body-custom
{
	padding:20px;
	margin:15px;
}

/* boostrapデフォルトを上書き */
.form-group:before
{
	padding-top:7px;
}

/* boostrapデフォルトを上書き */
.form-group:after
{
	padding-bottom:7px;
	margin-bottom: 14px;
}




/*
新規登録ボタン
*/
/*
検索
*/



/* 
::::::::::::::::::::::::::::::::::::::::::;
サイドバーをカスタマイズ
::::::::::::::::::::::::::::::::::::::::::;
*/

/* 
::::::::::::::::::::::::::::::::::::::::::;
AdminLTEデフォルトのサイドバーの幅を変更
::::::::::::::::::::::::::::::::::::::::::;
*/

/* boostrapデフォルトを上書き */
.content-wrapper,
.right-side,
.main-footer,
.main-header > .navbar
{
	margin-left: 260px;
}

/* boostrapデフォルトを上書き */
.main-header > .logo,
.main-sidebar,
.left-side
{
	width: 260px;
}


/* 
::::::::::::::::::::::::::::::::::::::::::;
クリアーフィックスのオプション
::::::::::::::::::::::::::::::::::::::::::;
*/

.clearfix--0{	clear:both;	height:0px;		}
.clearfix--5{	clear:both;	height:5px;		}
.clearfix--10{	clear:both;	height:10px;	}
.clearfix--15{	clear:both;	height:15px;	}
.clearfix--20{	clear:both;	height:20px;	}
.clearfix--25{	clear:both;	height:25px;	}
.clearfix--30{	clear:both;	height:30px;	}
.clearfix--35{	clear:both;	height:35px;	}
.clearfix--40{	clear:both;	height:40px;	}
.clearfix--50{	clear:both;	height:50px;	}
.clearfix--60{	clear:both;	height:60px;	}
.clearfix--70{	clear:both;	height:70px;	}
.clearfix--80{	clear:both;	height:80px;	}
.clearfix--90{	clear:both;	height:90px;	}