レスポンシブ メディアクエリ
http://katoshun.com/blog/rwd-20130127.html
◎スマートフォン 640px
◎タブレット 640px – 768px
◎PC 768px – max
/* デフォルト:980px以上用(PC用)の記述 */
@media screen and (max-width: 979px) {
/* 979px以下用(タブレット用)の記述 */
}
@media screen and (max-width: 767px) {
/* 767px以下用(タブレット/スマートフォン用)の記述 */
}
@media screen and (max-width: 479px) {
/* 479px以下用(スマートフォン用)の記述 */
}