@charset "UTF-8";
/* パソコン用 : iPad以上の大きな画面 */
@media (min-width: 768px){
  div{
    border: 3px #f00 solid;  /* 赤枠 */
  }
}
/* 大画面スマホ用 : iPhone6 Plusなど */
@media (min-width: 411px) and (max-width: 767px){
  div{
    border: 3px #0f0 solid;  /* 緑枠 */
  }
}
/* 小画面スマホ用 : iPhone5, iPhone6など */
@media (max-width: 410px){
  div{
    border: 3px #00f solid;  /* 青枠 */
  }
}