.header-content {
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.logo {
    z-index: 2;
    position: fixed;
    top: 50px;
    left: 65px;
    padding: 12px;
    width: 180px;
    height: auto;
    backdrop-filter: blur(10px);
    border-radius: 8px;
}

.logo img {
    width: 100%;
    height: auto;
}

.nav-block {
  z-index: 2;
    position: fixed;
    top: 50px;
    right: 56px;
    display: flex;
    gap: 16px;
}

.nav-wrapper {
    height: 48px;
    backdrop-filter: blur(10px);
    border-radius: 8px;
    justify-content: center;
}

.nav-list {
    display: flex;
    height: 100%;
    align-items: center;
    list-style: none;
    margin: 0;
}

.heading-font {
    display: flex;
    padding: 12px 12px;
}

.heading-font-text {
  position: relative;
  text-decoration: none;
  color: #333;
}

/* 下線 */
.heading-font-text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  
  transform: scaleX(0);
  transform-origin: left; /* 最初は左から伸びる */
  
  transition: transform 0.5s ease;
}

/* 親:hover 時に左から右へ */
.heading-font:hover .heading-font-text::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* 親:hover解除時に右から縮む */
.heading-font:not(:hover) .heading-font-text::after {
  transform-origin: right;
}



.tickets {
    background-color: rgba(255, 199, 2, 0.8);
    backdrop-filter: blur(10px);
    border-radius: 24px;
    padding: 9px 12px;
    display: flex;
    align-items: center;
    height: 30px;
}