@charset "utf-8";
/* CSS Document */
h2.bgAdjust span {
	display: inline-block;
	width: 400px;
	vertical-align: middle;
}
h2.bgAdjust a.net_ranking {
	display: inline-block;
	width: 280px;
	margin-left: 12px;
	vertical-align: middle;
}
.net_ranking_s{
	display: none;
}

h1.bgAdjust span {
	display: inline-block;
	width: 400px;
	vertical-align: middle;
}
h1.bgAdjust a.net_ranking {
	display: inline-block;
	width: 280px;
	margin-left: 12px;
	vertical-align: middle;
}

#cat_maine .roofBoxBnr{
    width:760px;
    overflow:hidden;
    margin:10px 0 25px 0;
}
#cat_maine .roofBoxBnr img{
    width:100%;
}
#cat_maine .roofBoxBnr img:hover{
    -moz-opacity:0.75!important; 
    opacity:0.75!important; 
}


@media only screen and (max-width:767px){
    h2.bgAdjust span {
        display: block;
        width: auto;
    }
    .net_ranking_s {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
    .net_ranking_s img{
        width: 100%;
    }
    h2.bgAdjust a.net_ranking{
        display: none;
    }
    
    h1.bgAdjust span {
        display: block;
        width: auto;
    }
    h1.bgAdjust a.net_ranking{
        display: none;
    }
    
    #cat_maine .roofBoxBnr{
        width:calc(100% - 40px);
        overflow:hidden;
        margin:10px auto 25px auto;
    }
    
}