body {
      background: #111;
      color: #fff;
      font-family: 'Noto Serif JP', Arial, Helvetica, sans-serif;
      margin: 0;
      padding: 0;
    }
    .container {
      max-width: 480px;
      margin: 0 auto;
      padding: 1.5em 1em 2em 1em;
    }
    h1 {
      padding: 10px;
      font-family: 'Noto Serif JP', Arial, Helvetica, sans-serif !important;
      text-align: center;
      font-weight: 700;
      color: #fff;
      background: linear-gradient(90deg, #232526 0%, #414345 100%);
      margin-bottom: 1em;
      border-radius: 0.5em;
      letter-spacing: 0.05em;
      font-size: 1.3em;
      box-shadow: 0 2px 12px #0004;
      border: 1px solid #ffd70044;
    }
    .maintitle {
      font-family: 'Noto Serif JP', Arial, Helvetica, sans-serif !important;
      font-size: 1.3em;
      line-height: 1.1;
      letter-spacing: 0.01em;
      text-shadow:
        0px 0px 2px #ffd700,
        0px 0px 8px #fff,
        0px 0px 12px #ffd70044;
    }
    .description {
      display: block;
      font-size: 0.95em;
      line-height: 1.2;
      letter-spacing: 1px;
      margin-top: 0.2em;
      text-shadow:
        0px 0px 2px #fff,
        0px 0px 4px #fff,
        0px 0px 6px #fff,
        0px 0px 8px #f0a,
        0px 0px 14px #f0a,
        0px 0px 16px #f0a,
        0px 0px 20px #f0a,
        0px 0px 30px #f0a;
    }
h2 {
  /* フォント設定 */
  font-family: 'Noto Serif JP', serif !important;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  margin: 1.5em 0 1em;
  letter-spacing: 0.02em;

  /* フォールバックカラー */
  color: #b8860b;

  /* ゴールドグラデーション */
  background: linear-gradient(
    90deg,
    #fff9e6 0%,    /* 明るいハイライト */
    #ffe066 25%,   /* 薄いゴールド */
    #ffd700 50%,   /* メインゴールド */
    #d4af37 75%,   /* 深めのゴールド */
    #b8860b 100%   /* エッジのシャドウ */
  );

  /* テキストにクリップしてグラデを当てる */
  display: inline-block;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  
  /* 軽い立体感 */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

    .category-list {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5em;
      justify-content: center;
      margin-bottom: 2em;
    }
    .category-list button {
      background: #232526;
      color: #ffd700;
      /*border-radius: 1.5em;*/
      padding: 0.3em 1.2em;
      border: 1px solid #ffd70044;
      font-weight: 600;
      font-size: 1em;
      box-shadow: 0 2px 8px #0004;
      transition: background 0.2s, color 0.2s;
      cursor: pointer;
    }
    .category-list button.active {
      background: linear-gradient(90deg, #ffd700 0%, #fffbe6 100%);
      color: #232526;
      border: 1px solid #ffd700;
    }
    .category-list button:hover {
      background: #ffd70022;
      color: #fffbe6;
    }
    .menu-section { display: none; }
    .menu-section.active { display: block; }
    .menu-table {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0 0.5em;
    }
    .menu-table th, .menu-table td {
      padding: 0.7em 0.5em;
      text-align: left;
    }
    .menu-table  th:nth-child(2) {
      text-align: right;
    }
    .menu-table th {
      color: #ffd700;
      font-size: 1.1em;
      font-weight: 700;
      border-bottom: 2px solid #ffd70044;
    }
    .menu-table td {
      /*background: #222;*/
      padding: 10px;
      border-radius: 0.5em;
      font-size: 1.5rem;
      font-weight: 500;
    }
    .menu-table td.price {
      text-align: right;
      color: #FFF;
      font-weight: 700;
      font-size: 1.1em;
    }
    /*
    @media (max-width: 600px) {
      .container { padding: 1em 0.2em 2em 0.2em; }
      h1 { font-size: 1em; }
      .maintitle { font-size: 1em; }
      h2 { font-size: 0.95em; }
      .menu-table th, .menu-table td { font-size: 0.98em; }
    }
    */
    body, .menu-table th, .menu-table td, .description, .category-list button {
      font-family: 'Noto Serif JP', Arial, Helvetica, sans-serif;
    }