@charset "utf-8";





.loader-bg {
  align-items: center; /* 上下左右中央 */
  background-color: #ffffff;
  display: flex; /* 上下左右中央 */
  height: 100vh; /* 縦いっぱい */
  justify-content: center; /* 上下左右中央 */
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw; /* 横幅いっぱい */
  z-index: 9999;
}


/*---------------------------------------------------------------------------*/
/*全体の設定*/
/*---------------------------------------------------------------------------*/
html {
	margin: 0;
	padding: 0;
	height:100%;
}

body {
	color:#000; /*全体の文字色*/
	background:#F6F7F8 !important;
	margin: 0;
	padding: 0;
	font: 14px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";	/*文字サイズ/行間、フォントファミリー*/
	overflow-x:auto;
	overflow-y:scroll;
	width:100%;
	height:100%;
}
.main {
	width:calc(100% - 20px);
	padding-top:100px;
	padding-bottom:10px;
	padding-left:20px;
	/*padding-right:20px;*/
	color:#000;
	/*background:red;*/
}

/*container
-----------------------------------------------------------------------------*/
#container {
	min-width:1180px;
	width:100%;
	
	/*footer固定*/
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
/*footer
-----------------------------------------------------------------------------*/
footer {
	width: 100%;
	text-align: center;

	background:#757575;
	border-top:1px solid #5D7882;
	color:#fff;
	
	/*footer固定*/
	margin-top: auto;
}
/*header admin
-----------------------------------------------------------------------------*/
/*
header {
	min-width:1180px;
	width:100%;
}
*/
.header {
	background:#FFF;
	padding-left:20px;
	padding-right:20px;
	position: fixed;
	topp:0px;
	width:100%;
	z-index:12;
}
.menu-left{

}

.user {
	position:fixed;
	top: 45px;
	right:20px;
	
	width:240px;
	
	background:#FFF;
	text-align:center;
	
	padding:3px 6px;
	border-radius: 10px;
	border:1px solid #cfcfcf;
	z-index:11;
}
.logout{
	position:fixed;
	top: 60px;
	right:25px;
	text-decoration:underline;
	z-index:11;
}
.logout a{
	color:#FFF;
}
.title_logo{
	width:auto;
}
/*header client
-----------------------------------------------------------------------------*/
.cli-header {
	background:#045CEA;
	width:100%;
	margin-top:0px;
	padding:8px 20px;
	height:40px;
	position: fixed;
	z-index:10;
}

/* メニュー
-----------------------------------------------------------------------------*/
.menu-fleft{
	width:40%;
}
.menu-fright{
	width:60%;
}
.navbar-brand img{
	width:80%;
}
.nav-menu li a {

}
/*
.navbar{
	margin:0;
	padding:0 20px;
	background:#FFF;
	color:#000!important;
	height:53px;
}
.navbar-nav{
	width:900px;
	padding:5px 0;
	color:#000!important;
	background:#FFF;
}
.nav-item{
	border-radius: 0;
	border-right:1px dotted #000;
}
.nav-item:first-child {
	border-left:1px dotted #000;
}
.nav-link{
	margin:3px;
	border-radius: 0;
}
.nav-item:hover{
	background:#72A7FC;
}
.navbar-nav > li.active > a,
.navbar-nav > li.active:focus > a,
.navbar-nav > li.active:hover > a,
.navbar-nav > li.active > a:focus,
.navbar-nav > li.active:focus > a:focus,
.navbar-nav > li.active:hover > a:focus {
	background:#72A7FC;
	color:#000!important;
}
.navbar-nav > li:hover > a,
.navbar-nav > li:focus > a,
.navbar-nav > li:show > a,
.navbar-nav > li:hover > a:focus,
.navbar-nav > li:focus > a:focus {
	background:#72A7FC;
	color:#000!important;
}
*/
/*bootstrap上書き*/
/*
.dropdown-item:hover, .dropdown-item:focus {
	background:#72A7FC;
	color:#000!important;
}

.dropdown-item.active, .dropdown-item:active {
	color:#000!important;
	background-color: #72A7FC;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color:#000!important;
	background-color: #BDD6FE;
}
*/
/*パンくず
-----------------------------------------------------------------------------*/
.breadcrumb-m {
	background:#045CEA;
	width:100%;
	margin-top:0px;
	padding:8px 20px;
	height:40px;
	position: fixed;
	top:40px;
	z-index:10;
}

.breadcrumb {
	margin: 0;
	padding: 0;
	list-style: none;
	background:#045CEA;
	color:#FFF;
}

.breadcrumb-item + .breadcrumb-item::before {
	color:#FFF !important;

	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0da";
	padding-top:3px;
	padding-left:5px;
}
.breadcrumb li {
	color:#FFF !important;
}
.breadcrumb li a {
	color:#FFF !important;
}
/*テーブル 検索画面用・レスポンシブ時にblock表示に切り替わる
-----------------------------------------------------------------------------*/
.search {
	border:1px solid #AAA;
	margin-bottom:10px;
	/*border-radius:6px;*/
	color:#000;
	overflow:hidden;
	z-index:6;
}
.search .head {
	background:#CCD6EA;
	color:#000;
	padding:5px 15px;
	z-index:6;
}
.search .body {
	background:#F4F7FE;
	padding:20px 40px 0 40px;
	z-index:6;
}
.search .ttl {
	border-bottom:1px solid #0F2E5D;
}
/* コンテナ側の設定 */
.s-container {
	display: grid;
	width:100%;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px;
}
/* アイテム側の設定 */
.s-item {
}
.s-th{
	border-bottom:1px solid #0F2E5D;
}
.s-td{
	padding:5px 0;
}
/*モーダル*/
.s-container_mdl{
	display: grid;
	width:100%;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

/*タイトル
-----------------------------------------------------------------------------*/
h2 {
	font-size: 16px;
	padding: 8px 0px 8px 20px;  /*左から、上、右、下、左のボックス内の余白*/

	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	box-shadow: 1px 2px 3px #e2e2e2;      /*同上*/
	border: 1px solid #CCC;
	
	text-align:left;
	color:#333333;
	font-weight:bold;
	
	margin-top:0;
	margin-bottom:10px;
}

h2:before {
	content: "\f0da\ ";
	font-family: "Font Awesome 5 Free";
	color:#005BE5;
	white-space: pre ;
	font-size: 14px;

}
/*form
-----------------------------------------------------------------------------*/
.row {
	margin: 0;
	padding: 0;
}
label {
	color:#000;
}
.form-control {
	height:30px;
	padding:0 5px;
	color:#000;
}

.form-check{
	padding-left:0;
	padding-right:1em;
	vertical-align:middle !important;
}
.form-check-input {
	margin:0;
	padding:0;
	margin-top:3px;
	vertical-align:middle !important;
}
.form-check-label {
	margin:0;
	padding:0;
	margin-left:17px;
}


/*
.form-check-inline {
	width:100px;
	margin:0;
	padding:0;
}
/*フォーム部品枠
-----------------------------------------------------------------------------*/
.formbox{
	background:#F4F7FE;
	background:#FFF;
	border:1px solid #A5A5A5;
	text-align:center;
	padding:10px;
	margin:0;
	
	height:470px;
}
.formbox-l{
	background:#F4F7FE;
	background:#FFF;
	border:1px solid #A5A5A5;
	text-align:center;
	padding:10px;
	margin:0;
	
	height:570px;
}
.sc-y{
	overflow-y:scroll!important;
}
/*エラー表示のアイコン非表示*/
.was-validated .form-control:invalid, .form-control.is-invalid {
  background-image:none;
  padding-right: 0;
}
/*select2 枠*/
.select_box {
	height:30px;
	padding:0;
	border:0;
}
.select2-container--default .select2-selection--single {
  border:1px solid #ccc;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid red 1px;
  outline: 0; }
  

/*
.breadcrumb-search label {
	font-size: 14px;
	color:#000;
}
.breadcrumb-search .form-control {
	font-size: 14px;
	color:#000;
}
.breadcrumb-search .form-check{
	font-size: 14px;
	vertical-align:middle !important;
}
.breadcrumb-search .form-check-input {
	font-size: 14px;
	vertical-align:middle !important;
}
*/
.search label {
	font-size: 14px;
	color:#000;
}
.search .form-control {
	font-size: 14px;
	color:#000;
}
.search .form-check{
	font-size: 14px;
	vertical-align:middle !important;
}
.search .form-check-input {
	font-size: 14px;
	vertical-align:middle !important;
}
/*ページネーション
-----------------------------------------------------------------------------*/
#nav_page{
	margin:0;
	padding:0;
	margin-bottom:10px;
	font-size:11px;
}

#nav_page .pg_link{
	border:1px solid #ccc;
	text-align:center;
	padding:3px 10px;
	text-decoration: none;
}
#nav_page .pg_active{
	border:1px solid #ccc;
	text-align:center;
	padding:3px 10px;
	background:#B8CADD;
}
#nav_page a:hover {
	background:#DDDDDD;
}
.pg-cnt{
	font-size:14px;
	color:#333;
	margin-top:5px;
}
.pg-cnt::before{
	content: "データ件数：" !important;
}
/* コンテナ側の設定 */
.pg-container {
	display: grid;
	width:100%;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:"pg line";
}
/* アイテム側の設定 */
.pgItem {
	grid-area: pg;
}

.cntItem {
	grid-area: cnt;
}

.lineItem {
	grid-area: line;
}
/* コンテナ側の設定 */
.btn-container {
	display: grid;
	width:100%;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:"left right";
	
	border:1px solid #ccc;
	padding:8px;
	background:#CCD6EA;
}
/* アイテム側の設定 */
.leftItem {
	grid-area: left;
}
.rightItem {
	grid-area: right;
	text-align:right;
}
/*表示ライン
-----------------------------------------------------------------------------*/
.line-wrap {
	display: flex;
	flex-wrap: wrap;
	margin:0;
	margin-top:5px;
	margin-bottom:5px;
	padding:0;
	color:#000;
	height:20px;
	justify-content: end;
}
.line-wrap:before{
	padding-right:20px;
	content: '表示件数';
}
.line-switch {
	display: none;
}
.line_page {
	margin:0;
	padding:0;
	border-right:1px solid #ccc;
	height:20px;
	text-align:center;
}
.line-label{
	padding:0;
	cursor: pointer;
	text-align:center;
	width:60px;
}
.line_page:hover{
	background:#BDD6FE;
}
.line-wrap .active{
	background:#BDD6FE;
}
/*テーブル リスト用
-----------------------------------------------------------------------------*/

.tblbox{
	width:100%;
	/*overflow-x: scroll;*/
}

.tbl-lst {
	width:100%;
	font-size:12px;
	color:#000;
}
.tbl-lst th {
	line-height:1.2em;
	padding:3px 3px;
	font-weight:normal;
	text-align:center;
	border:1px solid #A5A5A5;
	background:#CCD6EA;
}

.tbl-lst td {
	line-height:1.2em;
	padding:3px 3px;
	border:1px solid #A5A5A5;
	word-wrap:break-word;
	word-break: break-all;
}
/* 縦スクロール時に固定する */
.tbl-lst thead th {
	position: -webkit-sticky;
	position: sticky;
	top: 79px;
	/* tbody内のセルより手前に表示する */
	z-index: 1;
}
.tbl-lst thead th:first-child {
	/* ヘッダー行内の他のセルより手前に表示する */
	z-index: 2;
}
.tbl-modal {
	width:100%;
	font-size:12px;
	color:#000;
}
.tbl-modal th {
	line-height:1.2em;
	padding:3px 3px;
	font-weight:normal;
	text-align:center;
	border:1px solid #A5A5A5;
	background:#CCD6EA;
}

.tbl-modal td {
	line-height:1.2em;
	padding:3px 3px;
	border:1px solid #A5A5A5;
	word-wrap:break-word;
	word-break: break-all;
}
/* 縦スクロール時に固定する */
.tbl-modal thead th {
	position: -webkit-sticky;
	position: sticky;
	top: -10px;
	/* tbody内のセルより手前に表示する */
	z-index: 1;
}
.tbl-modal thead th:first-child {
	/* ヘッダー行内の他のセルより手前に表示する */
	z-index: 2;
}


/*DIV EDT用
-----------------------------------------------------------------------------*/
/* コンテナ側の設定 */
/*2列*/
.edt-container {
  display: grid;
  width:100%;
  grid-template-columns: 120px 1fr 120px 1fr;
}
/*1列*/
.edt-container-1 {
  display: grid;
  width:100%;
  grid-template-columns: 160px 1fr;
}
/* アイテム側の設定 */
.edt-th {
	padding:2px 5px;
	border-left:1px solid #9494B2;
	border-bottom:1px solid #9494B2;
	background:#CCD6EA;
	text-align:center;
	color:#000;
	padding:5px 0;
}
.edt-td {
	padding:5px 5px!important;
	border-left:1px solid #9494B2;
	border-bottom:1px solid #9494B2;
	color:#000;
	background:#F4F7FE;
}
	.edt-td-2 {
		border-right:1px solid #9494B2;
	}
	
	.edt-th-1-t {
		border-top:1px solid #9494B2;
	}
	.edt-th-2-t {
		border-top:1px solid #9494B2;
	}
	.edt-td-1-t {
		border-top:1px solid #9494B2;
	}
	.edt-td-2-t {
		border-top:1px solid #9494B2;
	}
	.edt-td-0-t {
		border-top:0;
	}

/*テーブルみたいなグリッド*/
.lst-container {
  display: grid;
  grid-template-columns: repeat(5, auto);
  width:100%;
  font-size:12px;
}

.lst-row {
  display: contents;
}
.lst_i1-1{
	grid-column:1 / 2;
}
.lst_i1-2{
	grid-column:2 / 3;
}
.lst_i1-3{
	grid-column:3 / 4;
}
.lst_i1-4{
	grid-column:4 / 5;
}
.lst_i1-5{
	grid-column:5 / 6;
}
.lst_i2{
	grid-column:1 / span 5;
}
.lst-td {
  padding: 4px;
  text-align: center;
	border-bottom:1px solid #A5A5A5;
	border-left: solid 1px #A5A5A5;
}

.lst-td:last-of-type {
  border-right: solid 1px #A5A5A5;
}

.lst-th {
  padding: 4px;
  text-align: center;
  border-top: solid 1px #A5A5A5;
  border-bottom: solid 1px #A5A5A5;
  border-left: solid 1px #A5A5A5;
  background:#CCD6EA;
}

.lst-th:last-of-type {
  border-right: solid 1px #A5A5A5;
}
.lst-th_sp {
  display:none;
}
/*ボタン枠
-----------------------------------------------------------------------------*/
.btnbox{
	background:#F4F7FE;
	background:#FFF;
	border:1px solid #A5A5A5;
	text-align:center;
	padding:10px;
	margin:20px 0;
}
/*ボタンサイズ
-----------------------------------------------------------------------------*/
.btn {
	border-radius: 0;
}
.btn-menu {
	font-size: 16px;
	width:280px;
}
.btn-lg {
	font-size: 16px;
	width:200px;
}
.btn-sm {
	font-size: 14px;
	width:100px;
}
.btn-sm-ex {
	font-size: 14px;
	padding:3px 8px;
}
.btn-sm-l {
	font-size: 14px;
	width:140px;
}
.btn-xs {
	font-size: 12px;
	width:48px;
	padding:3px 0;
}
.btn-xs-l {
	font-size: 12px;
	width:76px;
	padding:3px 2px;
}
.btn-xs-ex {
	font-size: 12px;
	padding:3px 8px;
}
.btn-xs_1 {
	font-size: 12px;
	width:28px;
	padding:3px 0;
}
.btn-xxs {
	font-size: 11px;
	width:38px;
	padding:3px 2px;
}
.btn-xxs-l {
	font-size: 11px;
	width:80px;
	padding:3px 2px;
}
.btn-xxxs {
	font-size: 11px;
	width:22px;
	padding:3px 2px;
}

/*ボタン位置
---------------------------------------------------------------------------*/
.col-btn-xs{
	display: inline-block;
	width:46px;
}
.col-btn-xs-l{
	display: inline-block;
	width:76px;
}

.col-btn-xxs{
	display: inline-block;
	width:38px;
}
.col-btn-xxs-l{
	display: inline-block;
	width:80px;
}
.col-btn-xxxs{
	display: inline-block;
	width:22px;
}
/*ボタン色
---------------------------------------------------------------------------*/
.btn-normal{
	background:#727272;

	color:#FFF;
	border: 1px solid #595959;
}
.btn-normal:hover{
	background:#CCC;
	color:#fff;
}
.btn-danger{
	border: 1px solid #AF0516;
/*bootstrap設定のまま*/
}
.btn-danger:hover{
/*bootstrap設定のまま*/
}
.btn-back{
	border: 1px solid #BCBCBC;
	background: #ffffff;
	background: -moz-linear-gradient(top,	#ffffff 0%, #f3f3f3 80%, #f3f3f3 80%, #ededed 100%, #ffffff 100%);
	background: -webkit-linear-gradient(top,	#ffffff 0%,#f3f3f3 80%,#f3f3f3 80%,#ededed 100%,#ffffff 100%);
	background: linear-gradient(to bottom,	#ffffff 0%,#f3f3f3 80%,#f3f3f3 80%,#ededed 100%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	color:#000;
}
.btn-back:hover{
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,	#ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	background: -webkit-linear-gradient(top,	#ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	background: linear-gradient(to bottom,	#ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.btn-output{
	border: 1px solid #BCBCBC;
	background:#D0FEBD;
	color:#000;
}
.btn-output:hover{
	background:#F6FFF2;
	color:#000;
}
.btn-etc{
	border: 1px solid #70C8FE;
	background:#BDE5FE;
	color:#000;
}
.btn-etc:hover{
	background:#8AD1FE;
	color:#000;
}
.btn-end{
	border: 1px solid #FF6026;
	background:#FFE2D8;
	color:#000;
}
.btn-end:hover{
	background:#FFC6B2;
	color:#000;
}
/*-----------------------------------------------------------------------------*/

/*ローディング表示
---------------------------------------------------------------------------*/
#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #FFFFFF;
	z-index: 100;
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #000000;
	z-index: 200;
}
/*-----------------------------------------------------------------------------*/

/*カレンダ
-----------------------------------------------------------------------------*/
	/* 全体の枠線 */
	.ui-widget-content {
		border:1px solid #000!important;
	}
	/* ホバー時の動作 */
	a.ui-state-hover:hover{
		background-color: #FEFECC;
	}
	.ui-state-highlight,
	.ui-widget-content .ui-state-highlight,
	.ui-widget-header .ui-state-highlight {
			color: #454545;
			font-weight: bold;
			background: #ffff00;
	}
	.ui-state-active,
	.ui-widget-content .ui-state-active,
	.ui-widget-header .ui-state-active,
	a.ui-button:active,
	.ui-button:active,
	.ui-button.ui-state-active:hover {
			color: #000;
			border: 1px solid #cf0000;
			background: #ffff00;
	}
/* 日曜日のカラー設定 */
td.ui-datepicker-week-end:first-child a.ui-state-default{
	background-color: #ffecec;	 /* 背景色を設定 */
	color: #f00!important;			 /* 文字色を設定 */
}
/* 土曜日のカラー設定 */
td.ui-datepicker-week-end:last-child a.ui-state-default{
	background-color: #CEEAFC;	 /* 背景色を設定 */
	color: #00f!important;			 /* 文字色を設定 */
}
	/* ホバー時の動作 */
td.ui-datepicker-week-end a.ui-state-hover{
	background-color: #DBF5C0!important;
}
/* 当日を示す色はそのまま */
td.ui-datepicker-week-end a.ui-state-highlight{
	background-color: #fffa90!important;
}
/*土日祝日*/
.date-holiday .ui-state-default {
	background-image:none;
	background-color: #ffecec!important;	 /* 背景色を設定 */
	color: #f00!important;			 /* 文字色を設定 */
}

img.ui-datepicker-trigger{
	cursor: pointer;
	padding-left: 7px!important;
	padding-top:3px;
	height:24px;
}
.cal img {
	cursor: pointer;
	padding-left: 7px!important;
	padding-top:3px;
}
/*モーダル
---------------------------------------------------------------------------*/
iframe {
	border:0;
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
}
.modal{
	margin: 0 auto;
	padding:0 auto;
}
.modal-content{
	margin: 0 auto;
	padding:0;
}
.modal-body{
	margin: 0;
	padding:10px;
}
.modal-body iframe{
	border:1px solid #ccc;
	margin:0;
}
.modal-header{
	background:#FFF;
	margin:0;
	padding-top :10px;
	border:0;
	height:40px;
}
.modal-footer{
	background:#FFF;
	border:0;
	margin:0;
	padding-top :0;
	padding-bottom:0;
	height:40px;
}
.modal-title{
	font-size:18px;
}
.modal-footer button{
	font-size: 12px;
}
.modal-inner{
	padding:30px 10px 10px 10px;
}

/*-----------------------------------------------------------------------------*/
/*タブ
-----------------------------------------------------------------------------*/
.tab-wrap {
	display: flex;
	flex-wrap: wrap;
}
.tab-label {
	background: #BDD6FE;
	color:#000;
	font-size:12px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	white-space: nowrap;
	text-align: center;
	width:110px;
	/*border-radius: 10px 10px 0 0;*/
	margin-right: 3px;
	padding: 8px 0;
	order: -1;
	border: 1px solid #A5A5A5;
	border-bottom: transparent;
	margin-bottom: -2px;
	z-index: 2;
	cursor:pointer;
}
.tab-content {
	width: 100%;
	display: none;
	padding:15px;

	background: #FFF;
	border: 1px solid #A5A5A5;
	z-index: 1;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
	background: #FFF;
	color: #000;
}
.tab-switch:checked+.tab-label+.tab-content {
	 display: block;
}
/* ラジオボタン非表示 */
.tab-switch {
	display: none;
}

/*---------------------------------------------------------------------------*/
/*共通CSS*/
/*---------------------------------------------------------------------------*/
/*改行制御
-----------------------------------------------------------------------------*/
.nowrap {
	white-space:nowrap!important;
}

/*フォントサイズ
-----------------------------------------------------------------------------*/
.fs-7 {
  font-size:7px;
}
.fs-8 {
  font-size:8px;
}
.fs-9 {
  font-size:9px;
}
.fs-10 {
  font-size:10px;
}
.fs-11 {
  font-size:11px;
}
.fs-12 {
  font-size:12px;
}
.fs-14 {
  font-size:14px;
}
.fs-16 {
  font-size:16px;
}
.fs-18 {
  font-size:18px;
}
.fs-20 {
  font-size:20px;
}
.fs-22 {
  font-size:22px;
}
.fs-24 {
  font-size:24px;
}
.fs-26 {
  font-size:26px;
}
.fs-28 {
  font-size:28px;
}
.fs-30 {
  font-size:32px;
}
.fs-32 {
  font-size:30px;
}
/* パーセンテージ */
.fsp-1 {
  font-size:1%;
}
.fsp-2 {
font-size:2%;
}
.fsp-3 {
font-size:3%;
}
.fsp-4 {
font-size:4%;
}
.fsp-5 {
font-size:5%;
}
.fsp-6 {
font-size:6%;
}
.fsp-7 {
font-size:7%;
}
.fsp-8 {
font-size:8%;
}
.fsp-9 {
font-size:9%;
}
.fsp-10 {
font-size:10%;
}
.fsp-11 {
font-size:11%;
}
.fsp-12 {
font-size:12%;
}
.fsp-13 {
font-size:13%;
}
.fsp-14 {
font-size:14%;
}
.fsp-15 {
font-size:15%;
}
.fsp-16 {
font-size:16%;
}
.fsp-17 {
font-size:17%;
}
.fsp-18 {
font-size:18%;
}
.fsp-19 {
font-size:19%;
}
.fsp-20 {
font-size:20%;
}
.fsp-21 {
font-size:21%;
}
.fsp-22 {
font-size:22%;
}
.fsp-23 {
font-size:23%;
}
.fsp-24 {
font-size:24%;
}
.fsp-25 {
font-size:25%;
}
.fsp-26 {
font-size:26%;
}
.fsp-27 {
font-size:27%;
}
.fsp-28 {
font-size:28%;
}
.fsp-29 {
font-size:29%;
}
.fsp-30 {
font-size:30%;
}
.fsp-31 {
font-size:31%;
}
.fsp-32 {
font-size:32%;
}
.fsp-33 {
font-size:33%;
}
.fsp-34 {
font-size:34%;
}
.fsp-35 {
font-size:35%;
}
.fsp-36 {
font-size:36%;
}
.fsp-37 {
font-size:37%;
}
.fsp-38 {
font-size:38%;
}
.fsp-39 {
font-size:39%;
}
.fsp-40 {
font-size:40%;
}
.fsp-41 {
font-size:41%;
}
.fsp-42 {
font-size:42%;
}
.fsp-43 {
font-size:43%;
}
.fsp-44 {
font-size:44%;
}
.fsp-45 {
font-size:45%;
}
.fsp-46 {
font-size:46%;
}
.fsp-47 {
font-size:47%;
}
.fsp-48 {
font-size:48%;
}
.fsp-49 {
font-size:49%;
}
.fsp-50 {
font-size:50%;
}
.fsp-51 {
font-size:51%;
}
.fsp-52 {
font-size:52%;
}
.fsp-53 {
font-size:53%;
}
.fsp-54 {
font-size:54%;
}
.fsp-55 {
font-size:55%;
}
.fsp-56 {
font-size:56%;
}
.fsp-57 {
font-size:57%;
}
.fsp-58 {
font-size:58%;
}
.fsp-59 {
font-size:59%;
}
.fsp-60 {
font-size:60%;
}
.fsp-61 {
font-size:61%;
}
.fsp-62 {
font-size:62%;
}
.fsp-63 {
font-size:63%;
}
.fsp-64 {
font-size:64%;
}
.fsp-65 {
font-size:65%;
}
.fsp-66 {
font-size:66%;
}
.fsp-67 {
font-size:67%;
}
.fsp-68 {
font-size:68%;
}
.fsp-69 {
font-size:69%;
}
.fsp-70 {
font-size:70%;
}
.fsp-71 {
font-size:71%;
}
.fsp-72 {
font-size:72%;
}
.fsp-73 {
font-size:73%;
}
.fsp-74 {
font-size:74%;
}
.fsp-75 {
font-size:75%;
}
.fsp-76 {
font-size:76%;
}
.fsp-77 {
font-size:77%;
}
.fsp-78 {
font-size:78%;
}
.fsp-79 {
font-size:79%;
}
.fsp-80 {
font-size:80%;
}
.fsp-81 {
font-size:81%;
}
.fsp-82 {
font-size:82%;
}
.fsp-83 {
font-size:83%;
}
.fsp-84 {
font-size:84%;
}
.fsp-85 {
font-size:85%;
}
.fsp-86 {
font-size:86%;
}
.fsp-87 {
font-size:87%;
}
.fsp-88 {
font-size:88%;
}
.fsp-89 {
font-size:89%;
}
.fsp-90 {
font-size:90%;
}
.fsp-91 {
font-size:91%;
}
.fsp-92 {
font-size:92%;
}
.fsp-93 {
font-size:93%;
}
.fsp-94 {
font-size:94%;
}
.fsp-95 {
font-size:95%;
}
.fsp-96 {
font-size:96%;
}
.fsp-97 {
font-size:97%;
}
.fsp-98 {
font-size:98%;
}
.fsp-99 {
font-size:99%;
}
.fsp-100 {
font-size:100%;
}
.font-bold{
	font-weight:bold;
}

/*フォント色設定
-----------------------------------------------------------------------------*/
.fc-red{
	color:red;
}
.fc-blue{
	color:blue;
}
.fc-white{
	color:#FFF;
}
/*背景色設定
-----------------------------------------------------------------------------*/
.bg-normal {
	background:#E5F8F9;
}
.bg-normal-lt {
	background:#E8F9CC;
}
.bg-delete {
	background:#B7BCBF!important;
	color:#cf0000!important;
}
.bg-danger {
	background:#F97587 !important;
}
.bg-danger-lt {
	background:#F9CCD2!important;
}
.bg-warning {
	background:#ffff00 !important;
}
.bg-warning-lt {
	background:#FFFDCC!important;
}
.bg-cmt {
	background:#CEEAFC!important;
}
.bg-cmt-lt {
	background:#E5F2F9!important;
}
.bg-color1{ /* 黄色 */
	background-color:#ffff00!important;
}
.bg-color2{ /* グレー */
	background-color:#E0E0E0!important;
}
.bg-color3{ /* 青 */
	background-color:#6FC2F5!important;
}
.bg-color4{ /* オレンジ */
	background-color:#FFCA7C!important;
}
.bg-color5{ /* 赤 */
	background-color:#FFE5E5!important;
}
.bg-color6{ /* 緑 */
	background-color:#A9D778!important;
}
.bg-color99 {
	background:#FFFBEA!important;
}
.bg-color2-1{
	background-color:#F9EFD9!important;
}
.bg-color2-2{
	background-color:#F7DEA8!important;
}
.bg-color1-pale{ /* 黄色 */
	background-color:#FEFECC!important;
}
.bg-color3-pale{ /* 青 */
	background-color:#CEEAFC!important;
}
.bg-color4-pale{ /* くすんだオレンジ */
	background-color:#F5EEDF!important;
}
.bg-color5-pale{ /* 赤 */
	background-color:#FFD8D8!important;
}
.bg-color6-pale{ /* 緑 */
	background-color:#DBF5C0!important;
}

/*width w-25,w-50,w-75,w-100 bootstrapで設定済
-----------------------------------------------------------------------------*/
.w-1 {
	width:1%;
}
.w-2 {
	width:2%;
}
.w-3 {
	width:3%;
}
.w-4 {
	width:4%;
}
.w-4_7 {
	width:4.7%;
}
.w-5 {
	width:5%;
}
.w-6 {
	width:6%;
}
.w-7 {
	width:7%;
}
.w-8 {
	width:8%;
}
.w-9 {
	width:9%;
}
.w-10 {
	width:10%;
}
.w-11 {
	width:11%;
}
.w-12 {
	width:12%;
}
.w-13 {
	width:13%;
}
.w-14 {
	width:14%;
}
.w-15 {
	width:15%;
}
.w-16 {
	width:16%;
}
.w-17 {
	width:17%;
}
.w-18 {
	width:18%;
}
.w-19 {
	width:19%;
}
.w-20 {
	width:20%;
}
.w-21 {
	width:21%;
}
.w-22 {
	width:22%;
}
.w-23 {
	width:23%;
}
.w-24 {
	width:24%;
}
.w-25 {
	width:25%;
}
.w-26 {
	width:26%;
}
.w-27 {
	width:27%;
}
.w-28 {
	width:28%;
}
.w-29 {
	width:29%;
}
.w-30 {
	width:30%;
}
.w-31 {
	width:31%;
}
.w-32 {
	width:32%;
}
.w-33 {
	width:33%;
}
.w-34 {
	width:34%;
}
.w-35 {
	width:35%;
}
.w-36 {
	width:36%;
}
.w-37 {
	width:37%;
}
.w-38 {
	width:38%;
}
.w-39 {
	width:39%;
}
.w-40 {
	width:40%;
}
.w-41 {
	width:41%;
}
.w-42 {
	width:42%;
}
.w-43 {
	width:43%;
}
.w-44 {
	width:44%;
}
.w-45 {
	width:45%;
}
.w-46 {
	width:46%;
}
.w-47 {
	width:47%;
}
.w-48 {
	width:48%;
}
.w-49 {
	width:49%;
}
.w-50 {
	width:50%;
}
.w-51 {
	width:51%;
}
.w-52 {
	width:52%;
}
.w-53 {
	width:53%;
}
.w-54 {
	width:54%;
}
.w-55 {
	width:55%;
}
.w-56 {
	width:56%;
}
.w-57 {
	width:57%;
}
.w-58 {
	width:58%;
}
.w-59 {
	width:59%;
}
.w-60 {
	width:60%;
}
.w-61 {
	width:61%;
}
.w-62 {
	width:62%;
}
.w-63 {
	width:63%;
}
.w-64 {
	width:64%;
}
.w-65 {
	width:65%;
}
.w-66 {
	width:66%;
}
.w-67 {
	width:67%;
}
.w-68 {
	width:68%;
}
.w-69 {
	width:69%;
}
.w-70 {
	width:70%;
}
.w-71 {
	width:71%;
}
.w-72 {
	width:72%;
}
.w-73 {
	width:73%;
}
.w-74 {
	width:74%;
}
.w-75 {
	width:75%;
}
.w-76 {
	width:76%;
}
.w-77 {
	width:77%;
}
.w-78 {
	width:78%;
}
.w-79 {
	width:79%;
}
.w-80 {
	width:80%;
}
.w-81 {
	width:81%;
}
.w-82 {
	width:82%;
}
.w-83 {
	width:83%;
}
.w-84 {
	width:84%;
}
.w-85 {
	width:85%;
}
.w-86 {
	width:86%;
}
.w-87 {
	width:87%;
}
.w-88 {
	width:88%;
}
.w-89 {
	width:89%;
}
.w-90 {
	width:90%;
}
.w-91 {
	width:91%;
}
.w-92 {
	width:92%;
}
.w-93 {
	width:93%;
}
.w-94 {
	width:94%;
}
.w-95 {
	width:95%;
}
.w-96 {
	width:96%;
}
.w-97 {
	width:97%;
}
.w-98 {
	width:98%;
}
.w-99 {
	width:99%;
}
.w-100 {
	width:100%;
}

/* 幅固定 */
.wf-10 {
	width:10px;
}
.wf-20 {
	width:20px;
}
.wf-30 {
	width:30px;
}
.wf-40 {
	width:40px;
}
.wf-50 {
	width:50px;
}
.wf-55 {
	width:55px;
}
.wf-60 {
	width:60px;
}
.wf-70 {
	width:70px;
}
.wf-75 {
	width:75px;
}
.wf-80 {
	width:80px;
}
.wf-90 {
	width:90px;
}
.wf-100 {
	width:100px;
}
.wf-120 {
	width:120px;
}
.wf-140 {
	width:140px;
}
.wf-160 {
	width:160px;
}
.wf-180 {
	width:180px;
}
.wf-200 {
	width:200px;
}
.wf-220 {
	width:220px;
}
.wf-240 {
	width:240px;
}
.wf-260 {
	width:260px;
}
.wf-280 {
	width:280px;
}
.wf-290 {
	width:290px;
}
.wf-300 {
	width:300px;
}
.wf-320 {
	width:320px;
}
.wf-340 {
	width:340px;
}
.wf-380 {
	width:380px;
}
.wf-390 {
	width:390px;
}
.wf-400 {
	width:400px;
}
.wf-420 {
	width:420px;
}
.wf-450 {
	width:450px;
}
.wf-480 {
	width:480px;
}
.wf-500 {
	width:500px;
}
.wf-600 {
	width:600px;
}
.wf-680 {
	width:680px;
}
.wf-700 {
	width:700px;
}
.wf-800 {
	width:800px;
}
.wf-900 {
	width:900px;
}
/* 特定フィールドの幅固定 */
.w-date {
	width:110px;
}
.w-time {
	width:55px;
}
.w-price {
	width:140px;
}
.w-btn-xs_1{
	width:calc(100% - 34px)!important;
	margin-right:4px;
}
/* 高さ固定 */
.hf-18 {
	height:18px;
}
.hf-40{
	height:40px;
}
.hf-60{
	height:60px;
}
.hf-80{
	height:80px;
}
.hf-100{
	height:100px!important;
}
.hf-120{
	height:120px;
}
.hf-500{
	height:500px!important;
}
.h-100{
	height:100%;
}

/*位置調整*/
/*---------------------------------------------------------------------------*/
/* 上下中央 */
.v-middle{
	display: flex;
	justify-content: center;
	align-items: center;
}
/*---------------------------------------------------------------------------*/
/*システム固有*/
/*---------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
/*個別ページ用のCSS*/
/*---------------------------------------------------------------------------*/
/*login
-----------------------------------------------------------------------------*/
.form-wrapper {
	background: #045CEA;
	margin: 3em auto;
	padding: 1em;
	max-width: 400px;
	border:1px solid #CCC;
}
.form-wrapper img{

}
.form-head {
	background: #045CEA;
	padding: 2em 1em;
	text-align:center;
}
.form-body {
	background: #FFF;
	padding: 2em;
}

.form-item {
	margin-bottom: 0.75em;
	width: 100%;
}

.form-item input {
	background: #fafafa;
	border: none;
	border-bottom: 2px solid #e9e9e9;
	color: #666;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	height: 50px;
	transition: border-color 0.3s;
	width: 100%;
	padding-left:10px;
	padding-right:10px;
}

.form-item input:focus {
	border-bottom: 2px solid #c0c0c0;
	outline: none;
}
.button-panel {
	margin: 2em 0 0;
	width: 100%;
}
#infoarea{
	margin: 3em auto;
	padding: 3em 3em;
	max-width: 1000px;
}
/*-----------------------------------------------------------------------------*/
/*bootstrap追加*/
@media (min-width: 1400px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xxl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xxl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xxl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xxl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xxl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xxl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xxl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xxl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xxl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xxl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xxl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xxl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xxl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/*ガターなし*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
  padding-right: 0px;
  padding-left: 0px;
}
.border-bottom{
	border-bottom:1px solid #ccc!important;
}