/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
  @media : body : margin, padding
*/
@media only screen  {
  body { margin: 0; padding:  12px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body { margin: 0; padding:  12px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  body { margin: 0; padding:  12px;}
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
  @media : font-size
*/
@media only screen  {
  html { font-size: 1.0rem; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  html { font-size: 2.0rem; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  html { font-size: 3.0rem; }
}