/*  文字の色とサイズ  */


/*
b { font-family:monospace; color: #0033cc; background-color: #ffffff}

h2 { font-family:monospace; color:#ffffff; background-color:#0066ff; padding: 0.5em 1em; font-size:120%; cursor:pointer; border-radius: 5px; } 

h1 { font-family:monospace; color:#ffffff; background-color:#0066ff; padding: 0.5em 1em; font-size:120%; border-radius: 5px; } 
*/

input { font-size:60%; vertical-align:20%; } 

table { font-size:100%; } 

i {color: #bb00bb;}

/*   画面サイズと文字サイズ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からはここを読み込む　*/
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; }

}