@charset "UTF-8";
.change-color {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
}

.nav-shadow {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  transition: 0.5s;
}

.nav-shadow-non {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  transition: 0.5s;
}

.navbar-light .navbar-toggler {
  border: none;
  outline: 0;
  background: transparent;
  padding: 0px;
  width: 28px;
  height: 30px;
  box-sizing: border-box;
  position: relative;
}
.navbar-light .navbar-toggler:focus {
  border: none;
  background-color: transparent;
  outline: 0;
}
.navbar-light .navbar-toggler-icons {
  background-image: none; /* この行で背景画像を無効化 */
  background-color: #1BC5FF;
  width: 28px;
  height: 2px;
  display: block;
  position: absolute;
  transition: ease 0.5s;
}
.navbar-light .navbar-toggler-icons:nth-of-type(1) {
  top: 7px;
}
.navbar-light .navbar-toggler-icons:nth-of-type(2) {
  top: 14px;
}
.navbar-light .navbar-toggler-icons:nth-of-type(3) {
  top: 21px;
}
.navbar-light .navbar-toggler[aria-expanded=true] .navbar-toggler-icons:nth-of-type(1) {
  top: 13px;
  transform: rotate(45deg);
}
.navbar-light .navbar-toggler[aria-expanded=true] .navbar-toggler-icons:nth-of-type(2) {
  opacity: 0;
}
.navbar-light .navbar-toggler[aria-expanded=true] .navbar-toggler-icons:nth-of-type(3) {
  top: 13px;
  transform: rotate(-45deg);
}
.navbar-light .navbar-nav {
  color: black;
}
.navbar-light .navbar-nav li a {
  /*線の基点とするためrelativeを指定*/
  position: relative;
}
.navbar-light .navbar-nav li.current a, .navbar-light .navbar-nav li a:hover {
  color: #1BC5FF;
}
@media screen and (min-width: 768px) {
  .navbar-light {
    /*現在地とhoverの設定*/
  }
  .navbar-light .navbar-nav li a::after {
    content: "";
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 20%;
    left: 10%;
    /*線の形状*/
    width: 80%;
    height: 2px;
    border-radius: 1px;
    background: #1BC5FF;
    /*アニメーションの指定*/
    transition: all 0.3s;
    transform: scale(0, 1); /*X方向0、Y方向1*/
    transform-origin: center top; /*上部中央基点*/
  }
  .navbar-light .navbar-nav li.current a::after,
.navbar-light .navbar-nav li a:hover::after {
    transform: scale(1, 1); /*X方向にスケール拡大*/
  }
}/*# sourceMappingURL=navigation.css.map */