/*CSS(ranking.css)は、ランキングのiframeの埋め込みです*/

/*全体設定*/
body{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin:0;
}
.clear{
    clear:both;
}

/*ボックス設定*/
.box{
    font-size:27px;
    width:95%;
    padding:20px;
    margin:20px 0px;
    border:1px solid black;
    border-radius:20px;
    box-sizing: border-box;
}
@media(max-width:300px){
    .box{
        font-size:13px;
    }
}
.ad{
    text-decoration:none;
    color:black;
    
}
.box img{
    width:10%;
    height:auto;
    margin:10px;
    float:left;
}
@media(max-width:300px){
    .box img{
        width:20%;
        height:auto;
        margin-top:15px;
    }
}
.boxarticle{
    float:left;
    width:80%;
}
@media(max-width:300px){
    .boxarticle{
        width:60%;
    }
}
.box:hover{
    opacity:0.8;
    box-shadow:2px 2px black;
}
.box:active{
    box-shadow:none;
    position:relative;
    top:10px;
    left:10px;  
}