@charset "UTF-8";

/* アンカー位置調整 */
.anchor {
  display: block;
  padding-top: 70px;
  margin-top: -70px;
}

/* Sidebar */
.sidebar{
    position: sticky;
    top: 70px;
    padding-bottom: 1.0rem;
    width: 100%;
    padding-top: 0;
}

/* Sidebar リスト */
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 0px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

/* 文字の色 */
.text-heading {
  color: #003f8e !important;
}

/* 背景の色 */
.bg-kino{
  background-color:#c82c55!important
}

/* ボタン赤 */
.btn-kino {
  color: #fff;
  background-color: #c82c55;
  border-color: #c82c55;
}
.btn-kino:hover {
  color: #fff;
  background-color: #c70035;
  border-color: #cc2d57;
}
.btn-check:focus + .btn-kino, .btn-kino:focus {
  color: #fff;
  background-color: #c70035;
  border-color: #cc2d57;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-kino, .btn-check:active + .btn-kino, .btn-kino:active, .btn-kino.active, .show > .btn-kino.dropdown-toggle {
  color: #fff;
  background-color: #cc2d57;
  border-color: #cc2d57;
}
.btn-check:checked + .btn-kino:focus, .btn-check:active + .btn-kino:focus, .btn-kino:active:focus, .btn-kino.active:focus, .show > .btn-kino.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-kino:disabled, .btn-kino.disabled {
  color: #fff;
  background-color: #c82c55;
  border-color: #c82c55;
}

/* リンク色 */
a.more{
  text-decoration: none;
  }

  a.more:link { color: #fff; }
  a.more:visited { color: #fff; }
  a.more:hover { color: #fff; }
  a.more:active { color: #fff; }
  
a.menu{
  text-decoration: none;
  }

  a.menu:link { color: #404040; }
  a.menu:visited { color: #404040; }
  a.menu:hover { color: #003f8e; }
  a.menu:active { color: #404040; }

  a.top{
    text-decoration: none;
    }  
   
/* ボタン問い合わせ */
  .btn-info {
    color: #000;
    background-color: #00a1e9;
    border-color: #00a1e9;
  }
  @media (min-width: 992px) {
    .btn-info {
      color: #000;
      background-color: #00a1e9;
      border-color: #00a1e9;
      width: 150px;
    }
  }
  .btn-info:hover {
    color: #000;
    background-color: #1EB7FF;
    border-color: #25cff2;
  }
  .btn-check:focus + .btn-info, .btn-info:focus {
    color: #000;
    background-color: #1EB7FF;
    border-color: #25cff2;
    box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
  }
  .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
    color: #000;
    background-color: #3dd5f3;
    border-color: #25cff2;
  }
  .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
  }
  .btn-info:disabled, .btn-info.disabled {
    color: #000;
    background-color: #00a1e9;
    border-color: #00a1e9;
  }

  /* プライバシー見出し */
  .privacy-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  }

  /*ブランド文字サイズ*/
  .navbar-brand {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.2rem;
    text-decoration: none;
    white-space: nowrap;
  }


 /*コンテナ幅*/
  @media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1100px;
    }
  }
  @media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1100px;
    }
  }