:root {
  --c-c-nexco: #f47a20;
  --c-c-nexco-hover: #d6610a;
  --c-c-nexco-focus-shadow: rgba(244, 122, 32, 0.5);

  --c-e-nexco: rgb(41, 103, 0);
  --c-e-nexco-hover: #2fa002;
  --c-e-nexco-focus-shadow: rgba(19, 82, 11, 0.5);
  --c-e-nexco-title: hsl(96.12deg 100% 30.2%);

  --c-primary: var(--c-c-nexco);
  --c-primary-hover: var(--c-c-nexco-hover);
  --c-primary-focus-shadow: var(--c-c-nexco-focus-shadow);

  --c-nsys: #fff176;
  --c-nsys-hover: #ffec3d;
  --c-nsys-secondary: #fff6ce;

  --c-nsys-primary: var(--c-nsys);
  --c-nsys-primary-hover: var(--c-nsys-hover);

}

body.theme_color_east {
  --c-primary: var(--c-e-nexco);
  --c-primary-hover: var(--c-e-nexco-hover);
  --c-primary-focus-shadow: var(--c-e-nexco-focus-shadow);
}

.meiryo {
  font-family: "Meiryo", cursive;
  color: black;
  font-weight: bold;
}

.meiryo_central {
  font-family: "Meiryo", cursive;
  color: var(--c-primary);
  font-weight: bold;
}

.meiryo_east {
  font-family: "Meiryo", cursive;
  color: var(--c-e-nexco-title);
  font-weight: bold;
}

.meiryo_admin {
  font-family: "Meiryo", cursive;
  color: var(--c-primary);
  font-weight: bold;
}

.meiryo_admin_east {
  font-family: "Meiryo", cursive;
  color: var(--c-e-nexco-title);
  font-weight: bold;
}

.title_text {
  font-weight: bold;
}

.title_text_east {
  font-weight: bold;
}

.emptycheck_selected_button {
  background-color: var(--c-nsys-primary) !important;
}

.emptycheck_selected_input {
  background-color: var(--c-nsys-primary) !important;
}

.admin_mochiy_pop_one {
  font-family: "Mochiy Pop One", cursive;
}
.lh-condensed {
  line-height: 1.25;
}

/*------------------------------------
    - COLOR primary
    ------------------------------------*/

.badge-primary {
  color: white;
  background-color: var(--c-primary);
}

.badge-primary_nsys {
  color: black;
  background-color: var(--c-nsys-primary);
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
  color: white;
  background-color: var(--c-primary-hover);
}

.bg-primary {
  background-color: var(--c-primary) !important;
}

.bg-primary_nsys {
  background-color: var(--c-nsys-primary) !important;
}

.bg-primary_nsys:hover {
  background-color: var(--c-nsys-primary-hover) !important;
}

.bg-primary_east {
  background-color:  var(--c-e-nexco-title) !important;
}


a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: var(--c-primary-hover) !important;
}

.border-primary {
  border-color: var(--c-primary) !important;
}

.border-primary_east {
  border-color: var(--c-e-nexco-title) !important;
}

.btn-primary {
  color: white;
  background-color: var(--c-primary);
  border-color: var(--c-primary);
}

.btn-primary:hover {
  color: white;
  background-color: var(--c-primary-hover);
  border-color: var(--c-primary-hover);
  font-weight: bold;
  text-decoration: underline;
}

.btn-primary_before_trigger {
  color: white;
  background-color: var(--c-primary);
  border-color: var(--c-primary);
}

.btn-primary_after_trigger {
  color: white;
  background-color: var(--c-primary);
  border-color: var(--c-primary);
}

.btn-primary_after_trigger:hover {
  color: white;
  background-color: var(--c-primary-hover);
  border-color: var(--c-primary-hover);
  font-weight: bold;
  text-decoration: underline;
}

.btn-primary_nsys {
  color: black;
  border-color: #8c8c8c;
  background-color: var(--c-nsys-primary);
  border-color: var(--c-nsys-primary);
}

.btn-primary_nsys:hover {
  color: black;
  border-color: #8c8c8c;
  background-color: var(--c-nsys-primary-hover);
  border-color: var(--c-nsys-primary-hover);
  font-weight: bold;
  text-decoration: underline;
}

.btn-primary_before_trigger_nsys {
  color: black;
  border-color: #8c8c8c;
  background-color: var(--c-nsys-primary);
  border-color: var(--c-nsys-primary);
}

.btn-primary_after_trigger_nsys {
  color: black;
  border-color: #8c8c8c;
  background-color: var(--c-nsys-primary);
  border-color: var(--c-nsys-primary);
}

.btn-primary_after_trigger_nsys:hover {
  color: black;
  border-color: #8c8c8c;
  background-color: var(--c-nsys-primary-hover);
  border-color: var(--c-nsys-primary-hover);
  font-weight: bold;
  text-decoration: underline;
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 0.2rem var(--c-primary-focus-shadow);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: white;
  background-color: var(--c-primary);
  border-color: var(--c-primary);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: white;
  background-color: var(--c-primary-hover);
  border-color: var(--c-primary-hover);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--c-primary-focus-shadow);
}

.btn-primary--east {
  color: white;
  background-color: var(--c-e-nexco-title);
  border-color: var(--c-e-nexco-title);
}

.btn-primary--east:hover {
  color: white;
  background-color: hsl(96.12deg 100% 22%);
  border-color: hsl(96.12deg 100% 22%);
  font-weight: bold;
  text-decoration: underline;
}

.btn-primary--east:not(:disabled):not(.disabled):active {
  color: white;
  background-color: hsl(96.12deg 100% 22%);
  border-color: hsl(96.12deg 100% 22%);
}

.btn-primary--east:focus {
  box-shadow: 0 0 0 0.2rem var(--c-e-nexco-focus-shadow);
}

.btn-primary--east_before_trigger {
  color: white;
  background-color: var(--c-e-nexco-title);
  border-color: var(--c-e-nexco-title);
}

.btn-primary--east_after_trigger {
  color: white;
  background-color: var(--c-e-nexco-title);
  border-color: var(--c-e-nexco-title);
}

.btn-primary--east_after_trigger:hover {
  color: white;
  background-color: hsl(96.12deg 100% 22%);
  border-color: hsl(96.12deg 100% 22%);
  font-weight: bold;
  text-decoration: underline;
}

.header-text_nsys {
  color: black;
}

.header-text_nsys:hover {
  color: black;
  font-weight: bold;
  text-decoration: underline;
}

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

.text-primary_nsys {
   color: black !important; 
}

.icon-primary_nsys {
  color: var(--c-nsys-primary) !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: var(--c-primary-hover) !important;
}

a.text-primary_nsys:hover,
a.text-primary_nsys:focus {
  color: black !important;
}

/*------------------------------------
    - COLOR secondary
    ------------------------------------*/
.alert-secondary {
  color: #959595;
  background-color: #13913913;
  border-color: #12e12e12;
}

.alert-secondary hr {
  border-top-color: #12212212;
}

.alert-secondary .alert-link {
  color: #7c7c7c;
}

.badge-secondary {
  color: #212529;
  background-color: #d3d3d3;
}

.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
  color: #212529;
  background-color: #b9b9b9;
}

.bg-secondary {
  background-color: #d3d3d3 !important;
}

.bg-secondary_nsys {
  background-color: var(--c-nsys-secondary) !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #b9b9b9 !important;
}

.border-secondary {
  border-color: #d3d3d3 !important;
}

.btn-secondary {
  color: #212529;
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}

.btn-secondary:hover {
  color: #212529;
  background-color: #c1c1c1;
  border-color: #b9b9b9;
  font-weight: bold;
  text-decoration: underline;
}

.btn-secondary-mypage-parking {
  color: #212529;
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}

.btn-secondary:focus,
.btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(211, 211, 211, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #212529;
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #212529;
  background-color: #b9b9b9;
  border-color: #b1b1b1;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(211, 211, 211, 0.5);
}

.btn-outline-secondary {
  color: #d3d3d3;
  background-color: transparent;
  border-color: #d3d3d3;
}

.btn-outline-secondary:hover {
  color: #212529;
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(211, 211, 211, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #d3d3d3;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #212529;
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(211, 211, 211, 0.5);
}

.list-group-item-secondary {
  color: #959595;
  background-color: #12e12e12;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #959595;
  background-color: #12212212;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #212529;
  background-color: #959595;
  border-color: #959595;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #12e12e12;
}

.table-hover .table-secondary:hover {
  background-color: #12212212;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #12212212;
}

.text-secondary {
  color: #d3d3d3 !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: #b9b9b9 !important;
}


.btn-alert-red {
  color: white;
  background-color: #d80d0d;
}

.btn-alert-red:hover {
  color: white;
  background-color: #971818;
  font-weight: bold;
  text-decoration: underline;
}

main > .container {
  padding: 60px 15px 0;
}

html {
  font-size: 0.8rem;
}

#footer {
  top: 0px;
  margin-bottom: 0px;
}

.head_li {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 75px;
}

/* 矢羽 */
.flowBread {
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
}
.flowBread_ul {
  padding-left: 20px;
}
.flowBread li {
  list-style: none;
  float: left;
  margin: 0 0.5em 0 1em;
}

.flowBread span {
  background: #ddd;
  padding: 0.5em 1em;
  float: left;
  text-decoration: none;
  color: #444;
  position: relative;
}

.flowBread span::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #ddd #ddd #ddd transparent;
  left: -0.9em;
}

.flowBread span::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #ddd;
  right: -0.98em;
}

.flowBread span.nowHere {
  background: var(--c-primary);
  color: #fff;
}
.flowBread span.nowHere::before {
  border-color: var(--c-primary) var(--c-primary) var(--c-primary) transparent;
}
.flowBread span.nowHere::after {
  border-left: 1em solid var(--c-primary);
}

.flowBread span.nowHere_nsys {
  background: var(--c-nsys-primary);
  color: black;
}
.flowBread span.nowHere_nsys::before {
  border-color: var(--c-nsys-primary) var(--c-nsys-primary) var(--c-nsys-primary) transparent;
}
.flowBread span.nowHere_nsys::after {
  border-left: 1em solid var(--c-nsys-primary);
}

.flowBread span.notNowHere_nsys {
  background: var(--c-nsys-secondary);
  color: black;
}
.flowBread span.notNowHere_nsys::before {
  border-color: var(--c-nsys-secondary) var(--c-nsys-secondary) var(--c-nsys-secondary) transparent;
}
.flowBread span.notNowHere_nsys::after {
  border-left: 1em solid var(--c-nsys-secondary);
}

@media only screen and (max-width: 799px) {
  .flowBread {
    font-size: 70%;
  }
  .flowBread span {
    padding: 0.5em;
  }
}
.bg-green {
  background-color: #e6ffe9;
}

.bg-red {
  background-color: #ffd5ec;
}

.modal-dialog-fluid {
  max-width: 1140px;
}
.table .thead-light th {
  color: #495057;
  background-color: #d3d3d3;
  border-color: #dee2e6;
}

.table .thead-light_nsys th {
  color: #495057;
  background-color: var(--c-nsys-secondary);
  border-color: #dee2e6;
}


.admin-td {
  width: 40%;
}
.admin-td2 {
  width: 60%;
}

.container table td {
  vertical-align: middle;
}

.header-border-bottom {
  border-bottom: 4px solid var(--c-primary);
}

.header-border-bottom_nsys {
  border-bottom: 4px solid var(--c-nsys);
}

.left,
.right {
  display: inline-block;
}

.left {
  margin-right: auto;
}

.frame {
  display: flex;
}

.howtoAvail .flowCursor {
  margin: 235px -4px 0 13px;
}
.flowCursor {
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-top: 15px solid var(--c-primary);
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  margin: 99px -4px 0 11px;
}

.flowCursor_nsys {
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-top: 15px solid var(--c-nsys-primary);
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  margin: 99px -4px 0 11px;
}

.flowCursor_nsys_sp {
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-top: 15px solid var(--c-nsys-primary);
  transform: rotate(-0deg);
  -ms-transform: rotate(-0deg);
  -webkit-transform: rotate(-0deg);
  margin: 40px auto 40px auto;
}

.flowCursor_east {
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-top: 15px solid var(--c-e-nexco-title);
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  margin: 99px -4px 0 11px;
}

.arrow-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  width: 100%;
}

.lineFlowItem.mb40 .flowCursor {
  margin-top: 250px;
}

.disp-pc {
  display: block !important;
}
.disp-sp {
  display: none !important;
}
.disp-group-pc {
  display: inline-flex;
}
.disp-pc-sm {
  display: none;
}
.disp-sp-sm {
  display: block;
}
ul.anchor-list li {
  width: 32%;
  display: inline-block;
}
@media only screen and (min-width: 1200px) {
  .image-text {
    background-color: #fff;
    left: 83%;
    width: 15%;
    bottom: 10px;
    position: relative;
  }
}
@media only screen and (max-width: 1199px) {
  .flowCursor {
    height: 0;
    width: 0;
    border: 15px solid transparent;
    border-top: 15px solid var(--c-primary);
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    margin: 10px auto 0;
    position: relative;
    left: 0;
  }
  ul.anchor-list li {
    width: 100%;
  }
  .parking-btn {
    font-size: 1.25rem !important;
    white-space: normal !important;
  }
  .image-text {
    background-color: #fff;
    left: 78%;
    width: 19%;
    bottom: 10px;
    position: relative;
  }
}
@media only screen and (max-width: 992px) {
  .parking-btn {
    font-size: 1.25rem !important;
    white-space: normal !important;
  }
  .empty-car-button {
    font-size: smaller !important;
  }
  .disp-pc-sm {
    display: block;
  }
  .disp-sp-sm {
    display: none;
  }
  .image-text {
    background-color: #fff;
    left: 73%;
    width: 25%;
    bottom: 10px;
    position: relative;
  }
}

@media only screen and (max-width: 768px) {
  .lineFlowItem.mb40 .flowCursor {
    margin-top: 10px;
  }

  .disp-pc {
    display: none !important;
  }
  .disp-sp {
    display: block !important;
  }
  .disp-group-pc {
    display: none !important;
  }
  .parking-btn {
    font-size: 1.25rem !important;
    white-space: normal !important;
  }
  .image-text {
    display: none !important;
  }
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

.btn-emphasis {
  background-image: linear-gradient(to right, #f5aa26, var(--c-primary));
}

.bg-pink {
  background-color: #ffebee;
}

/* ボタンの矢印 */
a.btn-c,
button.btn-c {
  font-size: 1.25rem;
  position: relative;
  padding: 0.5rem 1rem 0.5rem 1rem;
  width: 250px;
}

a.btn-c:after,
button.btn-c:after {
  border-right: 2px solid white;
  border-top: 2px solid white;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  right: 10px;
  top: calc(50% - 5px);
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 10px;
}

a.btn-without-cursor,
button.btn-without-cursor {
  font-size: 1.25rem;
  padding: 0.5rem 1rem 0.5rem 1rem;
  width: 250px;
}

a.btn-r,
button.btn-r {
  font-size: 1.25rem;
  position: relative;
  padding: 0.5rem 1rem 0.5rem 1rem;
  width: 80px;
}

a.btn-r:after,
button.btn-r:after {
  border-right: 2px solid #6c757d;
  border-top: 2px solid #6c757d;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  right: 10px;
  top: calc(50% - 5px);
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 10px;
}
a.btn-l,
button.btn-l {
  font-size: 1.25rem;
  position: relative;
  padding: 0.5rem 1rem 0.5rem 1rem;
  width: 80px;
  text-align: right;
}

a.btn-l:after,
button.btn-l:after {
  border-left: 2px solid #6c757d;
  border-bottom: 2px solid #6c757d;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  left: 10px;
  top: calc(50% - 5px);
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 10px;
}
a.btn-l-w,
button.btn-l-w {
  font-size: 1.25rem;
  position: relative;
  padding: 0.5rem 1rem 0.5rem 1rem;
  width: 80px;
  text-align: right;
}
a.btn-l-w:after,
button.btn-l-w:after {
  border-left: 2px solid white;
  border-bottom: 2px solid white;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  left: 10px;
  top: calc(50% - 5px);
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 10px;
}
/* .form-control{
      color:black;
} */

button.btn-n {
  font-size: 1.25rem;
  position: relative;
  padding: 0.5rem 1rem 0.5rem 1rem;
  width: 250px;
}

/* 車載器の予約中マーク */
.car-use {
  border: 2px solid #0291b0;
  border-radius: 10px;
  color: #0291b0;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.1;
  padding: 5px 6px 4px;
}

.logo-container {
  display: flex;
  flex-direction: column;
  padding: 0;
  & > img {
    width: 62px;
  }
}

.header-title {
  font-size: 1.4rem;
}

.header-subtitle {
  font-size: 0.85rem;
}

@media (min-width: 576px) {
  .header-title {
    font-size: 1.6rem;
  }

  .header-subtitle {
    font-size: 1.2rem;
  }
}

.ml-2-5 {
  margin-left: 0.75rem !important;
}
.ml-2-8 {
  margin-left: 0.85rem !important;
}
.ml-3-5 {
  margin-left: 1.25rem !important;
}
.ml-4-3 {
  margin-left: 1.85rem !important;
}
.ml-4-5 {
  margin-left: 2rem !important;
}
.mt-10 {
  margin-top: 5rem;
}
.mb-8 {
  margin-bottom: 4rem;
}
.qa-size {
  font-size: 13px;
  padding-bottom: 3.5px;
  margin-right: 0.5rem;
}
.radio-group span {
    font-size:1.12rem;
}
.radio-group select {
    font-size:1.12rem;
    margin-right: 4px;
}
.radio-group label {
    font-size:1.12rem;
    margin-right: 9px;
}
.hidden {
    display: none;
}
.margin-left-auto {
  margin-left: auto;
}
.news-title {
  text-align: center;
}
.pc-disabled {
  display: none;
}
@media (max-width: 1199px) {
  .pc-disabled {
    display: block;
  }
}
.navlink-left {
  margin-right: auto;
}
.float-right {
  float: right !important;
}

.container-flex {
  display: flex;
  align-items: stretch;
}

.left-side {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  border-radius: 5px;
}

.right-side {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 10px;
  border-radius: 5px;
}

.right-text {
  font-size: 16px;
}