/* ITトレンド年間ランキング　バッジ2017年（2018年中有効）  */
.it_trend {
	position: absolute;
	top: 32px;
	right: 10px;
}
.it_trend img {
    width:110px;
    margin: 0 5px;
}
@media print, screen and (min-width: 861px){
#footer .inner {
    min-height: 300px;
}
#footer .pageup {
    position: absolute;
    top: 310px;
    right: 28px;
    width: 102px;
    height: 20px;
	}
#footer .siteseal {
    position: absolute;
	top: 290px;
    left: 25px;
    width: 235px;
}
#footer .sns {
    position: absolute;
    top: 304px;
    right: 9px;
    width: 235px;
}
#footer .copyright {
    position: absolute;
    left: 35%;
    bottom: 35px;
}
}
@media print, screen and (max-width: 860px){
.it_trend img {
	    width:74px;
        padding: 0 6px;
}
.it_trend {
    position: absolute;
    top: 23px;
    left: 3px;
}
#footer .inner {
    height: 213px;
}
#footer .sns {
    top: 65px;
    left: auto;
    right: 7px;
}
#footer .siteseal {
    left: 18px;
    width: 179px;
    bottom: 24px;
}
#footer .siteseal li {
    margin: 0 16px 0 0;
}
#footer .copyright {
    width: 30%;
}
}



/* #footer
----------------------------------------------- */
#footer .siteseal{
    position: static;
    margin-left: 25px;
}
#footer .inner{
    max-width: 1020px;
    min-height: auto;
    width: 95%;
}
#footer .copyright{
    display: block;
    position: absolute;
    left: 50%;
    right: auto;
    text-align: center;
    margin: 0 auto;
    transform: translateX(-50%);
    bottom: 0px;
    color: #9a9a9a;
    font-size: 10px;
    letter-spacing: 1px;
}
@media only screen and (max-width: 860px){
    #footer .inner{
        height: auto;
        padding-top: 4%;
        padding-bottom: 4%;
    }
    #footer .footer_bottom{
        height: 70px;
    }
    #footer .copyright{
        width: 100%;
    }
    #footer .siteseal{
        margin-left: 0px;
    }
    #footer .siteseal li{
        position: relative;
        top: 5px;
    }
}