/*   画面サイズと文字サイズ2   */

@media only screen and (max-device-width:320px) { 
    /*　画面サイズが xxx pxからはここを読み込む　iphone4,5 */
html  { font-size: 55px; }
body  { font-size: 55px; }

}


@media only screen and (min-device-width:321px) and (max-device-width:360px) { 
    /*　画面サイズが xxx pxからはここを読み込む　android-chrome */
html  { font-size: 15px; }
body  { font-size: 15px; }

}


@media only screen and (min-device-width:361px) and (max-device-width:375px) { 
    /*　画面サイズが xxx pxからはここを読み込む　iphone6 */
html  { font-size: 50px; }
body  { font-size: 50px; }

}


@media only screen and (min-device-width:376px) and (max-device-width:414px) { 
    /*　画面サイズが xxx pxからはここを読み込む　iphone6 plus */
html  { font-size: 43px; }
body  { font-size: 43px; }

}


@media only screen and (min-device-width:415px) and (max-device-width:768px) { 
    /*　画面サイズが xxx pxからはここを読み込む　ipad */
html  { font-size: 25px; }
body  { font-size: 25px; }

}


@media only screen and (min-device-width:769px) and (max-device-width:800px) { 
    /*　画面サイズが xxx pxからはここを読み込む　android-tablet  */
html  { font-size: 20px; }
body  { font-size: 20px; }

}


@media only screen and (min-device-width:801px) and (max-device-height:1003px) { 
    /*　画面サイズが xxx pxからはここを読み込む　xperia-mini  */
html  { font-size: 50px; }
body  { font-size: 50px; }

}


@media only screen and (min-device-width:1004px) and (max-device-width:1024px) { 
    /*　画面サイズが xxx pxからはここを読み込む　パソコン画面1024  */
html  { font-size: 16px; }
body  { font-size: 16px; }

}

@media only screen and (min-device-width:1025px) and (max-device-width:1080px) { 
    /*　画面サイズが xxx pxからはここを読み込む　303sh  */
html  { font-size: 45px; }
body  { font-size: 45px; }

}

@media only screen and (min-device-width:1081px) and (max-device-width:1280px) { 
    /*　画面サイズが xxx pxからはここを読み込む　303sh  */
html  { font-size: 16px; }
body  { font-size: 16px; }

}

@media only screen and (min-device-width:1281px) and (max-device-width:1700px) { 
    /*　画面サイズが xxx pxからはここを読み込む　macいろいろ　　*/
html  { font-size: 16px; }
body  { font-size: 16px; }

}