このホームページはデザインサンプルです。実在する店舗の情報ではありません。家庭的な雰囲気のあるくつろぎの空間。カクテルからウイスキー・ワインまで、お好きなお酒をご用意してお待ちしております。

メニュー

おすすめメニュー

日替わりピザ　¥1,000-

日替わりサンドイッチ ¥1,000-

日替わりシチュー ¥1,000-

日替わり丼 ¥1,000-

全メニュー

ドリンク

  • ウィスキー ショット各種
  • FourRoses, JohnnieWalker Red, Suntory Old, etc
  • ￥600 〜
  • ビール各種
  • Kinds of beer
  • ￥800 〜
  • カクテル各種
  • Cocktails
  • ￥1,000 〜
  • ソフトドリンク各種
  • Soft drinks
  • ￥500


お食事各種

  • 焼きそば
  • Fried Noodle
  • ￥800
  • シーフードピラフ
  • Seafood pilaf
  • ￥800
  • シーフードスパゲッティ
  • Seafood spaghetti
  • ￥800
  • メキシカンピザ
  • Mexican pizza
  • ￥800

おつまみ

  • 枝豆
  • Edamame
  • ￥500
  • ミックスナッツ
  • Mix nuts
  • ￥600
  • フライドポテト
  • Fried potato
  • ￥600
  • チーズサラミ
  • Cheese&Salami
  • ￥800
  • モッツアレラ サラダ
  • Mozzarella salad
  • ￥800
  • ミックスソーセージ
  • Mix sausages
  • ￥800
  • BBQチキン
  • BBQ Chicken
  • ￥1,000
  • ビーフステーキ
  • beef steak
  • ￥1,800
  • 和牛ビーフステーキ
  • Wagyu beef steak
  • ￥2,500

全ての価格表示は税別です。別途消費税をお支払いください。

最新情報

最新情報は当店の公式Twitterアカウントにてご確認ください。

twitterへ

店舗情報

Signifier (シグニファイア)


営業時間

21:00〜25:00 (L.O.24:00)(月曜定休)

住所

横浜市港東区港西1-23 港中央ビル5F

最寄駅

JR東横浜駅南口より徒歩2分

電話

000-111-2222

備考：このウェブサイトについて

このホームページはCSSカスタマイズ機能を説明するための作例です。実在する店舗の情報ではありません。

こちらのページはCSSカスタマイズを行なった後のデザインです。

CSSカスタマイズ前の素のデザインはこちら。
https://test-aruuntdjezelgtvonjl.shopinfo.jp/


使用環境

使用環境は以下の通りです。

  • サーバー：AmebaOwnd
  • デザインテーマ：MALIA
  • カラーセット：初期値（CSSで色を指定）
  • フォント：初期値（CSSでフォントを指定）


掲載写真

写真引用元は以下の通りです。

  • AmebaOwnd様提供の著作権フリー写真


ロゴデザイン

ロゴデザインに用いた使用環境は以下の通りです。


CSSカスタマイズ

CSSカスタマイズとして以下のCSSコードを使用しました。

/* -- ウェブページの背景色 -- */
.u-base-bg-clr{background-color: #060606;}
.u-nav-bg-clr{background-color: #060606;}


/* -- フォント -- */
h2.u-font,h1,h2,h3,h4,p,ol,ul{font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}


/* -- 文字色 -- */

h1,h2,h3,h4,p,blockquote,ol,ul{color:#ffffff;}

h2.u-ttl-blk-clr{color:#ffffff;}

.u-nav-clr{color: #ffffff;}


/* -- 引用部分(Blockquote)の背景色 -- */

blockquote{background-color: #dddddd;}


/* -- 引用部分(Blockquote)のフォント -- */

blockquote,blockquote p{font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro',verdana,'ＭＳ Ｐゴシック', sans-serif;}


/* -- 引用部分(Blockquote)の文字色 -- */

blockquote,blockquote p{color: #000000;}


/* -- ボタン -- */

.btn__item{border-radius: 1000px; font-weight:bold;}

.u-btn-clr{background-color:#800000;}

.u-btn-bdr-clr{border-color:#300000;}


/* -- 文字サイズ -- */

.txt p,

.txt blockquote,

.txt ol,

.txt ul{font-size:1.6rem; font-weight:lighter;}

.txt h1{font-size:2.8rem; font-weight:bold;}

.txt h2{font-size:2.4rem; font-weight:bold;}

.txt h3{font-size:2rem; font-weight:bold;}

.txt h4{font-size:1.6rem; font-weight:bold;color:#999;}


/* -- 見出しh2のすぐ上に画面幅いっぱいまでの線を引く -- */

h2.heading-lv2__text{border-top:1px solid #333;margin:0px -1000px;}


/* -- サイト情報エリアを非表示にする -- */

.site-info{display:none;}


/* -- キービジュアル(扉絵)の高さを制限 -- */

.keyvisual__item{max-height:500px;}


/* -- 料理写真と料理名との隙間を狭める-- */

@media only screen and (min-width: 801px){.grid>[class*=col]>* {margin-top: 5px;}}


/* -- 見出しh4の直下にある箇条書きリストをテーブル風に見せかける -- */

.txt h4+ul{

list-style-type:none;

font-size:1.4rem;

border-bottom:1px solid #333;

margin-bottom: 1.6em;

padding-left: 0;

}

.txt h4+ul li:nth-child(3n+1),

.txt h4+ul li:nth-child(3n+2),

.txt h4+ul li:nth-child(3n){display:inline-block;}

.txt h4+ul li:nth-child(3n+1){width:100%; border-top:1px solid #333;}

.txt h4+ul li:nth-child(3n+2){width:75%;color:#999;}

.txt h4+ul li:nth-child(3n){width:25%;text-align:right;}


スマートフォン用のCSSカスタマイズとして以下のCSSコードを使用しました。

/* -- 料理写真をスマホ画面幅いっぱいに広げる-- */
.block-type--image{margin-left:-30px; margin-right:-30px;}


/* -- 料理写真と料理名との隙間を狭める--  */
.grid>[class*=col]>* {margin-top: 5px;}


/* -- 文字サイズを小さくする -- */
h2.heading-lv2__text{font-size:2.4rem;}
.txt h1{font-size:2.4rem;}

.txt h2{font-size:2rem;}

.txt h3{font-size:1.8rem;}

.txt h4{font-size:1.6rem;}