.brick-header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 98px;/* ← この画像の高さに合わせる */

  background:
  linear-gradient(rgba(33,33,33,0), rgba(33,33,33,1)),
  url("../images/brick2.png");

  opacity: 0;
  transition: opacity 1s ease;

  background-repeat: repeat-x;
  background-size: auto 100%;
  /* background-position: top center; */
  display: flex;
  justify-content: center;
  align-items: center;

  z-index: 10000;
}

.sp-command {
  display: none;
  z-index: 10001;
  border-radius: 6px;
}


.top-nav {
  display: flex;
  gap: 20px;
  background-repeat: repeat-x;
  background-size: auto 100%;
}

.top-nav a {
  padding: 8px 16px;
  border: 2px solid white;
  color: white;
  text-decoration: none;
  background: rgba(0,0,0,0.5);
  transition: 0.2s;
}

.top-nav a:hover {
  background: white;
  color: black;
}