@media screen and (max-width: 768px) {
.allpage {
    width: auto;
    margin: 0 7px;
}
.menu_rio {
    overflow: hidden;
    float: none;
    width: auto;
    margin: 0 15px;
    clear:both;
}
.content_rio {
    overflow: hidden;
    float: none;
    width: auto;
    margin:7px;
    padding: 7px;
}
.menuup {
    overflow: hidden;
}
#search {
    clear:both;
    float: none;
    width: calc(100% - 30px);
    margin: 10px 15px;
}
#s {
    width: calc(100% - 40px);
}
.top_rio {
 height: auto;
}
.content_rio li {
	margin: 7px 0;
}
.menuup li a, .menuup li a:link {
    padding: 8px 8px;
    font-size: 10px;
}
h1 {
    font-size: 16px;
    margin: 5px 0 10px 0;
}
.topname img {
	max-width:220px;
	margin: 0 auto;
	display: block;
}
}