@charset "utf-8";

/* ===============================
   menuページ　レスポンシブ　ｃｓｓ
   =============================== */
@media screen and (max-width: 700px) {

  

  

  /* ヒーロー */
  .hero {
    max-width: 100%;
    margin-bottom: 40px;
  }
  
   .menu-section {
    flex-direction: column;
    gap: 40px;
    padding: 40px 0;
  }
  
  .menu-column {
    width: 100%;
    padding: 28px 0;
  }

  .menu-title {
   
    margin-bottom: 12px;
  }

  .menu-subtitle {
    font-size: 1rem;
  }

  .dinner-tabs {
    gap: 16px;
    margin-bottom: 24px;
  }

  .dinner-tabs a {
    font-size: var(--fs-14px);
  }

  /* ドリンク */
  .menu-drink {
    padding: 56px 0;
  }

  .drink-table {
    width: 70vw;
    max-width: none;
  }
  .drink-table-cell {
    padding: 6px 0;
  }

 
  /* こだわりセクション */
  .menu-concept {
    padding: 64px 0 80px;
  }

  .concept-inner {
    width: 96%;
  }

  .concept-title {
    
    margin-bottom: 40px;
  }

  .concept-item h3 {
    font-size: var(--fs-14px);
  }

  .concept-item p {
    font-size: var(--fs-14px);
    line-height: 1.7;
  }

  
}
@media screen and (max-width: 480px) {
  
    .drink-table {
    width: 100%;
    max-width: none;
  }
     dt,
    dd {
    font-size: var(--fs-14px);
    
  }
  
}