/* デスクトップ（幅 1024px 以上） */
@media (min-width: 768px) {
  header {
    text-align: center; 
  }
  /* MENU */
  .hamburger_menu{
    display:none;
  }

  .menu {
      background-color: #000;
      padding: 15px 0;
      text-align: center;
  }

  .menu ul {
      list-style: none;
      display: flex;
      justify-content: center;
      gap: 20px;
  }

  .menu ul li {
      position: relative;
  }

  .menu ul li a {
      text-decoration: none;
      color: white;
      padding: 12px 20px;
      display: block;
      transition: background 0.3s, color 0.3s;
      border-radius: 5px;
  }

  .menu ul li a:hover {
      background-color: rgba(0, 0, 0, 0.7);
      color: #fff;
  }

  .menu ul ul {
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      background-color: rgba(0, 0, 0, 0.9);
      display: none;
      flex-direction: column;
      min-width: 250px;
      text-align: left;
      border-radius: 5px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }

  .menu ul ul li {
      width: 100%;
  }

  .menu ul ul li a {
      padding: 12px 20px;
      border-radius: 5px;
  }

  .menu ul ul li a:hover {
      background-color: rgba(0, 0, 0, 0.7);
      color: #fff;
  }

  .menu ul li:hover > ul {
      display: flex;
  }

}