/* ============================================================
   万葉園グリーンサービス様 スマートフォン対応CSS
   （追加したのはこのファイルだけ）
   既存のデザイン・HTML・画像には一切手を入れず、
   画面幅768px以下のときだけ表示を組み替える
   ============================================================ */
@media screen and (max-width: 768px) {

  /* --- 全体 --- */
  body{min-width:0 !important;overflow-x:hidden;margin:0;padding:0}
  img{max-width:100% !important;height:auto !important}

  /* --- 表組みレイアウトをすべて縦積みに ---
     width/height属性より優先させるため !important */
  table, tbody, tr, td{
    display:block !important;
    width:auto !important;
    height:auto !important;
    box-sizing:border-box;
  }
  td{padding:2px 8px}

  /* スペーサー用の空セルを潰す（隙間対策） */
  td:empty{display:none !important}

  /* --- 左メニューのアコーディオン（スマホのみ・mihon.jsと連動）--- */
  tr.mihon-acc-panel{display:none !important}
  tr.mihon-acc-panel.mihon-open{display:block !important}
  td.mihon-blank{display:none !important}  /* 余白専用セルを畳んで隙間を詰める */
  .mihon-acc-panel .vegebotas{padding:6px 12px}
  .mihon-acc-header .vegebotan{position:relative}
  .mihon-acc-mark::after{
    content:"\25BC";  /* ▼ 閉じている */
    float:right;margin-right:12px;font-size:11px;font-weight:normal;
  }
  tr.mihon-open .mihon-acc-mark::after{content:"\25B2"}  /* ▲ 開いている */

  /* --- ヒーロー下のナビ（Top/Concept…）：縦12行→3列の折り返しに --- */
  table[width="819"] tr{display:flex !important;flex-wrap:wrap}
  table[width="819"] td{width:33.33% !important;padding:6px 2px;text-align:center}

  /* --- お知らせ（info.htmlのはめ込み枠）--- */
  iframe[src="info.html"]{width:100% !important;box-sizing:border-box}

  /* --- 地図など外部はめ込みがあれば幅内に --- */
  iframe{max-width:100%}

  /* --- 電話番号まわり：折り返し防止 --- */
  .vegefontselect{font-size:22px !important}

  /* --- 見出し帯（背景色付きセル）は読みやすく --- */
  .vege4tai{font-size:18px !important;padding:6px 10px}

  /* --- 本文文字を読める大きさへ --- */
  .vegefont1, .vegefontselect1, .vegefontss, .vegehy, .vegess,
  .vegesm, .vegebotas, .vegefontbg{font-size:14px !important}
  .vege4setumei{font-size:15px !important}
  .vegehy1{font-size:15px !important}

  /* --- スマホ用：タップで電話（見本で追加した導線） --- */
  .sp-call{
    display:block !important;position:fixed;left:0;right:0;bottom:0;z-index:9000;
    background:#5b785a;color:#fff;text-align:center;text-decoration:none;
    font-size:16px;font-weight:bold;padding:12px 8px;
  }
  body{padding-bottom:56px !important}
}