電話での
お問い合わせメールでの
お問い合わせ

MENU

ECサイト

お肌の診断

ラインバナー

電話するお問い合わせ施術ご検討中の未成年の方へ

【見本】ハンバーガーメニュー開閉部分のデザイン

【制作会社様へ】このページは、ハンバーガーメニュー（#glonav）の開閉部分の見本です。
右上の「MENU」（または下のボタン）でメニューを開き、「美容皮膚科」「美容外科/形成外科」などをタップしてご確認ください。スマホ表示でも同じようにご確認いただけます。

こんなふうに変えてほしいポイント（見た目のみ。開閉の仕組み・タップ回数・他の項目・背景色は今のままです）

開閉マーク：塗りつぶしの ▼▲ をやめ、細い線の山形（くの字を下向きにした形）に。開いたら上向き。
開いたときの枠：項目の枠の下線を消し、項目とパネルがひと続きの枠に見えるように。
「〇〇のページを見る」：文言を見せず、サイトの MORE リンクと同じ形（「MORE」の文字＋細い円＋矢印）を右寄せで小さめに。読み上げ用に元の文言は HTML に残してください。
施術名のリンク：名前のすぐ後ろに、MORE と同じ細い矢印（arrow-b）を小さく付ける。
カテゴリ名の太さ：「肌管理」などのカテゴリ名が太字に見えるので、「美容皮膚科」などの項目名と同じ太さに。

大きさ・余白などの数値はこのページの見た目を目安に、実装方法はお任せします。このページは本文に入れた <style> で再現しているだけなので、本番では common.css（TODO158 の部分）での対応をお願いします。

Comments are closed.

CONTACT

治療などのご相談はこちら

お問い合わせ

電話でのお問い合わせ

電話番号

24時間対応オンライン予約はこちら