Tablet View
SP View
footer_009
３つのブロックをあわせたフッターデザイン。お問い合わせボタンはスマホでは横幅いっぱいになるようにリンクデザインに細工しています。
サイトマップ のブロックは４つに分割しており、１カラムめには住所や電話番号を入れて横幅を広めにしています。各カラムの幅はCSSタブで簡単に設定できますので改行が生じないように調整して使えます。
- お問い合せのリンクは、スマホでは一番上に表示されるようにパソコンではfloatを設定して右にしています。
- ４カラムのメニューは、スマホでは１カラムでの並びです。文字数が少ないメニューの時にはfooter_008をオススメします。
- copyrightは、パソコンでは左寄せ、スマホでは中央寄せ。また、スマホではAllの前で改行されるようにCSSで調整しています。
- copyrightの改行調整のためのCSSもブロック内（最終行）にカスタムタグで入れています。