@charset "UTF-8";
/*
* common style
*/
.table td,
.table th {
  vertical-align: middle;
}
a.card-header {
  cursor: pointer;
}
@media (min-width: 991.98px) {
  .app-header .navbar-brand {
    width:200px;
  }
}
.sidebar-minimized .sidebar #sidebarProfile {
  display:none;
}
.load-screen {
  background-color: #000;
  position: fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:9999;
}
.load-screen .load-container{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
/* Bug Aboidance */
/* iOS 100vh */
.app-body .sidebar {
  padding-bottom: calc(env(safe-area-inset-bottom));
  padding-bottom: calc(constant(safe-area-inset-bottom));
}

/*Form -AutoComplete*/
.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-menu .ui-menu-item-wrapper {
  padding: 10px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background-image:none;
	background-color:#aaddff;
}
/*Util*/
@media screen and (max-width:1199px){
  .font-lg-reset {
    font-size: 1rem!important;
  }
}
@media screen and (max-width:991px){
  .font-md-reset {
    font-size: 1rem!important;
  }
}
@media screen and (max-width:767px){
  .font-sm-reset {
    font-size: 1rem!important;
  }
}

/*
* form common style
*/
.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 15px;
  font-size: 1rem;
  height: calc(1.5em + 30px + 2px);
}
.form-control-xl,
.input-group-xl > .form-control,
.input-group-xl > .input-group-prepend > .input-group-text,
.input-group-xl > .input-group-append > .input-group-text,
.input-group-xl > .input-group-prepend > .btn,
.input-group-xl > .input-group-append > .btn {
  padding: 25px 15px;
  font-size: 1.25rem;
  height: calc(1.5em + 50px + 2px);
}
/* button style */
.btn-xl {
  /* font-size: 0.875rem; */
  padding: 15px;
}

/*
* awesome-checkbox custom style
*/
.abc-checkbox.abc-checkbox-large {
  padding-left: 33px;
  margin-bottom: 15px;
}
.abc-checkbox.abc-checkbox-large input[type="checkbox"],
.abc-checkbox.abc-checkbox-large input[type="radio"] {
  margin-left: -28px;
}
.abc-checkbox.abc-checkbox-large label::before {
  width: 25px;
  height: 25px;
}
.abc-checkbox.abc-checkbox-large input[type="checkbox"]:checked + label::after {
  font-size: 1.125rem;
  margin-left: -19px;
}
.abc-checkbox.abc-checkbox-large label {
  font-size: 1.125rem;
  padding-left: 10px;
}

/*
* color common style
*/
/*border style*/
.form-control,
.input-group-text {
  border-color: #ccc;
}
.is-invalid [data-validator] {
  border-color: #f86c6b;
  padding-right: calc(1.5em + 0.75rem);
}

/*
* hover slide style
*/
.hover-slide-box{
  width:auto;
  display:inline-block;
  margin-left:20px;
  margin-right:20px;
  position:relative;
  padding: 0 20px;
}
.hover-slide-right {
  position: absolute;
  right: -20px;
  top: 7px;
  padding-right: 10px;
  transition-duration: 0.5s;
}
.hover-slide-left {
  position: absolute;
  left: -20px;
  top: 7px;
  padding-left: 10px;
  transition-duration: 0.5s;
}
.hover-slide-right:hover {
  right:-20px;
  padding-right:0;
  padding-left: 10px;
}
.hover-slide-left:hover {
  left:-20px;
  padding-right:10px;
  padding-left: 0;
}
/*Form -AutoComplete*/
.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-menu .ui-menu-item-wrapper {
  padding: 10px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background-image:none;
	background-color:#aaddff;
}
.modal-input-phone input {
  padding-left: 48px !important;
}

.iti__selected-country {
  border-right: 0.5px solid var(--iti-border-color);
}

/*vender*/
.fc-event, .fc-event-dot {
  border: 1px solid var(--secondary) !important;
  background-color: var(--secondary) !important;
  color: #fff !important;
}

.fc-today-button {
  color: #fff !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
}

  .fc-today-button.disabled, .fc-today-button:disabled {
    color: #ffffff !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
  }

.fc-state-down, .fc-state-active {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
  color: #fff !important;
}
.pc_area {
  display: block;
}

.phone_area {
  display: none;
}

@media screen and (max-width:768px) {
  .pc_area {
    display: none;
  }

  .phone_area {
    display: block;
  }
}

/* font-size */
.font-9 {
  font-size: 9px !important;
}

.font-10 {
  font-size: 10px !important;
}

.font-11 {
  font-size: 11px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-17 {
  font-size: 17px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-24 {
  font-size: 24px !important;
}

.font-28 {
  font-size: 28px !important;
}

.font-32 {
  font-size: 32px !important;
}

.font-36 {
  font-size: 36px !important;
}

.font-40 {
  font-size: 40px !important;
}

.font-48 {
  font-size: 48px !important;
}

.font-64 {
  font-size: 64px !important;
}

@media screen and (max-width: 567px) {
  .font-sm-10 {
    font-size: 10px !important;
  }

  .font-sm-12 {
    font-size: 12px !important;
  }

  .font-sm-14 {
    font-size: 14px !important;
  }

  .font-sm-16 {
    font-size: 16px !important;
  }

  .font-sm-18 {
    font-size: 18px !important;
  }

  .font-sm-20 {
    font-size: 20px !important;
  }

  .font-sm-22 {
    font-size: 22px !important;
  }

  .font-sm-24 {
    font-size: 24px !important;
  }

  .font-sm-28 {
    font-size: 28px !important;
  }
}

/* ギャップ */
.gap-4 {
  gap: 4px;
}

.gap-8 {
  gap: 8px;
}

.gap-12 {
  gap: 12px;
}

.gap-16 {
  gap: 16px;
}

.gap-20 {
  gap: 20px;
}

.gap-24 {
  gap: 24px;
}

.gap-28 {
  gap: 28px;
}

.gap-32 {
  gap: 32px;
}

.gap-36 {
  gap: 36px;
}

.gap-40 {
  gap: 40px;
}

.gap-48 {
  gap: 48px;
}

@media screen and (max-width: 567px) {
  .gap-sm-0 {
    gap: 0px;
  }

  .gap-sm-4 {
    gap: 4px;
  }

  .gap-sm-8 {
    gap: 8px;
  }

  .gap-sm-12 {
    gap: 12px;
  }

  .gap-sm-16 {
    gap: 16px;
  }

  .gap-sm-20 {
    gap: 20px;
  }

  .gap-sm-24 {
    gap: 24px;
  }

  .gap-sm-28 {
    gap: 28px;
  }

  .gap-sm-32 {
    gap: 32px;
  }

  .gap-sm-36 {
    gap: 36px;
  }

  .gap-sm-40 {
    gap: 40px;
  }
}

.c-gap-4 {
  column-gap: 4px;
}

.c-gap-8 {
  column-gap: 8px;
}

.c-gap-12 {
  column-gap: 12px;
}

.c-gap-16 {
  column-gap: 16px;
}

.c-gap-20 {
  column-gap: 20px;
}

.c-gap-24 {
  column-gap: 24px;
}

.c-gap-28 {
  column-gap: 28px;
}

.c-gap-32 {
  column-gap: 32px;
}

.c-gap-36 {
  column-gap: 36px;
}

.c-gap-40 {
  column-gap: 40px;
}

.c-gap-48 {
  column-gap: 48px;
}

@media screen and (max-width: 567px) {
  .c-gap-sm-4 {
    column-gap: 4px;
  }

  .c-gap-sm-8 {
    column-gap: 8px;
  }

  .c-gap-sm-12 {
    column-gap: 12px;
  }

  .c-gap-sm-16 {
    column-gap: 16px;
  }

  .c-gap-sm-20 {
    column-gap: 20px;
  }

  .c-gap-sm-24 {
    column-gap: 24px;
  }

  .c-gap-sm-28 {
    column-gap: 28px;
  }

  .c-gap-sm-32 {
    column-gap: 32px;
  }

  .c-gap-sm-36 {
    column-gap: 36px;
  }

  .c-gap-sm-40 {
    column-gap: 40px;
  }
}

/*グリッド*/
.d-grid {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr);
}

.grid-cols-1 {
  grid-template-columns: repeat(1, 1fr);
}

.grid-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}

@media (min-width: 576px) {
  .d-sm-grid {
    display: grid !important;
  }

  .grid-cols-sm-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-cols-sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-cols-sm-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-cols-sm-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 768px) {
  .d-md-grid {
    display: grid !important;
  }

  .grid-cols-md-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-cols-md-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-cols-md-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-cols-md-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 992px) {
  .d-lg-grid {
    display: grid !important;
  }

  .grid-cols-lg-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-cols-lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-cols-lg-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-cols-lg-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1200px) {
  .d-xl-grid {
    display: grid !important;
  }

  .grid-cols-xl-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-cols-xl-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-cols-xl-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-cols-xl-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}