以下のように、「広告（PC用）」と「広告（モバイル用）」ウィジェットのラッパーでそれぞれのタグを囲んで登録するだけです。
<div class="widget_pc_ad">パソコン用のコード</div> <div class="widget_mobile_ad">モバイル用のコード</div>
インライン要素にしたい場合はspanにします。
<span class="widget_pc_ad">パソコン用のコード</span><span class="widget_mobile_ad">モバイル用のコード</span>
それぞれは、パソコン幅の物では.widget_pc_adで囲まれたコードが表示されます。
モバイルの端末幅では.widget_mobile_adで囲まれたコードが表示されます。
内部的にはCSSのメディアクエリーを利用して画面の幅で表示がそれぞれ切り替わります。
スタイルは「広告（PC用）」と「広告（モバイル用）」ウィジェットに当てられているものが利用されます。わざわざCSSを書く必要はありません。
詳細はこちら。
