@CHARSET "UTF-8";

/* bootstrap オーバーライド */
:root {
/*  --bs-body-font-size: 1.2rem;*/
}

.bootstrap-datetimepicker-widget table td span {
	background-color: var(--bs-gray-100);
}
/*
*/
.form-area02 .form-control {
	display: inline-block;
}
.wrap-select-form-control {
  position: relative;
}
.wrap-select-form-control::after {
  content: "▼";
  position: absolute;
  right: 0.75rem;
  z-index: 1;
  top: 0.35rem;
  font-size: 1rem;
}

/* bootstrap datepicker オーバーライド */
.text-error.text-danger {
	margin-bottom: 0;
	font-weight: bold;
	-webkit-animation: blink 1s ease infinite;
	animation: blink 1s ease infinite;
}

@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

section
{
  padding: 5px 0;
}

a[href^="tel:"] {
	pointer-events: none;
}

.dropdown-item {

}
.form-control {
	background-color: var(--bs-formbg-color);
  	border: var(--bs-border-width) solid var(--bs-border-color);
}

.login .form-control {
	padding: 0.65rem 0.75rem;
}

@media (max-width: 768px) {
	.datepicker.datepicker-dropdown {
		width:100%;
		/* top: 0 !important;*/
		left: 0 !important;
	}
	.datepicker.datepicker-dropdown table {
		width:100%;
		max-width: 100%;
	}

	.datepicker table tr td.day {
		font-size: 20px;
		line-height: 1.5;
	}
	.dropdown-submenu > div{
		font-size: 20px;
		padding: 5px;
	}
	.dropdown-menu > li > span{
		font-size: 20px;
		padding: 5px 20px;
	}
}
.bootstrap-datetimepicker-widget table th.weekend ,
.bootstrap-datetimepicker-widget table td.weekend {
	color: #6d242e;
	background-color: #FDF2F2;
}

.ime-disabled {
	ime-mode: disabled;
}

.form-text-check
{
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.gray { color: #999999; }
.red { color: #CC0000; }
.orange { color: orange; }

.btn-act1 {
  border: solid 1px #4cae4c;
  color: #FFFFFF;
  background-color: #5cb85c;
}
.btn-act1:hover,
.btn-act1:focus {
  background-color: #4cae4c;
  color: #FFFFFF;
}
.btn-act7 {
  border:solid 1px #0dcaf0;
  color: #fff;
  background-color: #0dcaf0;
}
.btn-act7:hover,
.btn-act7:focus {
  background-color: #31d2f2;
  color: #000;
}
.btn-act8 {
  border: solid 1px #d43f3a;
  color: #FFFFFF;
  background-color: #d9534f;
}
.btn-act8:hover,
.btn-act8:focus {
  background-color: #d43f3a;
  color: #FFFFFF;
}
.btn-act9 {
  border: solid 1px var(--bs-btn-bg);
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-border-color);
}
.btn-act9:hover,
.btn-act9:focus {
  background-color: var(#424649);
  color: var(--bs-btn-color);
}

.badge-st0 {
  font-size: 1em;
  border: solid 1px #666666;
  color: #666666;
  background-color: #e6e6e6;
}
.badge-st0[href]:hover,
.badge-st0[href]:focus {
  background-color: #5bc0de;
}
.badge-st1 {
  font-size: 1em;
  border: solid 1px #333333;
  color: #000;
  background-color: #FFF;
}
.badge-st1[href]:hover,
.badge-st1[href]:focus {
  background-color: #FFF;
}
.badge-st2 {
  font-size: 1em;
  border: solid 1px #600;
  background-color: #FEE;
  color: #600;
}
.badge-st2[href]:hover,
.badge-st2[href]:focus {
  background-color: #FEE;
}
.badge-st3 {
  font-size: 1em;
  border: solid 1px #060;
  background-color: #EFE;
  color: #060;
}
.badge-st3[href]:hover,
.badge-st3[href]:focus {
  background-color: #EFE;
}
.badge-st4 {
  font-size: 1em;
  border: solid 1px #606;
  background-color: #FEF;
  color: #606;
}
.badge-st4[href]:hover,
.badge-st4[href]:focus {
  background-color: #FEF;
}
.badge-st5 {
  font-size: 1em;
  border: solid 1px #066;
  background-color: #EFF;
  color: #066;
}
.badge-st5[href]:hover,
.badge-st5[href]:focus {
  background-color: #EFF;
}
.badge-st6 {
  font-size: 1em;
  border: solid 1px #660;
  background-color: #FFE;
  color: #660;
}
.badge-st6[href]:hover,
.badge-st6[href]:focus {
  background-color: #FFE;
}
.badge-st7 {
  font-size: 1em;
  border: solid 1px #006;
  background-color: #EEF;
  color: #006;
}
.badge-st7[href]:hover,
.badge-st7[href]:focus {
  background-color: #EEF;
}
.badge-st8 {
  font-size: 1em;
  border: solid 1px #000;
  background-color: #CCC;
  color: #000;
}
.badge-st8[href]:hover,
.badge-st8[href]:focus {
  background-color: #CCC;
}
.badge-st9 {
  font-size: 1em;
  border: solid 1px #000;
  background-color: #333;
  color: #CCC;
}
.badge-st9[href]:hover,
.badge-st9[href]:focus {
  background-color: #333;
}
.tooltip-inner{
  max-width: 100%;
}


/* Material iconsを利用する */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* 推奨サイズ */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  vertical-align: middle;

  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;

  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;

  /* IEサポート */
  font-feature-settings: 'liga';
}

.material-icons.smoke {
	color: #008800;
}
.material-icons.nosmoke {
	color: #C00000;
}
/* アイコンサイズ */
.material-icons.md-12 { font-size: 12px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* bootstrap margin,padding */
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.ui-datepicker {
	z-index: 3 !important;
}

.flex-box {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
	justify-content: space-between;
}
.flex-box > div {
	padding: 0 0.5em;
	position: relative;
	flex-grow: 1;
	width: 100%
}

/* ブロック　送信前ローダー */
#loader { text-align:center; font-size: 1.2em; padding: 1em; line-height: 2; }
.screenlock { position:absolute;left:0;top:0;width:100%;height:100%; }


/* CSSローダー */
.loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #5c9ccc, 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.5), -1.8em -1.8em 0 0em rgba(92,156,204, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.7), 1.8em -1.8em 0 0em #5c9ccc, 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.5), 1.8em -1.8em 0 0em rgba(92,156,204, 0.7), 2.5em 0em 0 0em #5c9ccc, 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.5), 2.5em 0em 0 0em rgba(92,156,204, 0.7), 1.75em 1.75em 0 0em #5c9ccc, 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.5), 1.75em 1.75em 0 0em rgba(92,156,204, 0.7), 0em 2.5em 0 0em #5c9ccc, -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.5), 0em 2.5em 0 0em rgba(92,156,204, 0.7), -1.8em 1.8em 0 0em #5c9ccc, -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.5), -1.8em 1.8em 0 0em rgba(92,156,204, 0.7), -2.6em 0em 0 0em #5c9ccc, -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.5), -2.6em 0em 0 0em rgba(92,156,204, 0.7), -1.8em -1.8em 0 0em #5c9ccc;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #5c9ccc, 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.5), -1.8em -1.8em 0 0em rgba(92,156,204, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.7), 1.8em -1.8em 0 0em #5c9ccc, 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.5), 1.8em -1.8em 0 0em rgba(92,156,204, 0.7), 2.5em 0em 0 0em #5c9ccc, 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.5), 2.5em 0em 0 0em rgba(92,156,204, 0.7), 1.75em 1.75em 0 0em #5c9ccc, 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.5), 1.75em 1.75em 0 0em rgba(92,156,204, 0.7), 0em 2.5em 0 0em #5c9ccc, -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.5), 0em 2.5em 0 0em rgba(92,156,204, 0.7), -1.8em 1.8em 0 0em #5c9ccc, -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.5), -1.8em 1.8em 0 0em rgba(92,156,204, 0.7), -2.6em 0em 0 0em #5c9ccc, -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.5), -2.6em 0em 0 0em rgba(92,156,204, 0.7), -1.8em -1.8em 0 0em #5c9ccc;
  }
}

.nav-title {
  display: inline-block;
  padding: 0.5rem 1rem;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
}
.nav-title-primary {
  color: #fff !important;
  background-color: var(--success) !important;
}
.nav-title-secondary {
  color: #fff !important;
  background-color: var(--info) !important;
}


/* ページャー new */
.pager { margin:3px auto 0; text-align:center; }
.pager ul { padding:3px; }
.pager li {
	padding:3px 5px;
	list-style-type:none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.pager li .total { margin-right:3px; padding:5px 7px; }
.pager .page { width:21px; }

.pager.bs-pager { margin: 10px auto; }
.pager.bs-pager .page { width: auto; }