@charset "UTF-8";
     /* 　menu_drink ------------------------------*/
      .menu-content { margin: 100px auto; padding:20px 0 0 0; width: 100%;}

      .menu-center-wrapper { margin: 0; padding:0; width: 100%;}

      .menu-row-content {
        padding: 0 0 0 0;
        text-align: center;
      }
      .menu-row-content-last {
        padding: 0 0 30px 0;
        text-align: center;
      }

      .menu-row-content p, .menu-row-content-last-center p{
        text-align: center;
      }

      .menu-title { display: flex; flex-direction: column; align-items: center; justify-content: center;}
      .menu-title-text { font-size: 23px; color:#947e50; margin: 75px 0 0 0;}
      .menu-title-text-sub { font-size: 16px; color:#947e50; margin-top: 4px;}
      .menu-title-text-block { display: block;  margin: 0;}

      .menu-brand, .menu-brand-sub, .menu-text { display: block; margin: 0;}

      .menu-brand { font-size: 17px; margin-bottom: 3px; color:#947e50;}
      .menu-name { font-size: 19px; margin-bottom: 3px; color:#947e50;}
      .menu-brand-sub { font-size: 14.5px; margin-bottom: 15px; color:#947e50; border-bottom: 1px solid #947e50; padding-bottom: 10px; margin-bottom: 15px;}

      .menu-text-title { font-size:1.0em;}
      .menu-text { font-size: 13.50px; margin-bottom: 5px;}
      .menu-price { font-size: 18px; padding-top: 10px; margin-bottom: 5px; margin-left: 10px; color:#947e50; text-align: right;}
      .menu-price2 { font-size: 17px; padding-top: 10px; margin-bottom: 5px; margin-left: 10px; color:#947e50; text-align: right;}
      .menu-price-ex{ font-size: 15px; padding-top: 0px; margin-bottom: 5px; margin-left: 10px; color:#947e50; text-align: right;}

      .menu-brand-mainDish {  font-size: 16.5px; color: #947e50; margin: 0; opacity:0.8;}
      .menu-text-mainDish {font-size: 14.5px; margin-bottom: -5px; color:#947e50;}
      .menu-text-mainDish-ex {font-size: 13.5px; margin-top: 8px; margin-bottom: -5px; color:#947e50;}
      .menu-brand-sideDish {  font-size: 16.5px; color: #947e50; margin: 0;}
      .menu-text-sideDish {font-size: 14.5px; margin-bottom: -5px; color:#947e50;}
      .menu-text-ex { font-size: 13px; margin: 15px 0 8px 0; color:#947e50;}

      .menu-topick-wrap { border-top: 1px solid #947e50; border-bottom: 1px solid #947e50;}
      .menu-topick-title { font-size:0.95em; color:#947e50; margin:0 0 20px 0; padding:30px 0 10px 0;}
      .menu-topick-text-wrap { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(4, auto); gap: 10px;}
      .menu-topick-text { font-size:13px;}


      .menu-row-wrap-in {
        max-width: 1100px;
        display: flex;
        flex-wrap: wrap;
        padding: 80px 40px 50px 40px;
        background: #EFF3C4;
        justify-content: space-between;
        margin: 0 auto;
      }

      .menu-row-content {
        padding: 0 0 50px 0;
        text-align: center;
        box-sizing: border-box;
        width: 100%; /* モバイルデバイス用のスタイル */
      }

      .menu-row-content-last {
        padding: 0 0 0 0;
        text-align: center;
        box-sizing: border-box;
        width: 100%; /* モバイルデバイス用のスタイル */
      }
      .menu-row-content-last-center {
        padding: 5px 0 40px 0;
        text-align: center;
        box-sizing: border-box;
        width: 100%; /* モバイルデバイス用のスタイル */
      }

      .centered-image-container {
        text-align: center;
        margin: -20px 0 30px 0;
      }

      .centered-image-container img {
        max-width: 88px;
        height: auto;
        margin: 0 auto;
        opacity: 1;
      }

      .centered-image-container2 {
        text-align: center;
        margin: 30px 0 0 0;
      }

      .centered-image-container2 img {
        max-width: 440px;
        height: auto;
        margin: 0 auto;
        opacity: 1;
      }

      @media (min-width: 750px) {
        .menu-row-content, .menu-row-content-last {
          width: calc(50% - 20px); /* 2列にするための幅を計算 */
          margin: 10px; /* 各要素の周囲にマージンを設定 */
        }
        .menu-row-content-last-center { width:100%: margin: 10px;}
      }

@media (max-width: 1200px) {
  .menu-center-wrapper { margin: 0; padding:0 40px;}
}

@media (max-width: 1050px) {

  .menu-brand { font-size: 16px; margin-bottom: 3px; color:#947e50; opacity: 0.8;}
  .menu-name { font-size: 18px; margin-bottom: 3px; color:#947e50;}
  .menu-brand-sub { font-size: 14px; margin-bottom: 15px; color:#947e50; border-bottom: 1px solid #947e50; padding-bottom: 10px; margin-bottom: 15px;}
  .menu-text { font-size: 13.2px; margin-bottom: 5px;}
  .menu-price { font-size: 17px;}
  .menu-price2 { font-size: 16px;}
  .menu-text-ex { font-size: 13px; margin: 15px; color:#947e50;}
}



@media (max-width: 750px) {
  .menu-center-wrapper { margin: 0; padding:0 40px;}

  .menu-content { margin: 100px auto;}
  .menu-row-wrap-in { padding: 70px 20px 60px 20px; background: #EFF3C4;}

  .menu-brand { font-size: 16px; margin-bottom: 3px; color:#947e50;}
  .menu-name { font-size: 17px; margin-bottom: 3px; color:#947e50;}
  .menu-brand-sub { font-size: 14px; margin-bottom: 15px; color:#947e50; border-bottom: 1px solid #947e50; padding-bottom: 10px; margin-bottom: 15px;}
  .menu-text { font-size: 12.7px; margin-bottom: 5px;}
  .menu-price { font-size: 16.5px;}
  .menu-price2 { font-size: 15.5px;}
  .menu-text-ex { font-size: 12px; margin: 15px 0 8px 0; color:#947e50;}

  .menu-topick-text-wrap { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(6, auto); gap: 10px;}

  .menu-brand-mainDish {font-size: 16.0px;}
  .menu-text-mainDish {font-size: 14.0px;}
  .menu-text-mainDish-ex {font-size: 12.5px;}
  .menu-brand-sideDish {font-size: 16.0px;}
  .menu-text-sideDish {font-size: 14.0px;}

}


@media (max-width: 650px) {
  .menu-center-wrapper { margin: 0; padding:0 35px;}

  .menu-content { margin: 100px auto;}
  .menu-row-wrap-in { padding: 70px 20px 60px 20px; background: #EFF3C4;}

  .menu-brand { font-size: 16px; margin-bottom: 3px; color:#947e50;}
  .menu-name { font-size: 17px; margin-bottom: 3px; color:#947e50;}
  .menu-brand-sub { font-size: 14px; margin-bottom: 15px; color:#947e50; border-bottom: 1px solid #947e50; padding-bottom: 10px; margin-bottom: 15px;}
  .menu-text { font-size: 12.6px; margin-bottom: 5px;}
  .menu-price { font-size: 16px;}
  .menu-price2 { font-size: 15.5px;}
  .menu-text-ex { font-size: 12px; margin: 15px 0 8px 0; color:#947e50;}

}


 @media (max-width: 500px) {
   .menu-center-wrapper { margin: 0; padding:0 20px;}

   .menu-content { margin: 100px auto;}
   .menu-row-wrap-in { padding: 50px 10px 40px 10px; background: #EFF3C4;}

   .menu-brand { font-size: 16px; margin-bottom: 3px; color:#947e50;}
   .menu-name { font-size: 17px; margin-bottom: 3px; color:#947e50;}
   .menu-brand-sub { font-size: 14px; margin-bottom: 15px; color:#947e50; border-bottom: 1px solid #947e50; padding-bottom: 10px; margin-bottom: 15px;}

   .menu-text-title { font-size:16px;}
   .menu-text { font-size: 12.2px; margin-bottom: 5px;}
   .menu-price { font-size: 16px;}
   .menu-price2 { font-size: 15.5px;}
   .menu-text-ex { font-size: 12px; margin: 15px 0 8px 0; color:#947e50;}

   .menu-brand-mainDish {  font-size: 15.5px;}
   .menu-text-mainDish {font-size: 13.5px;}
   .menu-text-mainDish-ex {font-size: 12.0px;}
   .menu-brand-sideDish {font-size: 15.5px;}
   .menu-text-sideDish {font-size: 13.5px;}

   .menu-topick-text-wrap { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(12, auto); gap: 10px;}

   .menu-title-text-sub { font-size: 16px; color:#947e50; margin-top: 50px; margin-bottom: -50px;}

   .centered-image-container2 {
     text-align: center;
     width: 100%;
     margin: 30px 0 0 0;
   }

   .centered-image-container2 img {
     width: 80%;
     height: auto;
     margin: 0 auto;
     opacity: 1;
   }
 }

 @media (max-width: 420px) {
   .menu-center-wrapper { margin: 0; padding:0 10px;}

 }