ホーム
WordPressテーマ「Cocoon」フロントページサンプル集

JIN:R風【レストラン向け】

2024-09-19
記事内に広告が含まれています。

Cuisine Divineへようこそ

ご予約 / Reservation

000-0000-0000

14:00〜16:30がつながりやすいです。営業時間中は繋がりにくい場合があります。

グルメサイトでご予約

お知らせ / information

CocoonとXwriteの対応速度の違いから考える、開発体制の課題
2026-10-28 雑談
エントリーカードに読書進捗バーを表示する方法
2026-10-27 Cocoonカスタマイズ集
カードタイプ「タイル」をCSSだけでMasonryレイアウトにする方法
2026-10-26 Cocoonカスタマイズ集
スキン配色ジェネレーター
2026-10-25 スキンをカスタマイズ
「ギャラリー」ウィジェットを綺麗なMasonryレイウトにする方法
2026-10-25 Cocoonカスタマイズ集

神の料理

「神の料理」という名の通り、オーナーの○○が手掛ける、卓越した技術を注ぎ込み、至福のひとときをお過ごしいただきたいという思いから名付けました。

豪華なインテリアと繊細な料理で、訪れる全てのお客様に特別なひとときをお届けします。

POINT 01

フランス直送の極上食材

フランスから直送された最高級の食材を使用し、一皿ごとに素材本来の豊かな味わいと香りをお届けします。

POINT 02

一流シェフの卓越した技

世界で腕を磨いた一流シェフが、繊細かつ大胆なテクニックで生み出す至高の料理をお楽しみください。

POINT 03

洗練された空間

静かで気品あるラグジュアリーな空間で、大切なひとときにふさわしい特別な時間をお過ごしください。

コース紹介

Couse Menu

ランチ / ディナーともにコース料理をご用意しています。

ランチ（11:00 – 14:00）

Lunch

【メニューA】○○○○○○

1,000円

【メニューB】○○○○○○

2,000円

【メニューC】○○○○○○

3,000円

【贅沢フレンチ】○○○○○○

4,000円

ディナー（18:00 – 22:00）

Dinner

【メニューA】○○○○○○

1,000円

【メニューB】○○○○○○

2,000円

【メニューC】○○○○○○

3,000円

【贅沢フレンチ】○○○○○○

4,000円

ご予約

Reservation

000-0000-0000

グルメサイトでご予約

アクセス

ACCESS

Cuisine Divine

〒150-0001 東京都渋谷区神宮前○丁目○-○

000-0000-0000

ランチ 11:00 – 14:00 (Lo 13:30)
ディナー 18:00 – 22:00 (Lo 21:30)
木曜日定休

Google Mapで開く
JIN:R DEMO 14｜大阪、谷町にある本格イタリアン
ご予約 / Reservation090-xxxx-xxxx 14:00〜16:30がつながりやすいです。営業時間中は繋がりにくいので、悪しからずご了承ください。 お知らせ / information イタリアに魅了されて...本場ナポリの
jinr-demo.jp

上記のデザインをCocoonで再現していました（笑）

  • メイド・イン・ヘブンを前提としています。
  • ページタイプ「1カラム（広い）」にページ設定してください。
  • 必ず画像を自分のサイトの画像に「置換」してください。

以下からデータをコピーし、そのまま「段落」ブロックに貼り付けます。

コピーする
<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"className":"hvn-h2 has-text-color has-link-color","style":{"elements":{"link":{"color":{"text":"#7f6d4d"}}},"color":{"text":"#7f6d4d"},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center hvn-h2 has-text-color has-link-color" style="color:#7f6d4d">Cuisine Divineへようこそ</p>
<!-- /wp:paragraph -->

<!-- wp:columns {"metadata":{"name":"ご予約・お知らせ"}} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"stretch","width":"30%","style":{"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}},"backgroundColor":"cocoon-white"} -->
<div class="wp-block-column is-vertically-aligned-stretch has-cocoon-white-background-color has-background" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;flex-basis:30%"><!-- wp:paragraph {"className":"has-text-color has-link-color","style":{"color":{"text":"#7f6d4d"},"elements":{"link":{"color":{"text":"#7f6d4d"}}},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center has-text-color has-link-color" style="color:#7f6d4d"><span class="bold">ご予約</span> / <span class="bold">Reservation</span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center">000-0000-0000</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>14:00〜16:30がつながりやすいです。営業時間中は繋がりにくい場合があります。</p>
<!-- /wp:paragraph -->

<!-- wp:cocoon-blocks/button-1 {"content":"グルメサイトでご予約","size":"btn-m","isCircle":true,"align":"center","customBackgroundColor":"#bca583"} -->
<div class="wp-block-cocoon-blocks-button-1 aligncenter button-block" style="--cocoon-custom-background-color:#bca583"><a href="" class="btn btn-m btn-circle has-background" target="_self" rel="noopener">グルメサイトでご予約</a></div>
<!-- /wp:cocoon-blocks/button-1 --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}},"backgroundColor":"cocoon-white","layout":{"type":"default"}} -->
<div class="wp-block-column has-cocoon-white-background-color has-background" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:paragraph {"className":"has-text-color has-link-color","style":{"color":{"text":"#7f6d4d"},"elements":{"link":{"color":{"text":"#7f6d4d"}}},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center has-text-color has-link-color" style="color:#7f6d4d"><span class="bold">お知らせ / information</span></p>
<!-- /wp:paragraph -->

<!-- wp:cocoon-blocks/info-list {"classNames":"info-list-box block-box","showFrame":false,"showDivider":false} /--></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:group {"tagName":"section","metadata":{"name":"お店の紹介"},"className":"wide","style":{"spacing":{"padding":{"top":"30px","bottom":"30px"}}},"backgroundColor":"cocoon-white","layout":{"type":"constrained","contentSize":"1200px"}} -->
<section class="wp-block-group wide has-cocoon-white-background-color has-background" style="padding-top:30px;padding-bottom:30px"><!-- wp:media-text {"mediaId":36262,"mediaLink":"https://ss1.xrea.com/chuya.s239.xrea.com/temp/front-page-samples/a-1-34/","mediaType":"image","verticalAlignment":"top"} -->
<div class="wp-block-media-text is-stacked-on-mobile is-vertically-aligned-top"><figure class="wp-block-media-text__media"><img src="https://ss1.xrea.com/chuya.s239.xrea.com/temp/wp-content/uploads/2024/12/1735191225.png" alt="" class="wp-image-36262 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph {"placeholder":"コンテンツ…","className":"has-text-color has-link-color","style":{"elements":{"link":{"color":{"text":"#7f6d4d"}}},"color":{"text":"#7f6d4d"},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center has-text-color has-link-color" style="color:#7f6d4d"><span class="bold"><span class="fz-28px">神の料理</span></span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>「神の料理」という名の通り、オーナーの○○が手掛ける、卓越した技術を注ぎ込み、至福のひとときをお過ごしいただきたいという思いから名付けました。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>豪華なインテリアと繊細な料理で、訪れる全てのお客様に特別なひとときをお届けします。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"stretch","style":{"color":{"background":"#f9f7f4"},"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}}} -->
<div class="wp-block-column is-vertically-aligned-stretch has-background" style="background-color:#f9f7f4;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"has-text-color has-link-color","style":{"color":{"text":"#7f6d4d"},"elements":{"link":{"color":{"text":"#7f6d4d"}}},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center has-text-color has-link-color" style="color:#7f6d4d"><span class="fz-12px">POINT 01</span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"has-text-color has-link-color","style":{"elements":{"link":{"color":{"text":"#7f6d4d"}}},"color":{"text":"#7f6d4d"},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center has-text-color has-link-color" style="color:#7f6d4d"><span class="bold"><span class="fz-22px">フランス直送の極上食材</span></span></p>
<!-- /wp:paragraph -->

<!-- wp:separator {"style":{"color":{"background":"#7f6d4d"}}} -->
<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background" style="background-color:#7f6d4d;color:#7f6d4d"/>
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p>フランスから直送された最高級の食材を使用し、一皿ごとに素材本来の豊かな味わいと香りをお届けします。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"stretch","style":{"color":{"background":"#f9f7f4"},"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}}} -->
<div class="wp-block-column is-vertically-aligned-stretch has-background" style="background-color:#f9f7f4;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"has-text-color has-link-color","style":{"elements":{"link":{"color":{"text":"#7f6d4d"}}},"color":{"text":"#7f6d4d"},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center has-text-color has-link-color" style="color:#7f6d4d"><span class="fz-12px">POINT 02</span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"has-text-color has-link-color","style":{"elements":{"link":{"color":{"text":"#7f6d4d"}}},"color":{"text":"#7f6d4d"},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center has-text-color has-link-color" style="color:#7f6d4d"><span class="bold"><span class="fz-22px">一流シェフの卓越した技</span></span></p>
<!-- /wp:paragraph -->

<!-- wp:separator {"style":{"color":{"background":"#7f6d4d"}}} -->
<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background" style="background-color:#7f6d4d;color:#7f6d4d"/>
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p>世界で腕を磨いた一流シェフが、繊細かつ大胆なテクニックで生み出す至高の料理をお楽しみください。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"stretch","style":{"color":{"background":"#f9f7f4"},"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}}} -->
<div class="wp-block-column is-vertically-aligned-stretch has-background" style="background-color:#f9f7f4;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"has-text-color has-link-color","style":{"color":{"text":"#7f6d4d"},"elements":{"link":{"color":{"text":"#7f6d4d"}}},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center has-text-color has-link-color" style="color:#7f6d4d"><span class="fz-12px">POINT 03</span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"has-text-color has-link-color","style":{"elements":{"link":{"color":{"text":"#7f6d4d"}}},"color":{"text":"#7f6d4d"},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center has-text-color has-link-color" style="color:#7f6d4d"><span class="bold"><span class="fz-22px">洗練された空間</span></span></p>
<!-- /wp:paragraph -->

<!-- wp:separator {"style":{"color":{"background":"#7f6d4d"}}} -->
<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background" style="background-color:#7f6d4d;color:#7f6d4d"/>
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p>静かで気品あるラグジュアリーな空間で、大切なひとときにふさわしい特別な時間をお過ごしください。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></section>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"メニュー"},"style":{"spacing":{"padding":{"top":"30px"}}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-group" style="padding-top:30px"><!-- wp:paragraph {"className":"has-text-color has-link-color","style":{"color":{"text":"#7f6d4d"},"elements":{"link":{"color":{"text":"#7f6d4d"}}},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center has-text-color has-link-color" style="color:#7f6d4d"><span class="fz-12px">コース紹介</span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"hvn-h2 has-text-color has-link-color","style":{"elements":{"link":{"color":{"text":"#7f6d4d"}}},"color":{"text":"#7f6d4d"},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center hvn-h2 has-text-color has-link-color" style="color:#7f6d4d">Couse Menu</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center">ランチ / ディナーともにコース料理をご用意しています。</p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"metadata":{"name":"Lunch"},"className":"hvn-menu","style":{"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}}} -->
<div class="wp-block-column hvn-menu" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:paragraph {"className":"has-text-color has-link-color","style":{"color":{"text":"#7f6d4d"},"elements":{"link":{"color":{"text":"#7f6d4d"}}},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center has-text-color has-link-color" style="color:#7f6d4d"><span class="fz-12px">ランチ（11:00 - 14:00）</span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"has-text-color has-link-color","style":{"color":{"text":"#7f6d4d"},"elements":{"link":{"color":{"text":"#7f6d4d"}}},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center has-text-color has-link-color" style="color:#7f6d4d"><span class="fz-22px"><span class="bold">Lunch</span></span></p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":47691,"sizeSlug":"full","linkDestination":"none","align":"wide"} -->
<figure class="wp-block-image alignwide size-full"><img src="https://ss1.xrea.com/chuya.s239.xrea.com/temp/wp-content/uploads/2025/06/1749607764.jpg" alt="" class="wp-image-47691"/></figure>
<!-- /wp:image -->

<!-- wp:group {"metadata":{"name":"メニュー"},"className":"hvn-price","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group hvn-price"><!-- wp:paragraph -->
<p>【メニューA】○○○○○○</p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p><span class="bold">1,000円</span></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"メニュー"},"className":"hvn-price","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group hvn-price"><!-- wp:paragraph -->
<p>【メニューB】○○○○○○</p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p><span class="bold">2,000円</span></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"メニュー"},"className":"hvn-price","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group hvn-price"><!-- wp:paragraph -->
<p>【メニューC】○○○○○○</p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p><span class="bold">3,000円</span></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"メニュー"},"className":"hvn-price","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group hvn-price"><!-- wp:paragraph -->
<p>【贅沢フレンチ】○○○○○○</p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p><span class="bold">4,000円</span></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"metadata":{"name":"Dinner"},"className":"hvn-menu","style":{"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}}} -->
<div class="wp-block-column hvn-menu" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:paragraph {"className":"has-text-color has-link-color","style":{"color":{"text":"#7f6d4d"},"elements":{"link":{"color":{"text":"#7f6d4d"}}},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center has-text-color has-link-color" style="color:#7f6d4d"><span class="fz-12px">ディナー（18:00 - 22:00）</span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"has-text-color has-link-color","style":{"color":{"text":"#7f6d4d"},"elements":{"link":{"color":{"text":"#7f6d4d"}}},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center has-text-color has-link-color" style="color:#7f6d4d"><span class="fz-22px"><span class="bold">Dinner</span></span></p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":29554,"sizeSlug":"full","linkDestination":"none","align":"wide"} -->
<figure class="wp-block-image alignwide size-full"><img src="https://ss1.xrea.com/chuya.s239.xrea.com/temp/wp-content/uploads/2024/09/1726746666.jpg" alt="" class="wp-image-29554"/></figure>
<!-- /wp:image -->

<!-- wp:group {"metadata":{"name":"メニュー"},"className":"hvn-price","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group hvn-price"><!-- wp:paragraph -->
<p>【メニューA】○○○○○○</p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p><span class="bold">1,000円</span></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"メニュー"},"className":"hvn-price","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group hvn-price"><!-- wp:paragraph -->
<p>【メニューB】○○○○○○</p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p><span class="bold">2,000円</span></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"メニュー"},"className":"hvn-price","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group hvn-price"><!-- wp:paragraph -->
<p>【メニューC】○○○○○○</p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p><span class="bold">3,000円</span></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"メニュー"},"className":"hvn-price","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group hvn-price"><!-- wp:paragraph -->
<p>【贅沢フレンチ】○○○○○○</p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p><span class="bold">4,000円</span></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"tagName":"section","metadata":{"name":"ご予約"},"className":"wide","style":{"spacing":{"padding":{"top":"30px","bottom":"30px"}}},"backgroundColor":"cocoon-white","layout":{"type":"default"}} -->
<section class="wp-block-group wide has-cocoon-white-background-color has-background" style="padding-top:30px;padding-bottom:30px"><!-- wp:paragraph {"className":"has-text-color has-link-color","style":{"color":{"text":"#7f6d4d"},"elements":{"link":{"color":{"text":"#7f6d4d"}}},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center has-text-color has-link-color" style="color:#7f6d4d"><span class="fz-12px">ご予約</span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"hvn-h2 has-text-color has-link-color","style":{"elements":{"link":{"color":{"text":"#7f6d4d"}}},"color":{"text":"#7f6d4d"},"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center hvn-h2 has-text-color has-link-color" style="color:#7f6d4d">Reservation</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center">000-0000-0000</p>
<!-- /wp:paragraph -->

<!-- wp:cocoon-blocks/button-1 {"content":"グルメサイトでご予約","size":"btn-m","isCircle":true,"align":"center","customBackgroundColor":"#bca583"} -->
<div class="wp-block-cocoon-blocks-button-1 aligncenter button-block" style="--cocoon-custom-background-color:#bca583"><a href="" class="btn btn-m btn-circle has-background" target="_self" rel="noopener">グルメサイトでご予約</a></div>
<!-- /wp:cocoon-blocks/button-1 --></section>
<!-- /wp:group -->

<!-- wp:columns {"metadata":{"name":"アクセス"},"extraBottomMargin":"0","className":"wide fixed"} -->
<div class="wp-block-columns wide fixed is-style-bottom-margin-0em has-bottom-margin"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"https://ss1.xrea.com/chuya.s239.xrea.com/temp/wp-content/uploads/2025/04/1744436950.jpg","id":45231,"dimRatio":60,"overlayColor":"dark-grey","isUserOverlayColor":true,"sizeSlug":"full","className":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|cocoon-white"}}}},"textColor":"cocoon-white","layout":{"type":"default"}} -->
<div class="wp-block-cover wide has-cocoon-white-color has-text-color has-link-color"><img class="wp-block-cover__image-background wp-image-45231 size-full" alt="" src="https://ss1.xrea.com/chuya.s239.xrea.com/temp/wp-content/uploads/2025/04/1744436950.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-dark-grey-background-color has-background-dim-60 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"0"},"margin":{"top":"30px","bottom":"30px"}}}} -->
<div class="wp-block-columns" style="margin-top:30px;margin-bottom:30px"><!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}}} -->
<div class="wp-block-column" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center"><span class="fz-12px">アクセス</span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center"><span class="bold"><span class="fz-28px">ACCESS</span></span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center">Cuisine Divine</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center">〒150-0001 東京都渋谷区神宮前○丁目○-○</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center">000-0000-0000</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center">ランチ 11:00 – 14:00 (Lo 13:30)<br>ディナー 18:00 – 22:00 (Lo 21:30)<br>木曜日定休</p>
<!-- /wp:paragraph -->

<!-- wp:cocoon-blocks/button-1 {"content":"Google Mapで開く","size":"btn-l","align":"center","borderColor":"cocoon-white","width":"75","className":"hvn-btn"} -->
<div class="wp-block-cocoon-blocks-button-1 aligncenter button-block hvn-btn"><a href="" class="btn btn-l has-border-color has-cocoon-white-border-color has-custom-width cocoon-block-button__width-75" target="_self" rel="noopener">Google Mapで開く</a></div>
<!-- /wp:cocoon-blocks/button-1 --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:html {"metadata":{"name":"CSS"}} -->
<style data-wp-block-html="css">
:root {
  --hvn-blue: #0d4d8d;          /* 青 */
  --hvn-white: #eeeeee;         /* 白 */
  --hvn-red: #d73c36;           /* 赤 */
  --content-color: #f9f7f4;     /* メイン背景カラー */
  --body-color: #f9f7f4;        /* 背景カラー */
  --content-bgcolor: #f9f7f4;
}

/*******************************************************************************
**  全体
*******************************************************************************/
.front-top-page.page .breadcrumb,
.body .toc {
  display: none;
}

.body .content,
.body .entry-content,
.body .article,
.body .footer,
.body .footer-bottom {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.body .main {
  background-image:url(https://ss1.xrea.com/chuya.s239.xrea.com/temp/wp-content/uploads/2026/01/1767239781.gif);
  padding: 0 !important;
}

/* 画像 */
.entry-content figure.wp-block-image img {
  border: 0;
  box-shadow: unset;
  padding: 0;
}

/*******************************************************************************
**  見出しH2
*******************************************************************************/

.front-top-page.page .article .hvn-h2 {
  background: unset;
  border: 0;
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 calc(var(--gap30)) !important;
  padding: 0 !important;
  position: relative;
  text-align: center;
}

/* フランスカラー */
.body .article .hvn-h2::after {
  background: linear-gradient(
     to right,
     var(--hvn-blue)  0%,
     var(--hvn-blue)  33%,
     var(--hvn-white) 33%,
     var(--hvn-white) 66%,
     var(--hvn-red)   66%,
     var(--hvn-red)   100%
  );
  content: '';
  display: block;
  height: 10px;
  margin: 15px auto 0;
  width: 100px;
}

/*******************************************************************************
**  メディアとテキスト
*******************************************************************************/
.body .wp-block-media-text {
  gap: var(--gap30);
}

.body .wp-block-media-text__content {
  padding: 0;
}

/*******************************************************************************
**  アクセス画像
*******************************************************************************/
.wide.fixed img {
  filter: blur(2px);
}

/*******************************************************************************
**  お知らせ
*******************************************************************************/
.info-list-item {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 20px;
}

.body .info-list-item-content {
  margin-bottom: 0;
}

.body .info-list-item-date::before {
  content:none;
}

.info-list-item-meta {
  flex-shrink: 0;
  font-size: 16px;
  line-height: unset;
}

/*******************************************************************************
**  メニュー
*******************************************************************************/
/* メニュー表 */
.body .hvn-price > * {
  margin: 0;
}

.hvn-price hr {
  border-color: #ccc;
  border-style: dotted;
  border-width: 1px 0 0 0;
  flex-grow: 1;
}

.hvn-menu {
  background-color: #fffdf9;
  box-shadow: 0px 0px 5px 1px #eee;
}

.body .hvn-price > p:last-child {
  flex-shrink: 0;
}

/*******************************************************************************
**  ボタン（Google Map）
*******************************************************************************/
.hvn-btn a {
  background-color: transparent;
}

/*******************************************************************************
**  ワイドブロック
*******************************************************************************/
.body .wide {
  margin: 0 calc(50% - 50vw);
  overflow-x: clip;
  padding: 0 calc(50vw - 50%);
}

/*******************************************************************************
**  固定カバーブロック
*******************************************************************************/
.fixed {
  clip-path: inset(0);
}

.body .fixed .wp-block-cover > img {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

/*******************************************************************************
**  フッター
*******************************************************************************/
.hvn-dark-switch {
  display: none !important;
}
</style>
<!-- /wp:html -->
タイトルとURLをコピーしました