/* リセットCSS */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Meiryo UI', 'メイリオ UI', 'Yu Gothic UI', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Roboto', 'Droid Sans', sans-serif;
}

/* 共通フォント */
.font-l {
  font-size: calc(0.25vw + 0.8rem);
}

.font-xs {
  font-size: 11px;
}

.font-s {
  /* 13px */
  font-size: small;
}

.font-m {
  /* 16px */
  font-size: medium;
}

.font-l-normal {
  /* 18px */
  font-size: large;
}

.font-xl {
  /* 24px */
  font-size: x-large;
}

.font-xxl {
  /* 32px */
  font-size: xx-large;
}

html {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

html::-webkit-scrollbar {
  display: none;
}

html::-webkit-scrollbar-thumb {
  display: none;
}

html::-webkit-scrollbar-track {
  display: none;
}

.wrap {
  height: 100vh;
}

.wrap .main {
  height: calc(100vh - 70px);
}

.wrap .main #content {
  width: 100%;
  height: calc(100vh - 70px);
  overflow-y: auto;
  margin-left: 103px;
  padding-top: 10px;
}

.modal-content {
  border-radius: 10px;
  border: 2px solid #2f5597;
}

.modal-child .modal-border,
.modal-parent .modal-border {
  border: solid 5px #ffa500;
  border-radius: 10px;
}

.modal-child .bg-modal {
  color: #0d6efd;
  border: 2px solid #2f5597;
  background-color: #deebf7;
  margin-bottom: 10px;
  border-radius: 8px;
}

.modal-child .title-info {
  height: 40px;
  display: flex;
  align-items: center;
  padding: 10px;
}

.modal-child .content {
  height: auto;
  padding-bottom: 30px;
  padding: 10px;
}

.modal-child .box-img img {
  width: 250px;
  padding: 10px;
}

.modal-child .box-btn {
  display: flex;
  justify-content: space-between;
}

.modal-child .box-btn button {
  min-width: 140px;
  margin-top: 10px;
}

.modal-child .box-note {
  text-align: right;
  margin-top: 15px;
  color: #0d6efd;
}

/* css for table fixed header*/
table thead th {
  font-weight: 500 !important;
}

.table tbody tr:hover {
  --bs-table-accent-bg: #ddebf7;
}

.tbl-fixed-header thead {
  position: sticky;
  top: -1px;
  border: 1px solid black;
}

.tbl-fixed-header thead:after,
.tbl-fixed-header thead:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #000000;
}

.tbl-fixed-header thead:after {
  bottom: 0;
  left: 0;
}

.tbl-fixed-header thead:before {
  top: 0;
  left: 0;
}

.tbl-fixed-header {
  border-top: unset;
}

.tbl-fixed-header thead {
  border: 0px solid black;
  vertical-align: middle;
}

.tbl-fixed-header tr:first-child td {
  border-top: 0px solid #000000;
}

.bg-pink {
  background-color: #ffcdff !important;
}

.bg-thead {
  background-color: #fff2cc;
}

.btn-primary {
  background-color: #8FAADC;
  border: 0.1vw solid #6D83AD;
}

.bg-cream {
  background-color: #fff2cc;
}

.bg-gray {
  background-color: #d0cece !important;
}

.btn-danger {
  background-color: #f00f00;
}

.btn-warning {
  background-color: #ed7d31;
  color: #fff;
}

.btn-warning:hover {
  background-color: #df6c20;
  color: #fff;
}

#message-modal .title-modal {
  color: #0d6efd;
  margin-bottom: 5px;
}

.text-danger {
  color: #f00f00 !important;
}

.text-green {
  color: #00b050 !important;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.cont {
  width: 100%;
  padding: 0.1rem 1.5rem 1.5rem 1.5rem;
}

.btn:focus {
  box-shadow: unset !important;
}

.btn-cancel {
  background-color: #bfbfbf;
  color: #fff;
  border-color: unset !important;
}

.btn-cancel:hover {
  background-color: #a4a4a4;
}

.w-80px {
  width: 80px;
}

.w-15 {
  width: 15%;
}

.w-20 {
  width: 20%;
}

.w-48 {
  width: 48%;
}

.w-60 {
  width: 60%;
}

.w-80 {
  width: 80%;
}

.col-md-0-1 {
  flex: 0 0 auto;
  width: 4.16666666%;
}

.col-md-1-2 {
  flex: 0 0 auto;
  width: 12.5%;
}

.col-md-2-3 {
  flex: 0 0 auto;
  width: 20%;
}

label {
  color: #0d6efd;
}

input, select {
  height: 37px !important;
}

input, select, textarea {
  background-color:#deebf7 !important;
}

input[type="checkbox"] {
  background-color: #fff !important;
  height: 20px !important;
  width: 20px !important;
}

input[type="radio"] {
  width: 15px !important;
}

input[type="checkbox"]:checked {
  background-color: #0d6efd !important;
}

input:disabled,
select:disabled,
textarea:disabled {
  background-color: #e9ecef !important;
}

.select-area .form-select {
  width: 270px;
}

.opacity-100 {
  opacity: 1 !important;
}

#modal-send-confirm-cancel:disabled,
#modal-send-confirm-save:disabled,
#modal-send-confirm-delete:disabled {
  background-color: #bfbfbf !important;
  border-color: unset !important;
}