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

2025年12月5日 (金) 11:31時点における版

昼： - ～- 　夜： - ～-

基本情報

店名	不明
ジャンル	不明
郵便番号	不明
住所	不明
営業時間
平均予算	昼：-～- 夜：-～-
支払い方法	現金不明カード不明電子マネー不明 QR決済不明その他なし
SNS
リンク

たばこ

禁煙・喫煙	不明
喫煙専用室	不明

お席

総席数	不明
個室	不明
貸切	不明

設備

Wi-Fi	不明
バリアフリー	不明
駐車場	不明
その他設備	不明

その他

飲み放題	不明
食べ放題	不明
お子様連れ	不明

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

@@ 183行目: / 183行目: @@
 | {{{お子様連れ|不明}}}
 |}
+<html><style>
+.img-crop {
+  width: 342px;
+  height: 244px;
+  overflow: hidden;
+  position: relative;
+  margin: 0 auto; /* 中央寄せ（任意） */
+  border-radius: 24px;
+}
+.img-crop p,
+.img-crop span,
+.img-crop a {
+  margin: 0 !important;
+  padding: 0 !important;
+  display: block !important;
+  line-height: 0 !important;
+}
+.crop-img img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover; /* ← これが「クロップ風拡大」 */
+  object-position: center; /* 中心に寄せる */
+  display: block;
+}
+.flex-box {
+  display: flex;
+  align-items: flex-start;
+  gap: 20px;
+}
+/* 左がテーブル、右が画像 */
+.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;  /* 画像を上へ */
+    display: none;
+  }
+}
+.map-embed {
+    position: relative;
+    background: #dfe3e8;     /* これが読み込み中の背景 */
+    border-radius: 8px;
+    overflow: hidden;
+}
+/* 読み込み中のアニメーション */
+.map-embed::before {
+    content: "";
+    position: absolute;
+    top: 0; left: 0;
+    width: 100%; height: 100%;
+    background: linear-gradient(
+deg,
+        #dfe3e8 0%,
+        #f5f5f5 50%,
+        #dfe3e8 100%
+    );
+    animation: shimmer 1.6s infinite;
+}
+@keyframes shimmer {
+% { transform: translateX(-100%); }
+% { transform: translateX(100%); }
+}
+/* iframe が入ったら Skeleton 非表示 */
+.map-embed.loaded {
+    background: none;
+}
+.map-embed.loaded::before {
+    display: none;
+}
+</style></html>
 <noinclude>{{#cargo_declare: