@media screen and (min-width:1000px) {

  /* デスクトップ */
  #navbar-menu {
      height: 35px;
      list-style: none;
      z-index: 10;
      font-size: 15px;
  }

  .navbar-dropdown {
      width: 600px;
      height: 100%;
      margin: 0 auto;
      padding-inline-start: 1px;
  }

  .navbar-dropdown>li {
      float: left;
      width: 30%;
      position: relative;
      list-style: none;
  }

  .navbar-dropdown>li:hover .sub-navbar-dropdown-2 {
      left: 0;
  }

  .navbar-dropdown>li a {
      display: block;
      line-height: 33px;
  }

  .navbar-dropdown>li a:hover {
      background: #417690;
      color: #fff;
  }

  .sub-navbar-dropdown-2 {
      position: absolute;
      left: -9999px;
      background: #eee;
      width: 100%;
      display: inline-block;
      padding-inline-start: 0px;
      box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
  }

  .sub-navbar-dropdown-2>li {
      position: relative;
      list-style: none !important;
  }

  .sub-navbar-dropdown-2>li:hover .sub-navbar-dropdown-3 {
      left: 100%;
  }

  .sub-navbar-dropdown-2>li a, .sub-navbar-dropdown-3>li a {
      margin: 0;
      padding-left: 15px;
  }

  .sub-navbar-dropdown-3 {
      position: absolute;
      top: 0;
      background: #dee2e6;
      width: 100%;
      left: -9999px;
      padding-inline-start: 0px;
      box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
  }

  .sub-navbar-dropdown-3>li {
      list-style: none !important;
  }

  .sub-navbar-dropdown-3>li a:hover {
      background: #417690;
      color: #fff;
  }

  .navbar-dropdown>li:hover .sub-navbar-dropdown-2sub {
      left: 0;
  }

  .sub-navbar-dropdown-2sub {
      position: absolute;
      left: -9999px;
      background: #eee;
      width: 100%;
      display: inline-block;
      padding-inline-start: 0px;
      box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
  }

  .sub-navbar-dropdown-2sub>li {
      position: relative;
      list-style: none !important;
  }

  .sub-navbar-dropdown-2sub>li:hover .sub-navbar-dropdown-3sub {
      left: 100%;
  }

  .sub-navbar-dropdown-2sub>li a, .sub-navbar-dropdown-3sub>li a {
      margin: 0px;
      padding-left: 15px;
  }

  .sub-navbar-dropdown-3sub {
      position: absolute;
      top: 0;
      background: #dee2e6;
      width: 113%;
      left: -9999px;
      padding-inline-start: 0px;
      box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
  }

  .sub-navbar-dropdown-3sub>li {
      list-style: none !important;
  }

  .sub-navbar-dropdown-3sub>li a:hover {
      background: #417690;
      color: #fff;
  }

  .nav-item {
      text-align: center;
  }

  .line-color {
      border-top: 1px solid #8cacbc !important;
      margin: 0 !important;
  }

  .nav-padding {
      padding: 0px !important;
  }

  .nav-comment {
      margin: 0 !important;
      padding-left: 25px !important;
      font-size: 12px;
  }
}

@media screen and (max-width:999px) and (min-width:570px) {

    /* デスクトップ */
    #navbar-menu {
        height: 35px;
        list-style: none;
        z-index: 10;
        font-size: 15px;
    }
  
    .navbar-dropdown {
        width: 430px;
        height: 100%;
        margin: 0 auto;
        padding-inline-start: 1px;
    }
  
    .navbar-dropdown>li {
        float: left;
        width: 30%;
        position: relative;
        list-style: none;
    }
  
    .navbar-dropdown>li:hover .sub-navbar-dropdown-2 {
        left: 0;
    }
  
    .navbar-dropdown>li a {
        display: block;
        line-height: 33px;
    }
  
    .navbar-dropdown>li a:hover {
        background: #417690;
        color: #fff;
    }
  
    .sub-navbar-dropdown-2 {
        position: absolute;
        left: -9999px;
        background: #eee;
        width: 100%;
        display: inline-block;
        padding-inline-start: 0px;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    }
  
    .sub-navbar-dropdown-2>li {
        position: relative;
        list-style: none !important;
    }
  
    .sub-navbar-dropdown-2>li:hover .sub-navbar-dropdown-3 {
        left: 100%;
    }
  
    .sub-navbar-dropdown-2>li a, .sub-navbar-dropdown-3>li a {
        margin: 0;
        padding-left: 15px;
    }
  
    .sub-navbar-dropdown-3 {
        position: absolute;
        top: 0;
        background: #dee2e6;
        width: 100%;
        left: -9999px;
        padding-inline-start: 0px;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    }
  
    .sub-navbar-dropdown-3>li {
        list-style: none !important;
    }
  
    .sub-navbar-dropdown-3>li a:hover {
        background: #417690;
        color: #fff;
    }
  
    .navbar-dropdown>li:hover .sub-navbar-dropdown-2sub {
        left: 0;
    }
  
    .sub-navbar-dropdown-2sub {
        position: absolute;
        left: -9999px;
        background: #eee;
        width: 100%;
        display: inline-block;
        padding-inline-start: 0px;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    }
  
    .sub-navbar-dropdown-2sub>li {
        position: relative;
        list-style: none !important;
    }
  
    .sub-navbar-dropdown-2sub>li:hover .sub-navbar-dropdown-3sub {
        left: 100%;
    }
  
    .sub-navbar-dropdown-2sub>li a, .sub-navbar-dropdown-3sub>li a {
        margin: 0px;
        padding-left: 15px;
    }
  
    .sub-navbar-dropdown-3sub {
        position: absolute;
        top: 0;
        background: #dee2e6;
        width: 113%;
        left: -9999px;
        padding-inline-start: 0px;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    }
  
    .sub-navbar-dropdown-3sub>li {
        list-style: none !important;
    }
  
    .sub-navbar-dropdown-3sub>li a:hover {
        background: #417690;
        color: #fff;
    }
  
    .nav-item {
        text-align: center;
    }
  
    .line-color {
        border-top: 1px solid #8cacbc !important;
        margin: 0 !important;
    }
  
    .nav-padding {
        padding: 0px !important;
    }
  
    .nav-comment {
        margin: 0 !important;
        padding-left: 20px !important;
        font-size: 12px;
    }
  }

/* モバイル */
@media screen and (max-width:569px) {
  #navbar-menu {
      height: 35px;
      list-style: none;
      z-index: 10;
      line-height: 25px;
      font-size: 10px;
  }

  .navbar-dropdown {
      width: 350px;
      height: 100%;
      margin: 0 auto;
      padding-inline-start: 10px;
  }

  .navbar-dropdown>li {
      float: left;
      width: 26%;
      line-height: 32px;
      position: relative;
      list-style: none;
  }

  .navbar-dropdown>li:hover .sub-navbar-dropdown-2 {
      left: 0;
  }

  .navbar-dropdown>li a {
      display: block;
      line-height: 32px;
      font-size: 11px;
  }

  .navbar-dropdown>li a:hover {
      background: #417690;
      color: #fff;
  }

  .sub-navbar-dropdown-2 {
      position: absolute;
      left: -9999px;
      background: #eee;
      width: 100%;
      display: inline-block;
      padding-inline-start: 0px;
      box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
  }

  .sub-navbar-dropdown-2>li {
      position: relative;
      list-style: none !important;
  }

  .sub-navbar-dropdown-2>li:hover .sub-navbar-dropdown-3 {
      left: 100%;
  }

  .sub-navbar-dropdown-2>li a, .sub-navbar-dropdown-3>li a {
      margin: 0;
      padding-left: 8px;
  }

  .sub-navbar-dropdown-3 {
      position: absolute;
      top: 0;
      background: #dee2e6;
      width: 125%;
      left: -9999px;
      padding-inline-start: 0px;
      box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
  }

  .sub-navbar-dropdown-3>li {
      list-style: none !important;
  }

  .sub-navbar-dropdown-3>li a:hover {
      background: #417690;
      color: #fff;
  }

  .navbar-dropdown>li:hover .sub-navbar-dropdown-2sub {
      left: 0;
  }

  .sub-navbar-dropdown-2sub {
      position: absolute;
      left: -9999px;
      background: #eee;
      width: 100%;
      display: inline-block;
      padding-inline-start: 0px;
      box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
  }

  .sub-navbar-dropdown-2sub>li {
      position: relative;
      list-style: none !important;
  }

  .sub-navbar-dropdown-2sub>li:hover .sub-navbar-dropdown-3sub {
      left: 100%;
  }

  .sub-navbar-dropdown-2sub>li a, .sub-navbar-dropdown-3sub>li a {
      margin: 0px;
      padding-left: 8px;
  }

  .sub-navbar-dropdown-3sub {
      position: absolute;
      top: 0;
      background: #dee2e6;
      width: 100%;
      left: -9999px;
      padding-inline-start: 0px;
      box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
  }

  .sub-navbar-dropdown-3sub>li {
      list-style: none !important;
  }

  .sub-navbar-dropdown-3sub>li a:hover {
      background: #417690;
      color: #fff;
  }

  .nav-item {
      text-align: center;
  }

  .line-color {
      border-top: 1px solid #8cacbc !important;
      margin: 0 !important;
  }

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

  .nav-comment {
      margin: 0 !important;
      padding-left: 12px !important;
      font-size: 10px;
  }
}

/* admin change_list 右寄せフィールド */
/* 経費一覧 */
.field-formatted_amount, 
.column-formatted_amount
{
    text-align: right;
}

.btn-submit {
    color: white !important;
    background-color: #417690;
    border-color:#417690
}
a.btn-submit_light {
    color: white !important;
    background-color: #79AEC8;
    border-color:#79AEC8
}

/* 給与一覧 */
.field-formatted_attendance_days,
.field-formatted_holiday_work_days,
.field-formatted_transfer_holidays,
.field-formatted_paid_vacation_days,
.field-formatted_paid_vacation_time,
.field-formatted_absence_days,
.field-formatted_unpaid_holidays,
.field-formatted_special_vacation_days,
.field-formatted_working_hours,
.field-formatted_fixed_overtime_hours,
.field-formatted_fixed_overtime,
.field-formatted_non_fixed_overtime,
.field-formatted_sixty_hours_overtime,
.field-formatted_night_overtime,
.field-formatted_regular_holiday_working_hours,
.field-formatted_legal_holiday_working_hours,
.field-formatted_over_40_hours_per_week,
.field-formatted_holiday_surcharge,
.field-formatted_late_and_early_times,
.field-formatted_late_and_early_hours,
.field-formatted_days_of_clearing,
.field-formatted_basic_salary_pay,
.field-formatted_officer_pay,
.field-formatted_fixed_overtime_pay,
.field-formatted_taxable_commuting_pay,
.field-formatted_telecommunications_pay,
.field-formatted_waiting_pay,
.field-formatted_qualification_pay,
.field-formatted_non_fixed_pay,
.field-formatted_over_60hours_pay,
.field-formatted_midnight_pay,
.field-formatted_regular_holiday_pay,
.field-formatted_shift_pay,
.field-formatted_legal_holiday_pay,
.field-formatted_legal_holiday_surcharge,
.field-formatted_transfer_holiday_pay,
.field-formatted_absence_deduction,
.field-formatted_early_deduction,
.field-formatted_total_tax_payment,
.field-formatted_pass_fee,
.field-formatted_transportation_advance,
.field-formatted_expense_advance,
.field-formatted_health_examination_fee,
.field-formatted_total_tax_exemption_payment,
.field-formatted_total_payment,
.field-formatted_health_insurance,
.field-formatted_long_term_care_insurance,
.field-formatted_employee_pension,
.field-formatted_employment_insurance,
.field-formatted_corporate_insurance_adjustment,
.field-formatted_total_corporate_insurance_deduction,
.field-formatted_taxable_amount,
.field-formatted_income_tax,
.field-formatted_flat_amount_cut,
.field-formatted_dormitory_fee,
.field-formatted_resident_tax,
.field-formatted_loan_repayment,
.field-formatted_employee_fellowship,
.field-formatted_annual_adjustment_amount,
.field-formatted_advance_payment_settlement,
.field-formatted_prepayment_deduction,
.field-formatted_accrued_social_insurance,
.field-formatted_other_deduction_total,
.field-formatted_deduction_total,
.field-formatted_cash_payment,
.field-formatted_transfer_amount_1,
.field-formatted_transfer_amount_2,
.field-formatted_transfer_amount_3,
.field-formatted_paid_balance,
.field-formatted_tax_dependents,
.field-formatted_total_company_expenses,
.field-formatted_days_of_settlement,
.field-formatted_leader_allowance,
.field-formatted_congratulatory_or_condolence_pay,
.field-formatted_paid_leave_time,
.field-formatted_last_month_modified,
.field-formatted_business_trip_days,
.field-formatted_daily_allowance,
.field-formatted_closed_days,
.field-formatted_closed_time,
.field-formatted_closed_deduction,
.field-formatted_closed_allowance,
.field-formatted_school_closed_holidays,
.field-formatted_education_days,
.field-formatted_education_deduction,
.field-formatted_education_allowance,
.field-formatted_education_amount,
.field-formatted_closed_amount,
.field-formatted_human_development_amount,
.field-formatted_school_amount,
.field-formatted_bonus,
.field-formatted_taxable_amount_pre_month,
.field-formatted_tax_rate,
.field-formatted_remote_work_pay,
.field-formatted_position_allowance,
.field-formatted_resident_tax_refund,
.field-formatted_additional_income_tax,
.field-formatted_last_month_income_modified,
.field-formatted_health_insurance_benefit,
.field-formatted_employee_meeting_deposit,
.field-formatted_birthday_gift_money,
.field-formatted_prepaid_gift_certificate,
.column-formatted_attendance_days,
.column-formatted_holiday_work_days,
.column-formatted_transfer_holidays,
.column-formatted_paid_vacation_days,
.column-formatted_paid_vacation_time,
.column-formatted_absence_days,
.column-formatted_unpaid_holidays,
.column-formatted_special_vacation_days,
.column-formatted_working_hours,
.column-formatted_fixed_overtime_hours,
.column-formatted_fixed_overtime,
.column-formatted_non_fixed_overtime,
.column-formatted_sixty_hours_overtime,
.column-formatted_night_overtime,
.column-formatted_regular_holiday_working_hours,
.column-formatted_legal_holiday_working_hours,
.column-formatted_over_40_hours_per_week,
.column-formatted_holiday_surcharge,
.column-formatted_late_and_early_times,
.column-formatted_late_and_early_hours,
.column-formatted_days_of_clearing,
.column-formatted_basic_salary_pay,
.column-formatted_officer_pay,
.column-formatted_fixed_overtime_pay,
.column-formatted_taxable_commuting_pay,
.column-formatted_telecommunications_pay,
.column-formatted_waiting_pay,
.column-formatted_qualification_pay,
.column-formatted_non_fixed_pay,
.column-formatted_over_60hours_pay,
.column-formatted_midnight_pay,
.column-formatted_regular_holiday_pay,
.column-formatted_shift_pay,
.column-formatted_legal_holiday_pay,
.column-formatted_legal_holiday_surcharge,
.column-formatted_transfer_holiday_pay,
.column-formatted_absence_deduction,
.column-formatted_early_deduction,
.column-formatted_total_tax_payment,
.column-formatted_pass_fee,
.column-formatted_transportation_advance,
.column-formatted_expense_advance,
.column-formatted_health_examination_fee,
.column-formatted_total_tax_exemption_payment,
.column-formatted_total_payment,
.column-formatted_health_insurance,
.column-formatted_long_term_care_insurance,
.column-formatted_employee_pension,
.column-formatted_employment_insurance,
.column-formatted_corporate_insurance_adjustment,
.column-formatted_total_corporate_insurance_deduction,
.column-formatted_taxable_amount,
.column-formatted_income_tax,
.column-formatted_flat_amount_cut,
.column-formatted_dormitory_fee,
.column-formatted_resident_tax,
.column-formatted_loan_repayment,
.column-formatted_employee_fellowship,
.column-formatted_annual_adjustment_amount,
.column-formatted_advance_payment_settlement,
.column-formatted_prepayment_deduction,
.column-formatted_accrued_social_insurance,
.column-formatted_other_deduction_total,
.column-formatted_deduction_total,
.column-formatted_balance_paid,
.column-formatted_cash_payment,
.column-formatted_transfer_amount_1,
.column-formatted_transfer_amount_2,
.column-formatted_transfer_amount_3,
.column-formatted_paid_balance,
.column-formatted_tax_dependents,
.column-formatted_total_company_expenses,
.column-formatted_days_of_settlement,
.column-formatted_leader_allowance,
.column-formatted_congratulatory_or_condolence_pay,
.column-formatted_paid_leave_time,
.column-formatted_last_month_modified,
.column-formatted_business_trip_days,
.column-formatted_daily_allowance,
.column-formatted_closed_days,
.column-formatted_closed_time,
.column-formatted_closed_deduction,
.column-formatted_closed_allowance,
.column-formatted_school_closed_holidays,
.column-formatted_education_days,
.column-formatted_education_deduction,
.column-formatted_education_allowance,
.column-formatted_education_amount,
.column-formatted_closed_amount,
.column-formatted_human_development_amount,
.column-formatted_school_amount,
.column-formatted_bonus,
.column-formatted_taxable_amount_pre_month,
.column-formatted_tax_rate,
.column-formatted_remote_work_pay,
.column-formatted_position_allowance,
.column-formatted_resident_tax_refund,
.column-formatted_additional_income_tax,
.column-formatted_last_month_income_modified,
.column-formatted_health_insurance_benefit,
.column-formatted_employee_meeting_deposit,
.column-formatted_birthday_gift_money,
.column-formatted_prepaid_gift_certificate,
/* 見積・契約・外注契約・請求書・外注請求書・販売手数料一覧 */
.field-formatted_contract_amount,
.field-formatted_invoice_amount,
.column-formatted_contract_amount,
.column-formatted_invoice_amount,
/* 社員雇用契約一覧 */
.field-formatted_telecommunications_pay,
.field-formatted_leader_allowance,
.field-formatted_position_allowance,
.field-formatted_commuting_pay,
.field-formatted_remote_work_pay,
.column-formatted_basic_salary_pay,
.column-formatted_fixed_overtime_pay,
.column-formatted_telecommunications_pay,
.column-formatted_leader_allowance,
.column-formatted_position_allowance,
.column-formatted_commuting_pay,
.column-formatted_remote_work_pay,
.column-formatted_total_payment,
/* 給与査定内訳 */
.field-formatted_final_raised_salary,
.field-formatted_final_position_allowance,
.field-formatted_final_telecommunications_pay,
.field-formatted_final_sum,
.column-formatted_final_raised_salary,
.column-formatted_final_position_allowance,
.column-formatted_final_telecommunications_pay,
.column-formatted_final_sum
{
    text-align: right;
}

.field-formatted_basic_salary_pay,
.field-formatted_fixed_overtime_pay,
.field-formatted_total_payment,
.field-formatted_deduction_total,
.field-formatted_balance_paid
{
    text-align: right;
    font-weight: bold;
}

.popup-copytext{
    position: absolute;
    width: 20%;
}

.popup-copytext .upblock{
    display: none;
    font-size: 10px;
    font-weight: bold;
    background: #f8f9fa;
    border: 2px solid #333;
    padding: 3px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}