|
|
| 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(
| |
| 90deg,
| |
| #dfe3e8 0%,
| |
| #f5f5f5 50%,
| |
| #dfe3e8 100%
| |
| );
| |
| animation: shimmer 1.6s infinite;
| |
| }
| |
|
| |
| @keyframes shimmer {
| |
| 0% { transform: translateX(-100%); }
| |
| 100% { transform: translateX(100%); }
| |
| }
| |
|
| |
| /* iframe が入ったら Skeleton 非表示 */
| |
| .map-embed.loaded {
| |
| background: none;
| |
| }
| |
|
| |
| .map-embed.loaded::before {
| |
| display: none;
| |
| }
| |
| </style>
| |
| </html>
| |
|
| |
|
| <noinclude>{{#cargo_declare: | | <noinclude>{{#cargo_declare: |
2025年12月5日 (金) 11:16時点における版
基本情報
| 店名
|
不明
|
| ジャンル
|
不明
|
| 郵便番号
|
不明
|
| 住所
|
不明
|
| 営業時間
|
|
| 平均予算
|
昼：-～-
夜：-～-
|
| 支払い方法
|
現金 不明
カード 不明
電子マネー 不明
QR決済 不明
その他 なし
|
| SNS
|
|
| リンク
|
|
たばこ
お席
設備
| Wi-Fi
|
不明
|
| バリアフリー
|
不明
|
| 駐車場
|
不明
|
| その他設備
|
不明
|
その他
このテンプレートはテーブル「飲食店情報」を定義しています。 このテーブルはまだ作成されていません。
