@charset "UTF-8";
body nav {
  background-color: #4169e1;
  color: white;
}
body .nav-justified {
  display: table;
  table-layout: fixed;
  width: 100%;
}
body .navbar .nav-justified > li {
  display: table-cell;
  width: 100%;
}
body .nav-link {
  margin-left: 100px;
}
body .dropdown-menu {
  margin-left: 100px;
}
body .btn {
  cursor: pointer;
  text-align: center;
}
body .btn-outline-secondary {
  border-color: var(--bs-border-color, #ccc) !important;
  color: var(--bs-border-color, #ccc) !important;
}
body .row.-is-paper {
  border: 1px solid black;
  padding: 0px 5px 0px 5px;
  margin: 5px;
}
body {
  /*--------------------------*/
  /* image style group        */
  /*--------------------------*/
}
body img.-is-hanko-w10 {
  width: 10%;
  height: auto;
}
body img.-is-hanko-w20 {
  width: 20%;
  height: auto;
}
body {
  /*--------------------------*/
  /* content area style group */
  /*--------------------------*/
}
body .content-header {
  border-bottom: 1px solid transparent;
  border-color: var(--bs-gray);
  font-weight: bold;
  font-size: larger;
  padding: 3px;
  margin: 20px 0;
}
body .content-header > div:first-child span.-is-title {
  font-size: larger;
  margin: 0px 30px 0px 0px;
}
body .content-header > div:last-child {
  text-align: right;
}
body .content-header span.-is-no {
  font-size: 10px;
  margin: 0px 10px 0px 0px;
}
body .content-header span.-is-date {
  font-size: 10px;
  margin: 0px 10px 0px 0px;
}
body .content-header .top-is-date {
  font-size: 10px;
  margin: 0px 10px 0px 0px;
}
body .content-header .top-is-user {
  font-size: 10px;
  margin: 0px 10px 0px 0px;
}
body .content-body {
  margin: 0px 0px 30px 0px;
}
body .content-body > .thanks-message {
  text-align: center;
}
body .content-box {
  margin: 0px 0px 5px 0px;
}
body .content-box > .content-box-inner {
  height: 200px;
  padding: 5px;
  border: 1px solid #808080;
  border-radius: 0.25rem;
  background-color: #e7f1ff;
}
body .content-box > .content-box-inner:hover {
  background-color: rgb(154.5, 196.375, 255);
}
body .content-box > .content-box-inner {
  cursor: pointer;
}
body {
  /*--------------------------*/
  /* form style group         */
  /*--------------------------*/
}
body .form-btn-group {
  text-align: right;
}
body .form-std-table td {
  padding: 3px;
}
body div.form-group {
  margin: 0rem 1rem 1rem 1rem;
}
body div.multi-select-checkbox {
  display: flex;
  flex-wrap: wrap;
}
body input.multi-select-checkbox {
  margin: 0px 0px 0px 10px;
}
body input.year-month-input-helper {
  background-color: white;
}
body {
  /*----------------------*/
  /* フォーム共通スタイル */
}
body form input,
body form textarea,
body form select,
body form button {
  font-family: inherit;
}
body form input[type=text],
body form input[type=email],
body form input[type=tel],
body form input[type=url],
body form input[type=password] {
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
}
body form input::placeholder {
  color: #999;
}
body form .form-control {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
body form select.form-select,
body form div.input-group > select.form-select {
  width: 30%;
}
body form input[type=text],
body form input[type=email],
body form input[type=tel],
body form input[type=url],
body form input[type=password],
body form .form-control {
  width: 50%;
}
body form.form-search-box input.form-control {
  border-color: #4169e1;
}
body form .is-invalid,
body form input.invalid {
  border-color: #dc3545;
  background-color: rgba(220, 53, 69, 0.05);
}
body form label.form-label {
  font-weight: bold;
}
body form .submit_btn_group > div:first-child {
  text-align: left;
}
body form .submit_btn_group > div:last-child {
  text-align: right;
}
body {
  /*--------------------------*/
  /* list style group         */
}
body .table-clomun {
  width: 25%;
  background-color: lightgray;
}
body .table-value {
  width: 70%;
}
body ul {
  list-style: none;
}
body ul.errorlist {
  list-style: none;
  margin: 0;
  padding-inline-start: 0;
}
body ul.errorlist > li {
  font-weight: bold;
  font-size: small;
  color: red;
}
body ul.list-group-row {
  margin: 0;
}
body ul.list-group-row-header > li {
  background-color: lightgray;
  border-radius: 0;
  font-weight: bold;
  text-align: center;
}
body span.list-value {
  margin-block-end: unset;
}
body .list-group-item.-is-no {
  width: 5%;
}
body .list-group-item.-is-name {
  width: 25%;
}
body .list-group-item.-is-category {
  width: 20%;
}
body .list-group-item.-is-time {
  width: 15%;
}
body .list-group-item.-is-charge {
  width: 15%;
}
body .list-group-item.-is-discription {
  width: 40%;
}
body .list-group-item.-is-emailaddress {
  width: 30%;
}
body .list-group-item.-is-emailaddress-long {
  width: 60%;
}
body .list-group-item.-is-organization {
  width: 30%;
}
body .list-group-item.-is-others {
  text-align: center;
  width: 15%;
}
body .list-group-item-sm {
  font-size: small;
}
body .list-group-item-c {
  text-align: center;
}
body .list-group-item-r {
  text-align: right;
}
body .list-group-item-l {
  text-align: left;
}
body span.list-column {
  display: none;
}
body span.list-edit-button {
  border: 1px solid gray;
  border-radius: 0.25rem;
  padding: 2px;
  background-color: lightgray;
}
body span.list-edit-button:hover {
  border: solid 1px black;
  background-color: rgb(198.25, 198.25, 198.25);
}
body span.list-edit-button > a {
  text-decoration: none;
  color: black;
}
body button.list-edit-button {
  border-radius: 0.25rem;
  border: solid 1px lightgray;
}
body button.list-edit-button:hover {
  border: solid 1px black;
  background-color: rgb(208.45, 208.45, 208.45);
}
body {
  /*--------------------------*/
  /* accordion style group    */
}
body .accordion-button:not(.collapsed) {
  color: #000000;
  border-block-color: #000000;
}
body {
  /*--------------------------*/
  /* alert style group        */
}
body .arlert-message-group {
  display: flex;
}
body .arlert-message-group > div.arlert-message-text {
  margin: auto 0;
}
body .arlert-message-group > div.arlert-message-button {
  margin: 0 0 0 auto;
}
body .arlert-message-form-group > form {
  display: flex;
}
body .arlert-message-form-group > form > div.arlert-message-text {
  margin: auto 0;
}
body .arlert-message-form-group > form > div.arlert-message-button {
  margin: 0 0 0 auto;
}
body {
  /*--------------------------*/
  /* badge, icon style group  */
}
body .badge.-is-badge-group {
  margin: 2px 0px 1px 1px;
}
body i.fa-solid.fa-circle-check.-is-success-icon {
  color: limegreen;
  margin: 0px 3px 0px 3px;
}
body i.fa-solid.fa-triangle-exclamation.-is-warning-icon {
  color: #f7c114;
  margin: 0px 3px 0px 3px;
}
body i.fa-solid.fa-circle-exclamation.-is-danger-icon {
  color: red;
  margin: 0px 3px 0px 3px;
}
body i.fa-solid.fa-circle-xmark.-is-ban-icon {
  color: red;
  margin: 0px 3px 0px 3px;
}
body {
  /*--------------------------*/
  /* scroll style group       */
}
body #scrollToTop {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #3fefee;
  opacity: 0.6;
  border-radius: 50%;
}
body #scrollToTop a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
body #scrollToTop a::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f062";
  font-size: 25px;
  color: #fff;
  position: absolute;
  margin: auto;
  text-align: center;
}
body #scrollToTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 10px 17px;
  background-color: #007BFF;
  color: #fff;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease;
  z-index: 9999;
  opacity: 0;
}
body #scrollToBottom {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #3fefee;
  opacity: 0.6;
  border-radius: 50%;
}
body #scrollToBottom a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
body #scrollToBottom a::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f063";
  font-size: 25px;
  color: #fff;
  position: absolute;
  margin: auto;
  text-align: center;
}
body #scrollToBottom {
  position: fixed;
  top: 100px;
  right: 20px;
  padding: 10px 17px;
  background-color: #007BFF;
  color: #fff;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease;
  z-index: 9999;
}
body {
  /*--------------------------*/
  /* breadcrumb style group   */
}
body .breadcrumb {
  background-color: white;
  padding: 0 10px;
}
body .breadcrumb-item > a {
  color: gray;
}
body .breadcrumb-item + .breadcrumb-item::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
}
body {
  /*--------------------------*/
  /* spinner style group      */
}
body .spinner {
  font-size: 2rem;
  color: #4169e1;
  display: inline-block;
  vertical-align: middle;
}
body .spinner.hide {
  display: none;
}
body {
  /*--------------------------*/
  /* search box style group   */
}
body .search-box-area {
  padding: 10px;
}
body .search-box-area > div.search-area-component > form.form-search-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
body .search-box-area > div.search-area-component > form.form-search-box > select.form-control {
  flex: 1 1 200px;
}
body .search-box-area > div.search-area-component > form.form-search-box > input.form-control {
  flex: 2 1 300px;
}
body .search-box-area > div.search-area-component > form.form-search-box > div.form-footer {
  margin-left: auto;
}
body .search-box-area > div.search-area-component > form.form-search-box > div.form-footer > button.btn {
  cursor: pointer;
  text-align: center;
}
@media (min-width: 768px) {
  body .list-group-horizontal-md > .list-group-item:first-child {
    border-radius: unset;
  }
  body .list-group-horizontal-md > .list-group-item:last-child {
    border-radius: unset;
  }
}
body {
  /*iPad*/
  /*iPad*/
}
@media (max-width: 900px) {
  body span.list-value {
    font-size: smaller;
  }
  body span.list-edit-button a {
    font-size: smaller;
  }
}
@media (max-width: 768px) {
  body form select.form-select,
  body form div.input-group > select.form-select {
    width: unset;
  }
  body form input[type=text],
  body form input[type=email],
  body form input[type=tel],
  body form input[type=url],
  body form input[type=password],
  body form .form-control {
    width: unset;
  }
  body span.list-value {
    font-size: smaller;
  }
  body span.list-edit-button a {
    font-size: smaller;
  }
}
body {
  /*iPhone*/
}
@media (max-width: 600px) {
  body .btn {
    cursor: pointer;
    text-align: center;
    font-size: small;
    padding: 5px 5px;
  }
  body img.-is-hanko-w10 {
    width: 20%;
    height: auto;
  }
  body img.-is-hanko-w20 {
    width: 40%;
    height: auto;
  }
  body .content-header {
    border-bottom: 1px solid transparent;
    border-color: var(--bs-gray);
    font-weight: bold;
    font-size: 18px;
    padding: 3px;
    margin: 20px 0;
  }
  body .content-header > div:first-child span.-is-title {
    font-size: 16px;
    margin: 0px 20px 0px 0px;
  }
  body .content-header > div:first-child span.-is-count {
    font-size: 16px;
  }
  body .content-header > div:last-child {
    text-align: right;
  }
  body .nav-link {
    margin-left: 0px;
  }
  body {
    /*----------------------------*/
    /* フォーム共通スタイル       */
  }
  body form select.form-select,
  body form div.input-group > select.form-select {
    width: 80%;
  }
  body form input[type=text],
  body form input[type=email],
  body form input[type=tel],
  body form input[type=url],
  body form input[type=password],
  body form .form-control {
    width: 100%;
  }
  body {
    /*--------------------------*/
    /* list style group         */
  }
  body .table-clomun {
    font-size: smaller;
  }
  body .table-value {
    font-size: smaller;
  }
  body ul.list-group-row {
    margin: 0.5rem 0;
  }
  body ul.list-group-row-header {
    display: none;
  }
  body .list-group-item {
    display: flex;
    background-color: #f8f9fa;
  }
  body span.list-column {
    width: 100px;
  }
  body span.list-value {
    font-size: smaller;
    padding: 0px 0px 0px 3px;
  }
  body span.list-edit-button a {
    font-size: smaller;
  }
  body .list-group-item.-is-no {
    width: unset;
  }
  body .list-group-item.-is-name {
    width: unset;
  }
  body .list-group-item.-is-category {
    width: unset;
  }
  body .list-group-item.-is-time {
    width: unset;
  }
  body .list-group-item.-is-charge {
    width: unset;
  }
  body .list-group-item.-is-discription {
    width: unset;
  }
  body .list-group-item.-is-emailaddress {
    width: unset;
  }
  body .list-group-item.-is-emailaddress-long {
    width: unset;
  }
  body .list-group-item.-is-organization {
    width: unset;
  }
  body .list-group-item.-is-others {
    width: unset;
    padding: 10px 10px 10px 300px;
  }
  body .list-group-item.-is-others.-is-2 {
    width: unset;
    padding: 10px 10px 10px 280px;
  }
  body .list-group-item.-is-others > span.list-column {
    display: none;
  }
  body .list-group-item-c {
    text-align: unset;
  }
  body .list-group-item-r {
    text-align: unset;
  }
  body .list-group-item-l {
    text-align: unset;
  }
  body span.list-column {
    display: block;
    font-weight: bold;
    /*background-color: lightgray;*/
    text-align: center;
    border-radius: 0.25rem;
    font-size: 12px;
    padding: 3px 0;
  }
  body button.list-edit-button {
    border-radius: 0.25rem;
    margin-inline-start: auto;
  }
  body .navbar-date {
    font-size: 14px;
    margin-bottom: -10px;
    margin-right: 12px;
    color: white;
  }
  body .content-box {
    margin: 0px 0px 5px 0px;
    font-size: smaller;
  }
  body .content-box > .content-box-inner {
    height: unset;
    padding: 5px;
    border: 1px solid #808080;
    border-radius: 0.25rem;
    background-color: #e7f1ff;
  }
  body .content-box > .content-box-inner:hover {
    background-color: rgb(154.5, 196.375, 255);
  }
  body .content-box > .content-box-inner {
    cursor: pointer;
  }
  body .breadcrumb-item > a {
    color: gray;
    font-size: smaller;
  }
}