@charset "UTF-8";
/* CSS Document */ :root {
  --bl-primary: #002063;
  --bl-primary-hover: #40588a; /* tocho #40588a*/ /* chosei #3b5ca3  */
  --bl-primary-hover-border: #203980; /*0d40a7*/
  --bl-primary-active: #3b5ca3; /*   #0d40a7   */
  --bl-secondary: #DFE0E6;
  --bl-secondary-boder: #ccccde; /* BODER: ccccde  */
  --bl-danger: #BD0102;
  --bs-breadcrumb-divider: '>';
  --bl-col-2-left-background: linear-gradient(to right, rgba(242, 245, 255, .9) 0%, rgba(242, 245, 255, .9) 16.6666%, rgba(255, 255, 255, 1) 16.6667%, rgba(255, 255, 255, 1) 100%);
  --bl-col-3-left-background: linear-gradient(to right, rgba(242, 245, 255, .9) 0%, rgba(242, 245, 255, .9) 24.9999%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 100%);
  --bl-col-4-left-background: linear-gradient(to right, rgba(242, 245, 255, .9) 0%, rgba(242, 245, 255, .9) 33.3333%, rgba(255, 255, 255, 1) 33.3334%, rgba(255, 255, 255, 1) 100%);
  --bl-col-5-left-background: linear-gradient(to right, rgba(242, 245, 255, .9) 0%, rgba(242, 245, 255, .9) 41.6667%, rgba(255, 255, 255, 1) 41.6667%, rgba(255, 255, 255, 1) 100%);
  --bl-col-6-left-background: linear-gradient(to right, rgba(242, 245, 255, .9) 0%, rgba(242, 245, 255, .9) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
  --bs-font-sans-serif: "BIZ UDPGothic",  "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}
@media (max-width: 1199px) {
  :root {
    --bs-gutter-x: 30px;
  }
  @media (max-width: 575px) {
    :root {
      --bs-gutter-x: 20px;
    }
  }
}
/*
*/
/* ==================================================== */
/*
*/ /*                BUTTON
*/
/* ==================================================== */
/*
*/
.btn {
  border-radius: 0;
  border-width: 2px;
}
/*
*/
/* --------- BTN PRIMARY  --------- */
/*
*/
.btn-primary {
  background-color: var(--bl-primary);
  border-color: var(--bl-primary);
}
.btn-primary:hover {
  background-color: var(--bl-primary-hover);
  border-color: var(--bl-primary-hover-border);
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  background-color: var(--bl-primary-hover);
  border-color: var(--bl-primary-hover-border);
}
.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
  background-color: var(--bl-primary-active);
  border-color: var(--bl-primary-hover-border);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  /* background-color: #0d6efd;
    border-color:#0d6efd*/
  background-color: var(--bl-primary);
  border-color: var(--bl-primary);
  opacity: .3;
}
/*
*/
/* --------- BTN SECONDARY  --------- */
/*
*/
.btn-secondary {}
.btn-secondary {
  color: var(--bl-primary);
  background-color: var(--bl-secondary);
  /*border-color: var(--bl-primary-hover);*/
  border-color: var(--bl-secondary-boder); /*rgba(0, 0, 90, .2);*/
}
.btn-secondary:hover {
  color: #fff;
  background-color: var(--bl-primary-hover);
  border-color: var(--bl-primary);
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #fff;
  background-color: var(--bl-primary-hover);
  border-color: var(--bl-primary);
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: var(--bl-primary-active);
  border-color: var(--bl-primary-hover-border);
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
/*
*/
/* --------- BTN SECONDARY IN FORM --------- */
/*
*/
.btn-secondary-in-form {
  color: var(--bl-primary);
  background-color: var(--bl-secondary);
  /*border-color: var(--bl-primary-hover);*/
  border-color: var(--bl-secondary-boder); /*rgba(0, 0, 90, .2);*/
}
.btn-secondary-in-form:hover {
  color: #fff;
  background-color: var(--bl-primary-hover);
  border-color: var(--bl-primary);
}
.btn-secondary-in-form.focus, .btn-check:focus + .btn-secondary-in-form, .btn-secondary-in-form:focus {
  color: #fff;
  background-color: var(--bl-primary-hover);
  border-color: var(--bl-primary);
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary-in-form, .btn-check:active + .btn-secondary-in-form, .btn-secondary-in-form:active, .btn-secondary-in-form.active, .show > .btn-secondary-in-form.dropdown-toggle {
  color: #fff;
  background-color: var(--bl-primary-active);
  border-color: var(--bl-primary-hover-border);
}
.btn-secondary-in-form:disabled, .btn-secondary-in-form.disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
input + .btn-secondary-in-form {
  margin-left: -2px;
}
/*
*/
/* --------- BTN PRIMARY OUTLINE --------- */
/*
*/
.btn-outline-primary {
  color: var(--bl-primary);
  border-color: var(--bl-primary);
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--bl-primary);
  border-color: var(--bl-primary);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: var(--bl-primary);
  border-color: var(--bl-primary);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: var(--bl-primary);
  background-color: transparent;
  opacity: .3;
}
/*
*/
/* --------- BTN SECONDARY OUTLINE  --------- */
/*
*/
.btn-outline-secondary {
  color: #717399; /* #757677 */ /* #6c757d */
  border-color: #9292aa; /*var(--bl-secondary-boder);*/ /*--bl-secondary-boder*/
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #717399; /*#737580    #6c757d    */
  border-color: #717399;
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
  color: #fff;
  background-color: #717399;
  border-color: #717399;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
  color: #717399;
  background-color: transparent;
  opacity: .5;
}
.bl-btn-ghost {
  color: #fff;
  border-color: #fff;
}
.bl-btn-ghost:hover {
  color: var(--bl-primary);
  background-color: #fff;
  border-color: #fff;
}

.btn-success {
  background: linear-gradient(#339f19, #339f19);
  border-color:#339f19;
  text-shadow:2px 2px 0 #198754, -2px -2px 0 #198754,
              -2px 2px 0 #198754, 2px -2px 0 #198754,
              0px 2px 0 #198754,  0 -2px 0 #198754,
              -2px 0 0 #198754, 2px 0 0 #198754;
}

.btn-success:hover  {
  background: linear-gradient(#198754, #198754);
  border-color:#198754;
}
@media (min-width: 576px) { /*  sm  */
  .bl-button-wide-xl {
    min-width: 12em;
  }
  .bl-button-wide-l {
    min-width: 10em;
  }
  .bl-button-wide-m {
    min-width: 8em;
  }
  .bl-button-wide-s {
    min-width: 6em;
  }
}
@media (max-width: 575px) { /*  xs  */
  .bl-button-xs-xl {
    min-width: calc(100% + 3px);
  }
  .bl-button-wide-xs-1col {
    width: 100%;
  }
  .bl-button-wide-xs-1col-2 {
    width: calc(100% - 3px)
  }
  .bl-button-wide-xs-2col {
    width: calc(50% - 4px);
  }
  .bl-button-wide-xs-2col-2 {
    width: calc(50% - 4px);
    padding: 0.5rem 0.5rem;
  }
  .bl-button-wide-xs-3col {
    width: calc(33.3% - 5.33px);
  }
  .bl-button-wide-xs-3col-2 {
    width: calc(34% - 3px);
  }
  .bl-button-wide-xs-3col-3 {
    width: calc(34% - 8px);
    padding: 0.5rem;
  }
  .bl-button-wide-xs-4col {
    width: calc(25% - 8px);
  }
  .bl-button-wide-xs-1-5col {
    width: 75%
  }
}
@media (max-width: 424px) {
  .bl-button-wide-xxs-3col {
    width: calc(36% - 2px);
    padding: 0.5rem;
  }
  .bl-button-wide-xxs-3col-2 {
    width: auto;
    padding: 0.5rem;
  }
  .bl-button-wide-xxs-4col {
    width: calc(25% - 4px);
    padding: 0.5rem;
  }
}

/* OFC-004 1071 */
.bl-button-ofc004-margin {
  margin-top: 0.25rem !important;
}
@media (min-width: 771px) and (max-width: 991px) {
  .bl-button-ofc004-margin {
    margin-top: 0!important;
  }
}
@media (min-width: 992px) and (max-width: 1010px) {
  .bl-button-ofc004-margin {
    margin-top: 0.25rem!important;
  }
}
@media (min-width: 1011px) {
  .bl-button-ofc004-margin {
    margin-top: 0!important;
  }
}

@media (min-width: 607px) {
  .bl-button-ofc004-2-margin {
    margin-top: 0!important;
  }
}

@media (min-width: 576px) {
  .bl-button-ofc004-3-margin {
    margin-top: 0!important;
  }
}

/* REG-012 */
@media (max-width: 575px) {
  .bl-button-reg012-margin {
    margin-top: 0.25rem !important;
  }
}
/* REG-013 */
@media (min-width: 576px) {
  .bl-button-reg013-margin {
    margin-top: 0!important;
  }
}
/* OFC-007 */
@media (min-width: 576px) {
  .bl-button-ofc007-margin {
    margin-top: 0!important;
  }
}

/* OFC-012 */
/* デフォルト */
.bl-button-ofc012-margin {
  margin-top: 0.25rem!important;
}
@media (min-width: 802px) and (max-width: 993px) {
  .bl-button-ofc012-margin {
    margin-top: 0!important;
  }
}
@media (min-width: 992px) and (max-width: 1051px) {
  .bl-button-ofc012-margin {
    margin-top: 0.25rem!important;
  }
}
@media (min-width: 1052px) {
  .bl-button-ofc012-margin {
    margin-top: 0!important;
  }
}

@media (min-width: 637px) {
  .bl-button-ofc012-2-margin {
    margin-top: 0!important;
  }
}

/* REG */
@media (min-width: 576px) {
  .bl-button-reg-3b-margin {
    margin-top: 0!important;
  }
}

a.tgTip {
    margin: 0;
    text-decoration: none;
    font-size: 1em;
}

/* iマーク表示 */
span.tooltip1 {
    color: #fff;
    font-weight: bold;
    font-size: x-large;
    text-align: center;
    padding:0 2%;
    background-color: #0060FF;
    border-radius: 50%;
}

span.tooltip2 {
    color: #fff;
    font-weight: bold;
    font-size: x-large;
    text-align: center;
    padding:0 1.5%;
    background-color: #0060FF;
    border-radius: 50%;
}

span.tooltip3 {
    color: #fff;
    font-weight: bold;
    font-size: x-large;
    text-align: center;
    padding:0 1.2%;
    background-color: #0060FF;
    border-radius: 50%;
}

span.tooltip4 {
    color: #fff;
    font-weight: bold;
    font-size: x-large;
    text-align: center;
    padding:0 10px;
    background-color: #0060FF;
    border-radius: 50%;
}

/* iマークの読み上げ用*/
span.hasAriaLabelStyle  {
    transform: scale(0, 0);
    position: absolute;
}

/* iマーク押下時のポップアップ表示 */
p.tgToolTip {
    width: 300px;
    margin: 0;
    padding: 0.5em 1em;
    background-color: #666666;
    border: 3px solid #000;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    min-height: 1em;
    top: 100px;
    left: 80%;
    position: absolute;
    z-index: 100;
}

.dummy {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
}

/*
*/
/* ==================================================== */
/*
*/ /*              SIZEING
*/
/* ==================================================== */
/*
*/
@media (min-width: 576px) { /*  sm  */
  .w-sm-25 {
    width: 25% !important;
  }
  .w-sm-40 {
    width: 40% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
}
@media (min-width: 768px) { /*  md  */
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-40 {
    width: 40% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-60 {
    width: 60% !important;
  }
  .w-md-65 {
    width: 65% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .pad-md-1 {
    padding-left:.25rem !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
}
@media (min-width: 992px) { /*  lg  */
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-40 {
    width: 40% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-70 {
    width: 70% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
}
@media (min-width: 1200px) { /*  lg  */
  .w-xl-25 {
    width: 25% !important;
  }
  .w-lg-40 {
    width: 40% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
}
.form-control[readonly] {
  background-color: #f9f9f9; /*#e9ecef;*/
  border-color: #e6e6e6;
}
/*
*/
/* ==================================================== */
/*
*/ /*                BACKGROUND
*/
/* ==================================================== */
/*
*/
.bl-col-2-left-bg { /*  2 COL  */
  background: var(--bl-col-2-left-background);
}
.bl-col-3-left-bg { /*  3 COL  */
  background: var(--bl-col-3-left-background);
}
.bl-col-4-left-bg { /*  4 COL  */
  background: var(--bl-col-4-left-background);
}
.bl-col-5-left-bg { /*  5 COL  */
    background: var(--bl-col-5-left-background);
}
.bl-col-6-left-bg { /*  6 COL  */
  background: var(--bl-col-6-left-background);
}
/*
*/
/* --------- SM 576px  --------- */
/*
*/
@media (min-width: 576px) { /*  sm  */
  .bl-col-sm-2-left-bg { /*  2 COL  */
    background: var(--bl-col-2-left-background);
  }
  .bl-col-sm-3-left-bg { /*  3 COL  */
    background: var(--bl-col-3-left-background);
  }
  .bl-col-sm-4-left-bg { /*  4 COL  */
    background: var(--bl-col-4-left-background);
  }
  .bl-col-sm-5-left-bg { /*  5 COL  */
    background: var(--bl-col-5-left-background);
  }
  .bl-col-sm-6-left-bg { /*  6 COL  */
    background: var(--bl-col-6-left-background);
  }
}
/*
*/
/* --------- MD 768px  --------- */
/*
*/
@media (min-width: 768px) { /*  md  */
  .bl-col-md-2-left-bg { /*  2 COL  */
    background: var(--bl-col-2-left-background);
  }
  .bl-col-md-3-left-bg { /*  3 COL  */
    background: var(--bl-col-3-left-background);
  }
  .bl-col-md-4-left-bg { /*  4 COL  */
    background: var(--bl-col-4-left-background);
  }
  .bl-col-md-5-left-bg { /*  5 COL  */
    background: var(--bl-col-5-left-background);
  }
  .bl-col-md-6-left-bg { /*  6 COL  */
    background: var(--bl-col-6-left-background);
  }
}
/*
*/
/* --------- LG 992px  --------- */
/*
*/
@media (min-width: 992px) { /*  lg  */
  .bl-col-lg-2-left-bg { /*  2 COL  */
    /*background: linear-gradient(to right, rgba(242, 245, 255, .9) 0%, rgba(242, 245, 255, .9) 16.6666%, rgba(255, 255, 255, 1) 16.6667%, rgba(255, 255, 255, 1) 100%);*/
    background: var(--bl-col-2-left-background);
  }
  .bl-col-lg-3-left-bg { /*  3 COL  */
    /*background: linear-gradient(to right, rgba(242, 245, 255, .9) 0%, rgba(242, 245, 255, .9) 24.9999%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 100%);*/
    background: var(--bl-col-3-left-background);
  }
  .bl-col-lg-4-left-bg { /*  4 COL  */
    /*background: linear-gradient(to right, rgba(242, 245, 255, .9) 0%, rgba(242, 245, 255, .9) 33.3333%, rgba(255, 255, 255, 1) 33.3334%, rgba(255, 255, 255, 1) 100%);*/
    background: var(--bl-col-4-left-background);
  }
  .bl-col-lg-5-left-bg { /*  5 COL  */
    /*background: linear-gradient(to right, rgba(242, 245, 255, .9) 0%, rgba(242, 245, 255, .9) 33.3333%, rgba(255, 255, 255, 1) 33.3334%, rgba(255, 255, 255, 1) 100%);*/
    background: var(--bl-col-5-left-background);
  }
  .bl-col-lg-6-left-bg { /*  6 COL  */
    /*background: linear-gradient(to right, rgba(242, 245, 255, .9) 0%, rgba(242, 245, 255, .9) 33.3333%, rgba(255, 255, 255, 1) 33.3334%, rgba(255, 255, 255, 1) 100%);*/
    background: var(--bl-col-6-left-background);
  }
}
/*
*/
/* --------- XL 1200px  --------- */
/*
*/
@media (min-width: 1200px) { /*  xl  */
    .bl-col-xl-2-left-bg { /*  2 COL  */
      /*background: linear-gradient(to right, rgba(242, 245, 255, .9) 0%, rgba(242, 245, 255, .9) 16.6666%, rgba(255, 255, 255, 1) 16.6667%, rgba(255, 255, 255, 1) 100%);*/
      background: var(--bl-col-2-left-background);
    }
    .bl-col-xl-3-left-bg { /*  3 COL  */
      /*background: linear-gradient(to right, rgba(242, 245, 255, .9) 0%, rgba(242, 245, 255, .9) 24.9999%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 100%);*/
      background: var(--bl-col-3-left-background);
    }
    .bl-col-xl-4-left-bg { /*  4 COL  */
      /*background: linear-gradient(to right, rgba(242, 245, 255, .9) 0%, rgba(242, 245, 255, .9) 33.3333%, rgba(255, 255, 255, 1) 33.3334%, rgba(255, 255, 255, 1) 100%);*/
      background: var(--bl-col-4-left-background);
    }
    .bl-col-xl-5-left-bg { /*  5 COL  */
      /*background: linear-gradient(to right, rgba(242, 245, 255, .9) 0%, rgba(242, 245, 255, .9) 33.3333%, rgba(255, 255, 255, 1) 33.3334%, rgba(255, 255, 255, 1) 100%);*/
      background: var(--bl-col-5-left-background);
    }
    .bl-col-xl-6-left-bg { /*  6 COL  */
      /*background: linear-gradient(to right, rgba(242, 245, 255, .9) 0%, rgba(242, 245, 255, .9) 33.3333%, rgba(255, 255, 255, 1) 33.3334%, rgba(255, 255, 255, 1) 100%);*/
      background: var(--bl-col-6-left-background);
    }
}
.bg-light {
  background-color: #DFE0E6 !important;
}
.bg-danger {
  background-color: var(--bl-danger) !important;
}
.bg-ofc-danger {
  background-color: #FF2800 !important;
}
.bg-bl-usual{
 background-color: #0f3eae !important;
}
.bg-warn{
    background-color:#F2E700 !important;
}
.bg-warn-yellow{
    color:#000;
}
.bg-primary {
  background-color: var(--bl-primary) !important;
}
/* --  警戒レベル5相当  --*/
.bg-level5{
  background-color: #0C000C !important;
}
/* --  警戒レベル4相当  --*/
.bg-level4{
  background-color: #AA00AA!important;
}
/* --  危険 （パープル）  --*/
.bg-bl-emg-kiken {
  background: linear-gradient(#AA00AA, #AA00AA);
  background-color: #AA00AA!important;
  text-shadow:2px 2px 0 #AA00AA, -2px -2px 0 #AA00AA,
              -2px 2px 0 #AA00AA, 2px -2px 0 #AA00AA,
              0px 2px 0 #AA00AA,  0 -2px 0 #AA00AA,
              -2px 0 0 #AA00AA, 2px 0 0 #AA00AA;
}
/* --  注意報  --*/
.bg-bl-emg-chuihou {
  background-color: #F2E700 !important;
}
.bg-bl-emg-chuihou-top-icon {
    background-color: #F2E700 !important;
    color: #000;
}
/* --  警報  --*/
.bg-bl-emg-keihou {
  background: linear-gradient(#FF2800, #FF2800);
  background-color: #FF2800!important;
  text-shadow:2px 2px 0 #FF2800, -2px -2px 0 #FF2800,
              -2px 2px 0 #FF2800, 2px -2px 0 #FF2800,
              0px 2px 0 #FF2800,  0 -2px 0 #FF2800,
              -2px 0 0 #FF2800, 2px 0 0 #FF2800;
}
/* --  平常  --*/
.bg-bl-emg-heijyo {
  background: linear-gradient(#1988D8, #1988D8);
  background-color: #1679C0 !important;
  text-shadow:2px 2px 0 #1679C0, -2px -2px 0 #1679C0,
              -2px 2px 0 #1679C0, 2px -2px 0 #1679C0,
              0px 2px 0 #1679C0,  0 -2px 0 #1679C0,
              -2px 0 0 #1679C0, 2px 0 0 #1679C0;
}
/* --  特別警報  --*/
.bg-bl-emg-tokubetsu-keihou{
  background-color: #0C000C !important;
}
/* --  レベル５特別警報  --*/
.bg-bl-emg-warning{
  background-color: #000 !important;
  color: #ffffff;
}
/* -- レベル4危険警報 --*/
.bg-bl-denger-warning{
  background-color: #BF00F5!important;
  color: #ffffff;
}
/* -- レベル３警報 --*/
.bg-bl-warning{
  background-color: #E62400!important;
  color: #ffffff;
}
/* -- レベル２注意報 --*/
.bg-bl-advisory{
  background-color: #F2E700!important;
}

/*  噴火警報各種  (橙色・明るいオレンジ)   */
.bg-bl-emg-funka-keihou-orange{
  background-color: #fa0 !important;
}
/*  震度1  (ライトグレー・縁取り)   */
.bg-bl-emg-jishin-shindo-1{
  background-color: #f1f1ff !important;
  border: 2px solid #555;
  text-align: center;
}
/*  震度2  (黄色)   */
/*  震度3  (黄色)   */
.bg-bl-emg-jishin-shindo-2,
.bg-bl-emg-jishin-shindo-3{
    background-color: #F2E700 !important;
    text-align: center;
}
/*  震度4  (赤色)   */
.bg-bl-emg-jishin-shindo-4{
  background: linear-gradient(#FF2800, #FF2800);
  background-color: #FF2800!important;
  text-shadow:2px 2px 0 #FF2800, -2px -2px 0 #FF2800,
              -2px 2px 0 #FF2800, 2px -2px 0 #FF2800,
              0px 2px 0 #FF2800,  0 -2px 0 #FF2800,
              -2px 0 0 #FF2800, 2px 0 0 #FF2800;
}

/*  震度5弱  (紫色)   */
/*  震度5強  (紫色)   */
.bg-bl-emg-jishin-shindo-5,
.bg-bl-emg-jishin-shindo-5p {
  background: linear-gradient(#AA00AA, #AA00AA);
  background-color: #AA00AA!important;
  text-shadow:2px 2px 0 #AA00AA, -2px -2px 0 #AA00AA,
              -2px 2px 0 #AA00AA, 2px -2px 0 #AA00AA,
              0px 2px 0 #AA00AA,  0 -2px 0 #AA00AA,
              -2px 0 0 #AA00AA, 2px 0 0 #AA00AA;
}

/*  震度6  (黒色)   */
/*  震度6強 (黒色)   */
/*  震度7  (黒色)   */
.bg-bl-emg-jishin-shindo-6,
.bg-bl-emg-jishin-shindo-6p,
.bg-bl-emg-jishin-shindo-7 {
    background-color: #0C000C !important;
}



/*  降灰予報（速報） (赤縁取り)   */
.bg-bl-emg-koubaiyohou-sokuhou{
 background-color: #f1f1ff !important;
  border: 2px solid #d40e3b;
}


.text-primary {
  color: var(--bl-primary) !important;
}
.text-danger {
  color: var(--bl-danger) !important;
}

/* 災害情報詳細表示するためのaタグ*/
a.disaster-detail {
    text-decoration: inherit;
}
a.disaster-detail:visited {
    color: inherit;
}

/*
*/
/* ==================================================== */
/* ==================================================== */
/*
*/ /*                BODY etc
*/
/* ==================================================== */
/* ==================================================== */
/*
*/
body {
 font-size: .875rem;
}

a {
 color:var(--bl-primary);/* #0d6efd;*/
}

a:hover {
 text-decoration: none;
}

a:visited{
 color: #609;
}

.bl-arrow-link-icon::before{
 /*content: url("../images/icon-right-arrow.svg");*/
 content: "";
 display:inline-block;
 background-color: var(--bl-primary);
 background-image: url("../images/icon-right-arrow.svg");
 background-repeat: no-repeat;
 background-position: center center;
 height: 17px;
 width: 16px;
 padding: 0;
 margin-right: 3px;
 vertical-align: middle;
}

.bl-icon-outer-link, .bl-icon-outer-link-white, .bl-icon-outer-link-black{
 margin-left: .2em;
 margin-right: .2em;
 height: .9em;
 width: .9em;
 vertical-align: middle;
}

a:hover .bl-icon-outer-link{
 background-color: #fff;
 opacity: .75;
}
a:hover .bl-icon-outer-link-white{
 content: url("../images/icon-outer-link-blue.svg");
 background-color: #fff;
}
a:hover .bl-icon-outer-link-black{
 content: url("../images/icon-outer-link-black.svg");
 background-color: #fff;
 opacity: .75;
}
.bl-a11y a {
  color: #fff;
  display: block;
  text-decoration: underline;
  font-size: .8125rem;
  margin: 0;
  line-height: 1.8;
}
.bl-a11y a:hover {
  text-decoration: none !important;
  opacity: .75;
}

@media (max-width: 379px) {
 .container,
 .container-fluid,
 .container-xxl,
 .container-xl,
 .container-lg,
 .container-md,
 .container-sm {
   /*width: 100%;*/
   padding-right: 10px;/*var(--bs-gutter-x, 0.75rem);*/
   padding-left: 10px;/*var(--bs-gutter-x, 0.75rem);*/
   /*margin-right: auto;
   margin-left: auto;*/
 }

 #header > .container,
 #header > .container-fluid,
 #header > .container-xxl,
 #header > .container-xl,
 #header > .container-lg,
 #header > .container-md,
 #header > .container-sm {
  padding-right: var(--bs-gutter-x, 0.75rem);
   padding-left: var(--bs-gutter-x, 0.75rem);


 }
}
/*
.bl-icon-outer-link::after{
 content: url("../images/icon-outer-link-white.svg");
 display: inline;

 margin-left: .2em;
 margin-right: .2em;
 height: .9em;
 width: .9em;
 vertical-align: middle;


}*/



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  font-weight: 600;
}
.h2, h2 {
  font-size: 1.5rem;
}
.h3, h3 {
  font-size: 1.3125rem;
}
.h4, h4 {
  font-size: 1.281rem;
}
.fs-p18 {
  font-size: 1.125rem; /*18px*/
}
.fs-7 {
  font-size: .875rem; /*14px*/
}

.mt-n1{
 margin-top: -.25rem;
}
/**/

@media (max-width: 539px) {
 .bl-emergency-info{
  display: block!important;
 }
}

.bl-emergency-guide + .bl-emergency-info{
 border-top: 1px solid #b3b3b3;
 margin-top: .35rem!important;
 padding-top: .5rem;
}

.bl-emergency-info-label-area + .bl-emergency-info{
 border-top: 1px solid #b3b3b3;
 margin-top: .35rem!important;
 padding-top: .5rem;
}

.min-px-450 {
    min-height: 450px;
}
@media (max-width: 991px) {
    .min-px-450 {
        min-height: 0px;
    }
}

.min-px-600 {
    min-height: 600px;
}
@media (max-width: 991px) {
    .min-px-600 {
        min-height: 0px;
    }
}

.sliderViewFrame {
    position: relative;
    width:315px;
    height:250px;
    margin-left: 13px;
}

.sliderViewFrame .sliderView {
    width: 270px;
    height: 139px;
    border: 2px solid black;
    margin: 0 20px;
}

.sliderViewFrame .slideImage {
    width:270px;
    height:135px;
    margin: 0 auto;
}

.sliderViewFrame .sliderButton {
    position: absolute;
    top: 180px;
    right: 15px;
}

.bannerViewFrame {
    width: 610px;
}

.bannerViewFrame div {
    float:left;
    width:270px;
    margin-left: 20px;
}

.bannerViewFrame img {
    width:274px; /* width：270px(画像)+4px(ボーダー)=274px */
    height:139px; /* height：135px(画像)+4px(ボーダー)=139px */
    border: 2px solid black;
    margin: 0 12px;
}

.bannerViewFrame p {
    text-align: center;
}

.text-limit {
    width: 270px; /* 省略せずに表示するサイズを指定 */
    margin: 0 14px;
    word-break: break-all;
}

.text-limit-slider {
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-limit-slider p {
    width: 270px; /* 省略せずに表示するサイズを指定 */
    text-align: center;
}

.row-height {
    display: flex;
    flex-wrap: wrap;
}

.content-info-num {
    width: 90px;
}

input[class=content-info-num]::-webkit-inner-spin-button,
input[class=content-info-num]::-webkit-outer-spin-button {
    opacity: 1;
}


/* --------- 警報・注意報ラベル --------- */
/**/
.bl-emergency-info-label-area{
 flex-wrap: wrap;
 margin-right: -7px;
 font-size: 1rem;
}
.bl-label-emg {
  display: flex;
  background-color: #ccc;
  min-height: 2.75rem; /*44px;*/
  margin-right: 5px;
  padding: 5px 8px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
 margin-bottom: 5px;
}
.bl-label-emg span {
  text-align: center;
  font-size: .875rem;
  line-height: 1.2;
  margin-bottom: -2px;
  margin-top: -2px;
}


.bl-label-emg.bg-bl-emg-jishin-shindo-6p,
.bl-label-emg.bg-bl-emg-jishin-shindo-6,
.bl-label-emg.bg-bl-emg-jishin-shindo-7,
.bl-label-emg.bg-bl-emg-jishin-shindo-5p,
.bl-label-emg.bg-bl-emg-jishin-shindo-5,
.bl-label-emg.bg-bl-emg-jishin-shindo-4,
.bl-label-emg.bg-bl-emg-tokubetsu-keihou,
.bl-label-emg.bg-bl-emg-kiken, .bl-label-emg.bg-bl-emg-keihou {
  color: #fff;
}
/**/
/* --------- タブ --------- */
/**/
.nav-tabs {
  border-bottom-color: #999999;
  font-size: .875rem;
  flex-wrap:nowrap;
}
.nav-tabs .nav-link {
  color: var(--bl-primary);
  margin-right: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-top: .33rem;
  padding-bottom: .33rem;
  background-color: #DFE0E6;
  border-bottom-color: #999999;
  font-weight: bold;


}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #cccfd3 #cccfd3 #999999;
  background-color: #cccfd3;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  background-color: #fff;
  border-color: #999999 #999999 #fff;
}
.nav-tabs .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media (min-width: 576px) {

 .nav-tabs .nav-link {
  min-width: 6rem;
 }

}

@media (max-width: 500px) {

 .nav-tabs .nav-link {
  min-width: 2rem;
  padding-left: 8px;
  padding-right: 8px;
 }

}

@media (max-width: 370px) {

 .nav-tabs .nav-link {
  padding-left: 4px;
  padding-right: 4px;
 }

}

/**/
/* --------- お知らせ（リスト） --------- */
/**/
.bl-list-news li{
 /*display: flex;*/
 word-break: break-all;
}
.bl-list-news li::after{
 content: "";
 display: block;
 height: 0;
 width: 0;
 clear: both;
}

.bl-list-news strong,
.bl-list-news em{
 font-weight: bold;
 float: left;
}



.bl-list-news strong{
 width: 6rem;
 margin-right: 12px;
 font-size: .75rem;
 text-align: center;
 padding: 5px;
}

.bl-list-news em{
 padding-top: 4px;
 font-size: .8125rem;
 font-style: normal;
}


.bl-list-news p{
 padding-top: 3px;
 margin-left: 11.5rem;
 font-size: .875rem;
}

@media (max-width: 539px) {

 .bl-list-news p{
  clear: left;
  margin-left: 0;
  padding-top: 8px;
 }


}

.bl-list-news li:last-child p{
 margin-bottom: 0;
}

.bl-bg-news-leader-tsusin{

 background-color: #89C5F1;

}

.bl-bg-news-bousai-kunren{

 background-color: #FFAE89;

}


.bl-bg-news-bousai-news{

 background-color: #9BDD81;

}

.bl-bg-news-sonohoka{

 background-color: #FBDA9C;

}


/**/
/* --------- ベーシック リスト（リーダー通信） --------- */
/**/

.bl-list-basic{}

.bl-list-basic > li{
 margin-top: .75rem;
 word-break: break-all;
}

/**/
/* --------- 検索系 --------- */
/**/
.bl-search-panel{
  position: relative;
  margin: 2em auto;
  padding: 1.5em;
  border: 1px solid #bbb;
}
.bl-search-panel-option{
  position: absolute;
  padding: .2em .8em;
  left: 20px;
  top: -11px;
  background-color: #fff;
  border: 1px solid #bbb;
}
.bl-search-panel-attr-btn{
  width: 88px !important;
  height: 40px !important;
  word-break: keep-all !important;
  padding: .25rem .25rem !important;
}
.bl-selected-file-del-btn{
    width: 170px !important;
    height: 40px !important;
    word-break: keep-all !important;
    padding: .25rem .25rem !important;
}
.bl-search-form .form-control{
  height: 40px !important;
}

.bl-search-form .bl-search-ml-aj{
  margin-left: -12px;
}

@media (min-width: 992px) {
  .bl-search-form .bl-search-ml-aj{
    margin-left: -4px;
  }
}

.bl-search-form .bl-search-pl-aj{
  padding-left: 0px;
}
.bl-none-box-shadow{
  background-color: transparent !important;
  box-shadow: none !important;
}

/**/
/* --------- CKEditor --------- */
/**/
.ck-editor__editable_inline {
  min-height: 340px;
  max-height: 460px;
}
.ck-editor__editable_inline > p {
  margin: 0px;
  padding: 0px;
}
.ck-html-mailview {
  height: 264px;
  overflow-x: auto;
  min-height: 264px;
  word-break: break-all;
}
.ck-html-mailview > p {
  margin: 0px;
  padding: 0px;
}
.ck-content .image img {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

/**/
/* --------- データ格納 --------- */
/**/
.multi-carousel {
    opacity: 0;
    padding: 0 25px;
}
.multi-carousel .carousel-control-next,
.multi-carousel .carousel-control-prev {
    width: 25px;
    background: lightgray;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.bl-carousel-link a {
  word-break: break-all;
}

/* 画像向き縦用 */
.bl-topics-icon-h {
  display: flex;
  flex-direction: column-reverse;
  height: 730px;
}
@media (min-width: 768px) {
  .bl-topics-icon-h {
    display: flex;
    flex-direction: column-reverse;
    height: 330px;
  }
}
@media (min-width: 992px) {
    .bl-topics-icon-h {
      display: flex;
      flex-direction: column-reverse;
      height: 330px;
    }
}

/* 画像向き横用 */
.bl-topics-icon-w {
    display: flex;
    flex-direction: column-reverse;
    height: 487px;
}

@media (min-width: 768px) {
  .bl-topics-icon-w {
    display: flex;
    flex-direction: column-reverse;
    height: 226px;
  }
}

@media (min-width: 992px) {
  .bl-topics-icon-w {
    display: flex;
    flex-direction: column-reverse;
    height: 226px;
  }
}

/**/
/* --------- 一覧系（リスト） --------- */
/**/
.bl-search-list-table{
  border-collapse: collapse;
  border: 2px solid #bbb;
}

.bl-search-list-table th {
  padding: 0.5em;
  border: 1px solid #bbb !important;
  background-color: #d3d3d3;
  font-weight: normal;
  word-break: break-all;
  text-align: center;
  vertical-align: middle;
}
.bl-search-list-table p{
  margin-bottom: 0;
  word-break: break-all;
}
.bl-search-list-table .td-btn-width{
  width: 78px
}

.bl-search-list-table th.position-center {
  text-align: center;
  vertical-align: middle;
}

.bl-search-list-table tr,
.bl-search-list-table td {
  padding: 0.5em;
  border: 1px solid #bbb !important;
  font-weight: normal;
  word-break: break-all;
}

.bl-search-list-table td.position-center {
  text-align: center;
  vertical-align: middle;
}
.position-right {
  text-align: right;
}

.bl-search-list-table th.table-input-check-wid,
.bl-search-list-table td.table-input-check-wid {
  width: 40px !important;
}

.bl-info-ul-panel {
  min-height: 50px;
  max-height: 500px;
  overflow-y: auto;
   position: relative;
}

.bl-nn-div {
  display: flex;
  align-items: center;
}

.bl-wb {
    word-break: break-all;
}
/**/
/* --------- 登録更新系（日時テキスト用） --------- */
/**/
.bl-datetime-height {
  height: 40px !important;
}
/**/
/* --------- システムエラー --------- */
/**/
.bl-syserr-main {
  background-color: #fff !important;
}
.bl-syserr-div-info {
  margin: 0 auto;
  max-width: 600px;
}
/*
*/
/* ==================================================== */
/*
*/ /*               FORM
*/
/* ==================================================== */
/*
*/
.form-select {
  border-radius: 0;
  border-width: 2px; /*2.5px;*/
}
.form-control {
  /*border-color: #ddd;*/ /*#d0d0d0;*/
  border-radius: 0;
  border-width: 2px; /*2.5px;*/
}

.form-check-label{
 font-size: .9375rem;
}
.col-form-label {
  font-size: .9375rem;
}
.label-display {
    display: grid !important;
}

.form-check-input{
 font-size: 1.1rem;
}

.form-check .form-check-input {
   /* margin-left:-1.25em;*//*margin-left:-1.5em;*/
}

.form-check-input {
 margin-top: .1em;/*2.5em*/
}

.form-check {
 padding-left: 1.6rem;/*1.5em;*/

}

.form-check-inc-div {
 display:inline-block;
 margin-right:0px;
}

.w-5em {
  width: 5em !important;
}
.w-6em {
  width: 6em !important;
}
@media (min-width: 576px) {
  .bl-row-input {
    border-top: 1px solid #bbb;
  }
  .bl-row-input-border-bottom, .bl-input-group .bl-row-input:last-child {
    border-bottom: 1px solid #bbb;
  }
}
@media (max-width: 575px) {
  .bl-row-input > dt,/* 2025-03 legend 追加 */
  .bl-row-input > legend,/* 2025-03 legend 追加 */
  .bl-row-input > label,
  .bl-row-input > div.bl-label {
    margin-left: 12px;
    margin-right: 12px;
    width: calc(100% - 24px);
    background-color: rgba(242, 245, 255, .9); /*rgba(232, 235, 255, .9);*/
    margin-bottom: 6px; /* 6px;*/ /*rgba(242,245,255,1);*/
    margin-top: 5px;
    /*border: 1px solid rgba(0, 0, 255, .15);*/
    border-top: 1px solid rgba(0, 0, 255, .2);
    border-bottom: 1px solid rgba(0, 0, 255, .2);
  }
  .bl-row-input-sysdiv {
    margin-left: 12px;
    margin-right: 12px;
    width: calc(100% - 24px);
    background-color: rgba(242, 245, 255, .9); /*rgba(232, 235, 255, .9);*/
    margin-bottom: 6px; /* 6px;*/ /*rgba(242,245,255,1);*/
    margin-top: 5px;
    /*border: 1px solid rgba(0, 0, 255, .15);*/
    border-top: 1px solid rgba(0, 0, 255, .2);
    border-bottom: 1px solid rgba(0, 0, 255, .2);
  }
}
.bl-row-input > div > p {
  word-break: break-all;
}
.bl-row-input > div > label {
  word-break: break-all;
}
.skip {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    border: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
.skip:focus-within {
    overflow:visible !important;
}
.skip a:focus{
    padding: 7px;
    background-color: #fff;
    margin: 0;
}
.skip a:not(:focus){
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
/*
*/
/* ==================================================== */
/* ==================================================== */
/*
*/ /*                HEADER
*/
/* ==================================================== */
/* ==================================================== */
/*
*/
.header {
  background-color: #fff;
}
.bl-header-inner {
  display: flex;
  justify-content: space-between;
}
.bl-header-left {
  min-height: 65px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.bl-header-left h1{
 margin-bottom: 0;
 white-space: nowrap;
}

/**/
/* --------- 画像サイズ --------- */
/**/

.leader-header-bousaikun-x2 {
    width: 65.6px;
    height: 73.6px;
}@media (max-width: 991px) {
    .leader-header-bousaikun-x2 {
        width: 41px;
        height: 46px;
    }
}

.leader-header-logo-pc {
    width: 323.2px;
    height: 75.2px;
}@media (max-width: 991px) {
    .leader-header-logo-pc {
        width: 202px;
        height: 47px;
    }
}

.leader-header-tokyo {
    width: 169.6px;
    height: 44.8px;
}@media (max-width: 991px) {
    .leader-header-tokyo {
        width: 106px;
        height: 28px;
    }
}

/**/
/* --------- ヘッダーロゴ --------- */
/**/

.bl-header-logo-wrap{
 /* background-color: #f00;
 padding-top: 3px;*/
}

.bl-header-logo-bousaikun{
 margin-right: 8px;
}
@media (max-width: 399px) {
 .bl-header-left {
  margin-left: -10px;
 }


 @media (max-width: 374px) {

  .bl-header-logotype{
    width: 190px;
  }

 }

 @media (max-width: 349px) {

  .bl-header-logotype{
    width: 170px;
  }

 }

 @media (max-width: 329px) {

  .bl-header-logotype{
    width: 160px;
  }

 }

 @media (max-width: 309px) {

  .bl-header-logotype{
    width: 140px;
  }

 }

  @media (max-width: 289px) {

  .bl-header-logotype{
    width: 130px;
  }

 }
}

/*
*/
/* ==================================================== */
/*
*/ /*                USER NAME
*/
/* ==================================================== */
/*
*/
.bl-header-right {
  display: flex;
  /* min-height: 100px; */
  justify-content: flex-end;
  align-items: center;
  max-width: 67%;/*47%;*/
  padding-top: 6px;/*  6px;  */
  padding-bottom: 4px;
}
.bl-header-right .bl-company-name-user-name-wrap {
  margin-right: 20px;
}
.bl-header-right-sub {
  min-height: 100px;
}
.bl-company-name-user-name-wrap {
  position:  relative;
  line-height: 1.4;
}

.bl-company-name-user-name-wrap {
border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.bl-company-name-user-name-wrap a {
  display: block;
  padding-right: 18px;
  padding-left: 5px; /*42px;*/
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  color: #333;
  text-decoration: none;
  border-radius: 5px;
}
.bl-company-name-user-name-wrap a:focus,
.bl-company-name-user-name-wrap a:hover {
  /*background-color: rgba(242, 245, 255, 1);*/
  background-color: rgba(15, 62, 174, .15);
  text-decoration: underline;
}


.bl-company-name-user-name-icon{
  display: block;
  position: absolute;
  margin-left: -70px;
}@media (max-width: 991px) {
    .bl-company-name-user-name-icon {
        left: -60px;
        top: 0px;
        margin-left: 0;
    }
}


.bl-training-level-icon {
    display: block;
    position: absolute;
    margin-left: -150px;
    margin-top: -15px;
  }

.bl-company-name-user-name-wrap a::after {
  content: "";
  display: block;
  position: absolute;
  /*border: 5px solid #000;*/
  right: 4px;
  top: 50%;
  margin-top: -6px;

 /*
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 12px solid #808080;*/


 border-top: 5px solid #909090;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
}
.bl-company-name-user-name-wrap a:hover::after {
  border-top-color: rgba(15, 62, 174, 1);
}
.bl-company-name-user-name-wrap p {
  margin: 0;
}
.bl-company-name {
  font-size: .8125rem;/*  13px   *//*.875rem; 14px */
  word-break: break-all;
}

.bl-user-name{
 font-size: .9375rem;/*  15px   *//*1rem; 16px */
}

.bl-dropdown-username-logout button,
.bl-dropdown-username-logout button span{
    text-align: left;
}

.bl-dropdown-username-logout button{
    border-radius: 5px;
    background-color: #fff;
    border: none;
}
html button.bl-logout-pc-btn{
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    color: var(--bl-primary);
    background-color: var(--bl-secondary);
    /* border-color: var(--bl-primary-hover); */
    border-color: var(--bl-secondary-boder);
}
/**/
/* --------- スマホ表示 --------- */
/**/
.bl-globalmenu-nav .bl-company-name-user-name-wrap {
  display: none;
}
@media (max-width: 991px) { /*  <lg  */

  .bl-header-right .bl-company-name-user-name-wrap{
  /*.bl-header-right {*/
    display: none;
  }
  .bl-header-right-sub {
    min-height: auto;
  }
  .bl-globalmenu-nav .bl-company-name-user-name-wrap {
    display: block;
    /*background-color: var(--bl-primary);*/
    background-color: rgba(0, 32, 99, .65);
    color: #fff;
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
  }
  .bl-company-name-user-name-wrap a {
    position: relative;
    padding-left: 52px;
    color: #fff;
    /* margin-bottom: 10px; */
    padding-right: 25px;
    border-radius: 0;

  }
  .bl-company-name-user-name-wrap.user a {
    /* padding-left: 52px;
    padding-left: 104px; */
    color: #fff;
    /* margin-bottom: 10px; */
    padding-right: 25px;
    border-radius: 0;
  }

  .bl-company-name-user-name-wrap.user > a + a,
  .bl-company-name-user-name-wrap.user > img + a {
    margin-left: 45px;
  }
  .bl-company-name-user-name-icon{
  /*.bl-company-name-user-name-wrap a::before {*/
    left: 10px;
    top: 9px;
  }
  .bl-company-name-user-name-icon.user{
    /*.bl-company-name-user-name-wrap a::before {*/
      /* left: 62px;
      top: 9px; */
    }
  .bl-training-level-icon {
    position: static;
    float: left;
    /*.bl-company-name-user-name-wrap a::before {*/
      /* left: 10px;
      top: 6px; */
      margin-left: 5px;
      margin-top: 5px;
    }
/*
  .bl-company-name-user-name-wrap a::after, .bl-company-name-user-name-wrap a:hover::after {
    border-top-color: #fff;
  } */
/*
  .bl-company-name-user-name-wrap a::after {
    right: 10px;
    margin-top: -8px;
  } */
}

/* --------- 企業名・氏名の表示幅を設定 --------- */
.bl-header-right-max-width {
    max-width: 57%;
}
@media (max-width: 1400px) {
    .bl-header-right-max-width {
        max-width: 50%;
    }
}
@media (max-width: 1199px) {
    .bl-header-right-max-width {
        max-width: 39%;
    }
}

/*
*/
/* ==================================================== */
/*
*/ /*                東京都
*/
/* ==================================================== */
/*
*/
@media (max-width: 991px) { /*  <lg  */
 .bl-header-logo-tokyo{
  margin-right: 40px;
 }
 .bl-nologin-header .bl-header-logo-tokyo{
  margin-right: 0px;
 }
}

@media (max-width: 538px) {
 .bl-header-logo-tokyo img{
  width: 34px; height: 44px;
 }
}

@media (max-width: 399px) {
 .bl-header-logo-tokyo{
  margin-right: 25px;
 }
 .bl-nologin-header .bl-header-logo-tokyo.bl-non-hb-menu{
  margin-right: -10px;
 }


 /*bl-nologin-header*/
}
/*
*/
/* ==================================================== */
/*
*/ /*                BREADCRUMB NAVI
*/
/* ==================================================== */
/*
*/
.bl-navbar-breadcrumb {
 background-color: var(--bl-primary);
 font-size: 1rem;
  /*min-height: 44px;*/
}
.breadcrumb {
  padding: 10px 0 10px 0px;
  margin-bottom: 0;
  float: left;
}
/*@media (min-width: 992px) { *//*  <lg  */
@media (min-width: 540px) {
  .breadcrumb {
    /*width: calc(100% - 5.5rem);*/
    /* width: calc(100% - 20rem); */
  }
}

.bl-nologin-header .breadcrumb {
  /*width: calc(100% - 5.5rem);*/
  /* width: calc(100% - 16rem); */
}
.breadcrumb a {
  color: rgba(255, 255, 255, .8);
  text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item {
  /*padding-left: .75rem;*/ /*.5rem;*/
}
.breadcrumb-item + .breadcrumb-item::before {
  /*padding-right: .75rem;*/ /*.5rem;*/
  color: rgba(255, 255, 255, .6); /*#6c757d;*/
  margin-top: -2px;
  /*content: var(--bs-breadcrumb-divider, "/");*/
}
.breadcrumb-item.active {
  color: #fff
}
.bl-navbar-breadcrumb::after {
  content: "";
  display: block;
  clear: both;
}
.bl-help {
  font-size: 1rem;
  float: right;
  /* float: left; */
  margin-bottom: 0;
  padding-top: 8px;
}
.bl-help a {
  color: #fff;
  display: block;
  text-decoration: none;
  position:relative;
}
.bl-help a:hover {
  text-decoration: underline;
}
.bl-help a:hover img {
    opacity: 0.95;
    background-color: transparent;
}
.bl-help a:hover::after {
    content: "";
    height: .9em;
    width: .9em;
    /*background-color: #fff;*/
    position: absolute;
    right: 3px;
    top: 6px;
    background-image: url("../images/icon-outer-link-white-hover.svg");
    background-size: 100%;
}
/* .bl-help a::before {
  content: url("../images/icon-help.svg");
  display: inline-block;
  height: 22px;
  width: 22px;
  vertical-align: middle;
  margin-right: 8px;
} */
/*
.bl-manual {
  float: right;
}
.bl-manual a::before {
  content: none;
} */

/**/
/* --------- スマホ表示 --------- */
/**/
.bl-globalmenu-h2-wrap .bl-help { /*  スマホ用HELPをPC非表示  */
  display: none;
}
@media (max-width: 991px) { /*  <lg  */

  @media (max-width: 539px) {
   .bl-help {
     display: none;
   }
  }
 /*
  */
  .bl-globalmenu-h2-wrap .bl-help {
    display: block;
  }
  .sp-menu-active .breadcrumb {
    display: none;
  }
}
.bl-nologin-header .bl-help{
 display: block!important;
}
/*
*/
/* ==================================================== */
/* ==================================================== */
/*
*/ /*             GLOBAL MENU (SIDE BAR)
*/
/* ==================================================== */
/* ==================================================== */
/*
*/
.bl-globalmenu-h2 {
  font-size: .9375rem;
  background-color: var(--bl-primary);
  color: #fff;
  font-weight: bold;
  padding: 11px 10px;
  margin: 0 0 3px 0;
}
.bl-globalmenu-ul {
  font-size: .9375rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.bl-globalmenu-ul > li {
  margin: 0 0 3px 0;
  padding: 0;
}
.bl-globalmenu-ul > li > a {
  display: block;
  padding: 8px 10px 8px 40px;
  background-color: #DFE0E6;
  color: var(--bl-primary);
  text-decoration: none;
  position: relative;
}
.bl-globalmenu-ul > li > a:hover {
  background-color: #cccfd3;
}

.bl-globalmenu-ul > li > a span{
 display: inline-block;
}

/* --------- ICON --------- */

/* home */
.bl-menu-top::before {
 content: url("../images/icon-home.svg");
 display: block;
 position: absolute;
 left: 11px;
 top: 8px;

}

.bl-menu-company-info::before {
 content: url("../images/icon-company-info.svg");
 display: block;
 position: absolute;
 left: 10px;
 top: 48%;
 margin-top: -11px;

}

.bl-menu-user-list::before {
 content: url("../images/icon-user-list.svg");
 display: block;
 position: absolute;
 left: 10px;
 top: 8px;

}

.bl-menu-erasure-request::before {
 content: url("../images/icon-massyo-sinsei.svg");
 display: block;
 position: absolute;
 left: 12px;
 top: 10px;

}

.bl-menu-questionnaire-info::before {
 content: url("../images/icon-anketo-itiran.svg");
 display: block;
 position: absolute;
 left: 12px;
 top: 10px;

}

.bl-menu-delivery-history::before {
 content: url("../images/icon-haisin-itiran.svg");
 display: block;
 position: absolute;
 left: 12px;
 top: 10px;

}

.bl-menu-operation-history::before {
 content: url("../images/icon-toroku-kosin.svg");
 display: block;
 position: absolute;
 left: 12px;
 top: 10px;

}

.bl-menu-prvntn-rcptn::before {
 content: "";
 position: absolute;
 left: 12px;
 top: 10px;
 width: 20px;
 height: 20px;
 background-image: url("../images/icon-prvntn-rcptn.svg");
 background-size: contain;
 background-repeat: no-repeat;
 display: block;

}

.bl-menu-level-info-status::before {
 content: url("../images/icon-level-program.svg");
 display: block;
 position: absolute;
 left: 12px;
 top: 10px;

}

.bl-menu-leader-info::before {
 content: url("../images/icon-leader-info.svg");
 display: block;
 position: absolute;
 left: 10px;
 top: 48%;
 margin-top: -11px;

}

/**/
/* --------- スマホ表示 --------- */
/**/
.bl-btn-sp-menu-close-wrap, .bl-sp-menu {
  display: none;
}
@media (max-width: 991px) { /*  <lg  */

  .bl-globalmenu-wrap {
    display: none;
  }
  .sp-menu-active .bl-globalmenu-wrap {
    display: block;
  }
  .sp-menu-active .header, .sp-menu-active .bl-globalmenu-wrap {
    position: fixed;
    z-index: 100;
  }
  .sp-menu-active .header {
    width: 100%;
  }
  .sp-menu-active .bl-globalmenu-wrap {
    position: fixed;
    top: 65px; /*65px*/
    bottom: 0;
    right: 0;
    overflow-y: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .sp-menu-active .bl-globalmenu-nav {
    padding-top: 0 !important;
  }
  .bl-globalmenu-nav {
    display: none;
  }
  /**/
  /*      SPメニュー タイトル     */
  /**/
  .sp-menu-active .bl-globalmenu-h2-wrap {
    position: sticky;
    top: 0;
    z-index: 1;
    padding-left: 30px;
    padding-right: 30px;
    /* padding-bottom: 8px; */
  }
  .sp-menu-active .bl-globalmenu-h2-wrap {
    background-color: var(--bl-primary);
  }
  .sp-menu-active .bl-globalmenu-h2-wrap::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    clear: both;
  }
  .sp-menu-active .bl-globalmenu-h2 {
    /*min-height: 44px;*/
    padding-left: 0;
    font-size: 1rem;
    /*width: calc(100% - 5.8rem);*/
    /*width: calc(100% - 7.7rem);*/
    float: left;
  }
  /**/
  /*      SPメニュー UL（リスト）     */
  /**/
  .bl-globalmenu-ul {
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .bl-globalmenu-ul > li > a {
   background-color: #fff;
  }
  .bl-globalmenu-ul > li > a:hover {
   background-color: #cccfd3;
  }
  .bl-globalmenu-ul > li > a br {
    display: none;
  }
  /**/
  /*      透明背景     */
  /**/
  body.sp-menu-active::before {
    content: "";
    display: block;
    position: fixed;
    z-index: 100;
    top: 65px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 32, 99, .85);
    mix-blend-mode: multiply;
    opacity: 0;
    animation-name: blMenuBgOpacity;
    animation-duration: .4s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
  }
  @keyframes blMenuBgOpacity {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  /**/
  /*      SPメニュー クローズ     */
  /**/
  .bl-btn-sp-menu-close-wrap {
    display: block;
  }
  .bl-btn-sp-menu-close {
    width: 35%;
    min-width: 6rem;
    max-width: 16rem;
  }
  /**/
  /* --------- ハンバーガーメニュー --------- */
  /**/
  .bl-sp-menu {
    display: block;
    position: fixed;
    top: 11px;/* 13px 10px;*/
    right: 22px;/* 20px;*/ /*16px;*/
    left: auto;
    background-color: rgba(255, 255, 255, .8);
    padding: 3px 8px 9px;
    z-index: 999;
  }

  @media (max-width: 575px) {
   .bl-sp-menu {
    right: 12px;/* 20px;*/ /*16px;*/
   }
  }

  @media (max-width: 399px) {
   .bl-sp-menu {
    right: 2px;/* 12px; 20px;*/ /*16px;*/
   }
  }

  .bl-hb-menu, .bl-hb-menu span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }
  .bl-hb-menu strong {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    text-indent: -999px;
    font-size: .5rem;
    /*background-color: #f00;*/
  }
  .bl-hb-menu {
    position: relative;
    width: 24px; /*50px;*/
    height: 22px; /*44px;*/
    background: none;
    border: none;
    appearance: none;
    cursor: pointer;
  }
  .bl-hb-menu span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px; /*4px;*/
    background-color: var(--bl-primary); /*#fff;*/
    border-radius: 1px;
  }
  .bl-hb-menu span:nth-of-type(1) {
    top: 0;
  }
  .bl-hb-menu span:nth-of-type(2) {
    top: 10px; /*20px;*/
  }
  .bl-hb-menu span:nth-of-type(3) {
    bottom: 0;
  }
  #bl-hb-menu.active span:nth-of-type(1) {
    /* transform: translateY(20px) rotate(-45deg);*/
    transform: translateY(10px) rotate(-45deg);
  }
  #bl-hb-menu.active span:nth-of-type(2) {
    opacity: 0;
  }
  #bl-hb-menu.active span:nth-of-type(3) {
    /*transform: translateY(-20px) rotate(45deg);*/
    transform: translateY(-10px) rotate(45deg);
  }


  .bl-hb-menu-open{
   display: block;
  }

  .bl-hb-menu-close{
   display: none;
  }

  .bl-hb-menu.active .bl-hb-menu-open{
   display: none;
  }

  .bl-hb-menu.active .bl-hb-menu-close{
   display: block;
  }


}
/*
*/
/* ==================================================== */
/* ==================================================== */
/*
*/ /*                   FOOTER
*/
/* ==================================================== */
/* ==================================================== */
/*
*/
/* --------- PAGE TOP --------- */
/*
*/
.bl-page-top-line {
  height: 3px;
  background-color: var(--bl-primary);
  margin-top: 80px;
}
.bl-page-top-wrap {
  float: right;
  margin-bottom: 0;
  position: relative;
}
.bl-page-top {
  min-height: 40px;
  min-width: 160px;
  font-size: .8125rem;
  justify-content: center;
  align-items: center;
  background-color: var(--bl-primary);
  color: #fff;
  display: flex;
  text-decoration: none;
  position: absolute;
  right: 0;
  bottom: 0;
}

.bl-page-top:visited {
 color: #fff;
}


.bl-page-top:hover {
  background-color: var(--bl-primary-hover);
  color: #fff;
}
/*
*/
/* --------- FOOTER PICKUP LINK --------- */
/*
*/
.bl-footer-picup-link-wrap {
  background-color: #dfe0e6;
}
.bl-footer-picup-link {
  padding: 20px 0;
  margin: 0;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  align-items: stretch;
}
.bl-footer-picup-link > li {
  display: flex;
  width: calc(25% - 3px);
  margin-right: 4px;
  align-items: stretch;
  margin-bottom: 4px;
  font-size: .875rem;
  /*width: 255px;*/
}
.bl-footer-picup-link > li:nth-child(4) {
  margin-right: -4px;
}
@media (max-width: 849px) {
  .bl-footer-picup-link > li {
    width: calc(33.33% - 4px);
  }
  .bl-footer-picup-link > li:nth-child(4) {
    margin-right: 4px;
  }

}
@media (max-width: 645px) {
  .bl-footer-picup-link > li {
    width: calc(49% - 2px);
  }
}

.bl-footer-picup-link > li a {
  display: flex;
  min-height: 44px;
  line-height: 1.1;
  background-color: #fff;
  justify-content: center;
  text-decoration: none;
  color: var(--bl-primary);
  padding: 10px;
  width: 100%;
  align-items: center;
}
.bl-footer-picup-link > li a:hover {
  background-color: var(--bl-primary);
  color: #fff;
}
/*
*/
/* --------- TWITTER --------- */
/*
*/
.bl-footer-picup-link > li a.bl-footer-twitter {
  background-color: #000000;
}
.bl-footer-picup-link > li a.bl-footer-twitter:hover {
  background-color: #000000;
}
a.bl-footer-twitter img {
  /*filter: drop-shadow(2px 0px 1px #2077cb) drop-shadow(-2px 0px 1px #2077cb) drop-shadow(0px -2px 1px #2077cb) drop-shadow(0px 2px 1px #2077cb);*/
  /*filter: drop-shadow(1px 0px 1px #2077cb) drop-shadow(-1px 0px 1px #2077cb) drop-shadow(0px -1px 1px #2077cb) drop-shadow(0px 1px 1px #2077cb);*/
  filter: drop-shadow(1px 0px 0.5px #000000) drop-shadow(-1px 0px 0.5px #000000) drop-shadow(0px -1px 0.5px #000000) drop-shadow(0px 1px 0.5px #000000);
}
@media (max-width: 849px) {
  a.bl-footer-twitter img {
    max-width: 100%;
  }
}
/*
*/
/* --------- FOOTER NAVI MENU --------- */
/*
*/
.bl-footer-navi-wrap {
  background-color: #3e4770;
  list-style: none;
  padding: 10px 0;
}
.bl-footer-navi {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}
.bl-footer-navi > li {
  /*display: inline-block;*/
  padding: 0 1rem;
  font-size: .875rem;
  border-left: 1px solid #89a;
  border-right: 1px solid #89a;
  margin-right: -1px;
}
.bl-footer-navi > li a {
  color: #fff;
}
@media (max-width: 645px) {
  .bl-footer-navi {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .bl-footer-navi > li {
    width: 49%;
    border: none;
    padding: 8px 3px;
  }
}
/*
*/
/* --------- COPY ADDRESS --------- */
/*
*/
.bl-address-wrap {
  /*text-align: center;*/
  color: #fff;
  clear: both;
  background-color: var(--bl-primary);
  padding: 20px 0 20px;
  text-align: center;
}
.bl-address-wrap p {
  font-size: .8125rem;
  margin: 0;
  line-height: 1.8;
  /*padding: 4px 0;*/
}
@media (max-width: 849px) {
  .bl-address-text span {
    display: inline-block;
  }
}
@media (max-width: 645px) {
  .bl-address-wrap {
    text-align: left;
  }
  .bl-address-text span:first-child {
    display: block;
  }
}

/*
*/
/* --------- DETAILS --------- */
/*
*/
/* Safariで表示されるデフォルトの三角形アイコンを削除 */
.accordion::-webkit-details-marker {
    display: none;
}

.accordion-title {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accordion-title::after {
    content: "";
    display: block;
    background-image: url("../images/pict-renkei-open.svg");
    min-width: 1em;
    height: 1em;
    margin: 0.5em;
}

details[open] .accordion-title::after{
    background-image: url("../images/pict-renkei-close.svg");
    width: 1em;
    height: 0.4em;
}

.accordion:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5);
}

.accordion-title-span {
    font-weight: 600;
    line-height: 1.2;
}

.kitakon-box {
    padding-top: calc(2% + 1rem);
    padding-bottom: 1rem;
}

.kitakon-legend {
  display: flex;
  align-items: flex-end; /* 下寄せ */
}

/*************/
/* スライダー */
/*************/
.splide-content {
    position: relative;
    width:350px;
    padding-bottom: 1rem;
    /* height:250px; */
}

.splide__slide__container img{
    width:274px; /* width：270px(画像)+4px(ボーダー)=274px */
    height:139px; /* height：135px(画像)+4px(ボーダー)=139px */
    margin: 0 auto;
    border: 2px solid black;
}

/*  テキスト3行マックス表示  3行超表示を省略  */
.splide__slide__container .text-break{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* 矢印 */
.splide__arrow {
    background: #fff !important;
    border: 2px solid black !important;
    width: 30px !important;
    height: 30px !important;
    top: 30% !important;
}

/* 前矢印 */
.splide__arrow--prev {
    left: 0em !important;
}

/* 次矢印 */
.splide__arrow--next {
    right: 0em !important;
}

/* 再生・停止ボタン */
#splide-action-btn {
    /* position: absolute !important; */
    width: 130px !important;
    /* right: 50px !important; */
    padding: 8px !important;
    font-size: 1rem !important;
    color: #fff !important;
    border-width: 0rem;
    margin-left: 180px;
}

/* 停止ボタン */
.splide-pause:hover {
    background-color: #bb2d3b !important;
    }
.splide-pause {
    background-color: #dc3545 !important;
}

/* 再生ボタン */
.splide-play:hover {
    background-color: #198754 !important;
    }
.splide-play {
    background-color: #339f19 !important;
}

/***************/
/* TEXT埋め込み */
/***************/
.text-color-scheme {
    color-scheme: light;
}

/***************/
/* コンテンツ表示イメージ画像 */
/***************/
.content-image-display {
    width: 450px;
}
@media (max-width: 450px) {
    .content-image-display {
        width: 100%;
    }
}

/***************/
/* データ格納 */
/***************/
/* 画像エリア向き縦用 */
.topics-icon-area-h {
    height: 688px;
}
@media (min-width: 768px) {
    .topics-icon-area-h {
        height: 288px;
    }
}
@media (min-width: 992px) {
    .topics-icon-area-h {
        height: 288px;
    }
}

/* 画像エリア向き横用 */
.topics-icon-area-w {
    height: 445px;
}
@media (min-width: 768px) {
    .topics-icon-area-w {
        height: 184px;
    }
}
@media (min-width: 992px) {
    .topics-icon-area-w {
        height: 184px;
    }
}

/* 画像向き縦用 img */
.bl-topics-icon-img-h {
    max-height: 688px;
}
@media (min-width: 768px) {
    .bl-topics-icon-img-h {
        max-height: 288px;
    }
}
@media (min-width: 992px) {
    .bl-topics-icon-img-h {
        max-height: 288px;
    }
}

/* 画像向き横用 img */
.bl-topics-icon-img-w {
    max-height: 445px;
}
@media (min-width: 768px) {
    .bl-topics-icon-img-w {
        max-height: 184px;
    }
}
@media (min-width: 992px) {
    .bl-topics-icon-img-w {
        max-height: 184px;
    }
}

/* タイトルエリア */
.topics-title-area {
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/***************/
/* 属性設定 */
/***************/
.form-check-maintenance {
 background-color: #FFFF00;
}
/******************/
/* ユーザー情報一覧 */
/******************/
/* 配信停止中、配信不可ラベル */
.send-stop-impossible {
    font-weight: normal;
    font-size: clamp(10px, 1.25vw, 11px);
    line-height: 1.5;
    padding: 6px 4px 1px;
}

.table-send-status {
    width: 100%;
    border: none;
    table-layout: auto;
}

.table-send-status th {
    font-weight: normal;
    width: 1%;
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
    border: none;
    background-color: transparent;
}

.table-send-status td {
    width: auto;
    vertical-align: top;
    border: none;
}

.label-evenly-impossible {
    letter-spacing: 0.25em;
}

.pt-4-8 {
  padding-top: 2.6rem !important;
}
/***************/
/*   2025-02 アクセシビリティ改修 */
/***************/

.fs-15px{
    font-size: .9375rem;
}

.bl-indent{
    text-indent: -1.25em;
    padding-left: 1.25em;
}

.text-red{
    color: #E40102;
}
/*  label Focus  */
input:focus + .bl-label-focus.btn-success{
      box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
/*  Collaps  */
.bl-collapse-menu span{
    line-height: 1.0;
    font-size: .875rem;
    padding: 3px;
}
.bl-collapse-menu:focus,
.bl-collapse-menu:hover{
    color: #222;
    background-color: #DFE0E6;
    outline: none;
}

.bl-collapse-menu[aria-expanded="false"] .bl-collapse-btn-close{
    display: none;
}
.bl-collapse-menu[aria-expanded="true"] .bl-collapse-btn-open{
    display: none;
}
/*  PopOver  */
.bl-popover-link {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url("/images/icon-info-blue.svg");
    background-repeat: no-repeat;
    text-indent: -999px;
    overflow: hidden;
    vertical-align: middle;
    margin-top: -8px;
    margin-bottom: -8px;
    margin-left: 4px;
}

.bl-popover-link:hover{
    opacity: .7;
}


.bl-popover-info-msg{
    /*position: relative!important;*/
    border: none 0px;
    background-color: rgba(0,32,99,.8);
    white-space: pre-wrap;
}

.bl-popover-info-msg .popover-body{
    color: #fff;
}

.bl-popover-info-msg .popover-arrow{
    display: none;
}

.bl-popover-info-msg .popover-arrowX::after{
    border-color: #0f0;
    /*background-color: #00f;*/
}

.bl-popover-info-msg .popover-arrowX::before{
    border-color: #050;
    /*background-color: #00f;*/
}

/*  Form validated  */

.invalid-feedback {
    font-size: 1em;
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #ced4da;
    background-image: none;
}

.was-validated input.form-control:invalid::placeholder {
    color: #c00;
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
    border-color: #666;
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
    color: #212529;
}

.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, 0 0;
}
.form-select.is-valid, .was-validated .form-select:valid {
    border-color: #ced4da;
}


.bl-dropdown-username-logout{
    margin-top: -.5rem;
    margin-bottom: -.5rem;
}

.bl-dropdown-username-logout button{
    border-radius: 5px;
    background-color: #fff;
        border: none;
}

.bl-dropdown-username-logout button,
.bl-dropdown-username-logout button span{
    text-align: left;
}

.bl-dropdown-username-logout button:focus,
.bl-dropdown-username-logout button:hover {
  /*background-color: rgba(242, 245, 255, 1);*/
  background-color: #dfe0e6;
  text-decoration: underline;
}


html button.bl-logout-pc-btn{
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
  color: var(--bl-primary);
  background-color: var(--bl-secondary);
  /*border-color: var(--bl-primary-hover);*/
  border-color: var(--bl-secondary-boder);


}

html button.bl-logout-pc-btn:hover{
  background-color: var(--bl-primary-hover);
  border-color: var(--bl-primary);
}

.bl-company-name-user-name-wrap{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;

}

/*  表示設定  */


#err-check-target-city.d-block ~ * #check-target-city label{
    color: #E40102;
}

#err-check-target-city.d-block ~ * #check-target-city input{
    border-color: #E40102;
}

/*check-disaster-information*/


#err-check-disaster-information.d-block ~ * #check-disaster-information label{
    color: #E40102;

}

#err-check-disaster-information.d-block ~ * #check-disaster-information input{
    border-color: #E40102;
}
/***************/
/*   2025-09-12 課題管理No25 */
/***************/

.bl-officepage-mail-attention{
    text-indent: -1em;
    padding-left: 1em;
    margin:0;
}

#suggestionList .list-group-item-action:hover {
    background-color: #494949;
    color: #ffffff;
}

/***************/
/*   2026-09-04 ページネーション用 */
/***************/
/* ul の親階層設定 */
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    display: inline-flex !important;
    padding-left: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    align-items: center !important;
}

/* 外側の枠（li.paginate_button）：外枠サイズを厳密に固定 */
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button {
    display: inline-block !important;
    font-size: 14px !important;
    padding: 0 !important;
    width: 57.64px !important;            /* 外枠の横幅 */
    height: 37px !important;              /* 外枠の高さ */
    background-color: #ffffff !important;
    color: #6b7686 !important;
    border: 1px solid #d9d9d9 !important; /* ★1層目：外枠線 */
    border-radius: 4px !important;
    transition: all 0.2s ease-out !important;
    margin-left: 0px !important;
    position: relative !important;         /* 擬似要素の位置基準 */
    box-sizing: border-box !important;
}

/* 選択時の外枠（li.active）：背景を薄水色にする */
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.active,
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.current {
    background-color: #e6f7ff !important;
}

/* a タグ（クリック領域）：li の内側全体（55.83px × 37px）を満たして全域クリック可能にする */
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button a,
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button span {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 100% !important;
    color: #0d6efd !important;
    text-decoration: none !important;
    position: relative !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
}

/* ★2層目：擬似要素（::before）で内側の四角枠・背景を描画 */
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button a::before,
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button span::before {
    content: "" !important;
    position: absolute !important;
    top: 0px !important;                   /* 上の隙間 */
    bottom: 0px !important;                /* 下の隙間 */
    left: 9.25px !important;                 /* 左の隙間 */
    right: 9.25px !important;                /* 右の隙間 */
    border: 1px solid #d9d9d9 !important; /* ★2層目：内枠線 */
    border-radius: 3px !important;
    background-color: #ffffff !important;
    z-index: -1 !important;                /* 文字の背後に配置 */
    transition: all 0.2s ease-out !important;
}

/* 選択中（current / active）：内側要素（擬似要素）のみ青背景にする */
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.current a::before,
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.active a::before {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.current a,
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.active a {
    color: #ffffff !important;             /* 白文字 */
}

/* 非活性（disabled） */
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.disabled a,
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.disabled span {
    color: #6b7686 !important;
    cursor: default !important;
}
/* 1. 外枠（li）の幅を個別に変更したい場合（例: 少し広くする場合） */
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.previous,
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.next {
    width: 70.52px !important; /* ★数字ボタン(55.83px)と変えたい外枠の横幅を指定 */
}