@media screen and (max-width: 980px) {
 
    #pagewrap {
        width: 100%;
    }
 
    #content {
        width: 80%;
        /*padding: 3% 4%;*/
    }
 
    #sidebar {
        width: 13%;

    }
    #sidebar .widget {
        /*padding: 8% 7%;*/
    }
 
}


@media screen and (max-width: 650px) {
 
    #header {
        height: auto;
    }
 
 
 
    #site-description {
        margin: 0 0 15px;
        position: static;
    }
 
    #content {
        width: auto;
        float: none;
        margin: 5px 0;
    }
 
    #sidebar {
        width: auto;
        float: none;
        margin: 0;
    }
 
.widget ul li{float:left;margin-bottom:5px;}

#sidebar a{
padding:12px;
}

#sidebar a.home{
padding:12px;
}

.img_chara{

display:none;

}

.tit{display:block; }


}

@media screen and (max-width: 480px) {

 html {
        -webkit-text-size-adjust: none;
    }

 
}


}