「テンプレート:飲食店」の版間の差分

2025年10月30日 (木) 16:59時点における版

禁煙・喫煙	未登録
喫煙専用室	未登録

このテンプレートはテーブル「飲食店情報」を定義しています。このテーブルはまだ作成されていません。

@@ 1行目: / 1行目: @@
 ====基本情報====
 <div class="flex-box">
-<div style="flex:1;">
+<div class="flex-left">
 {| class="wikitable"
 |-
@@ 49行目: / 49行目: @@
 |}
 </div>
-<div style="flex:1;">
+<div class="flex-right" style="text-align:center;">
 {{#if: {{{画像|}}}
    | [[File:{{{画像}}}|300px]]
@@ 114行目: / 114行目: @@
 }
-/* スマホ表示（幅が768px以下）のときは縦並びにする */
+/* 左がテーブル、右が画像 */
+.flex-left {
+  flex: 1;
+  order: 1;
+}
+.flex-right {
+  flex: 1;
+  order: 2;
+}
+/* スマホ表示では縦並び＆画像を上へ */
 @media screen and (max-width: 768px) {
    .flex-box {
      flex-direction: column;
+  }
+  .flex-left {
+    order: 2;  /* テーブルを下へ */
+  }
+  .flex-right {
+    order: 1;  /* 画像を上へ */
    }
 }