@charset "utf-8";
@media (min-width:320px)  {
#topon a:hover span  { background-position:bottom;display: block;margin-bottom: 7px;width:35px;}
#topon a:hover span { background-position: 0% -34px;}
#topon span { background: url("../image/up-arrow.png") 0% 0px no-repeat transparent;display: block;height: 20px;margin-bottom: 7px;width: 35px;}
#topon { bottom: 30px;left: 45%;margin-left: 140px;position: fixed;z-index: 9999;display:block;}
#topon p { margin-bottom: 20px;margin-top: 0px;}
}
@media (min-width:480px)  { 
#topon a:hover span  { background-position:bottom;display: block;margin-bottom: 7px;width:35px;}
#topon a:hover span { background-position: 0% -34px;}
#topon span { background: url("../image/up-arrow.png") 0% 0px no-repeat transparent;display: block;height: 20px;margin-bottom: 7px;width: 35px;}
#topon { bottom: 30px;left: 45%;    margin-left: 140px;position: fixed;z-index: 9999;display:block;}
#topon p { margin-bottom: 20px;margin-top: 0px;}
 }
@media (min-width:600px)  { 
#topon a:hover span  { background-position:bottom;display: block;margin-bottom: 7px;width:35px;}
#topon a:hover span { background-position: 0% -34px;}
#topon span { background: url("../image/up-arrow.png") 0% 0px no-repeat transparent;display: block;height: 20px;margin-bottom: 7px;width: 35px;}
#topon { bottom: 30px;left: 45%;    margin-left: 140px;position: fixed;z-index: 9999;display:block;}
#topon p { margin-bottom: 20px;margin-top: 0px;}
 }
@media (min-width:801px)  { 
#topon a:hover span  { background-position:bottom;display: block;margin-bottom: 7px;width:35px;}
#topon a:hover span { background-position: 0% -34px;}
#topon span { background: url("../image/up-arrow.png") 0% 0px no-repeat transparent;display: block;height: 20px;margin-bottom: 7px;width: 35px;}
#topon { bottom: 30px;left: 45%;margin-left: 600px;position: fixed;z-index: 9999;display:block;}
#topon p { margin-bottom: 20px;margin-top: 0px;} 
}
@media (min-width:1025px) { 
#topon { display:none; }
}
@media (min-width:1281px) {
#topon { display:none; }
}