/* 共通構造 */
/* ページ全体の背景色（上下余白や背景の外側も含む） */
/* 「料金システム」ページだけ背景色を変える */
/* システムページだけ背景色変更 */
body.page-id-95 {
    background-color: #009de2 !important;
  }
  

/* 中央の白い枠 */
.system-page {
  background: #fff;
  max-width: 1000px;
  margin: 0 auto;
  padding: 2em 1em;
  min-height: 100vh;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

  
  /* セクションタイトル */
  .system-page h2,
  .system-page h3 {
    margin-top: 2em;
    padding-bottom: 0.3em;
    border-bottom: 2px solid #013b53;
    color: #d32d25;
    font-weight: bold;
  }
  
  
  /* 料金テーブル */
  .price-table {
    width: 100%;
    margin-top: 1em;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #ccc;
  }
  .price-table th,
  .price-table td {
    padding: 1em;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 1rem;
  }
  .price-table th {
    background: #e3f7ff;
    font-weight: bold;
  }
  
  /* 入会金・指名料 */
  .entry-nomination-section ul {
    list-style: none;
    padding: 0;
  }
  .entry-nomination-section li {
    padding: 0.5em 0;
    border-bottom: 1px dashed #ccc;
    font-size: 1.1rem;
  }
  
  /* オプション一覧 */
  .options-paid,
  .options-free {
    padding-left: 1em;
    margin-top: 1em;
  }
  .options-paid li,
  .options-free li {
    margin: 0.5em 0;
    line-height: 1.6;
  }
  .options-paid strong,
  .options-free strong {
    font-weight: bold;
    color: #444;
  }
  .price {
    color: #cc0000;
    font-weight: bold;
  }
  .options-paid small,
  .options-free small {
    color: #777;
  }
  
  /* 備考欄 */
  .notes-section {
    margin-top: 3em;
  }
  .notes-content {
    background: #e3f7ff;
    padding: 1.5em;
    border-left: 5px solid #990000;
    font-size: 0.95rem;
    line-height: 1.6;
  }
  
  /* レスポンシブ */
  @media (max-width: 600px) {
    .price-table th,
    .price-table td {
      padding: 0.6em;
      font-size: 0.9rem;
    }
  
    .system-page h2,
    .system-page h3 {
      font-size: 1.2rem;
    }
  }
  .basic-play-section {
    margin-top: 2em;
    background: #ffffff;
    padding: 1.2em 1em;
    border-left: 5px solid #999;
  }
  .basic-play-section h3 {
    margin-top: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.3em;
    font-weight: bold;
    color: #d32d25;
  }
  .basic-play-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.5em 1em;
    list-style: disc inside;
    margin-top: 1em;
  }
  .basic-play-list li {
    font-size: 1rem;
    padding-left: 0.5em;
  }
  .options-paid li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px dashed #ccc;
    padding: 0.5em 0;
    flex-wrap: wrap;
  }
  
  .options-paid .label {
    font-weight: bold;
    color: #222;
  }
  
  .options-paid .price {
    color: #cc0000;
    font-weight: bold;
    white-space: nowrap;
    margin-left: 1em;
  }
  
  .options-paid small {
    flex-basis: 100%;
    margin-top: 0.3em;
    margin-left: 1em;
    font-size: 0.85rem;
    color: #777;
  }