/*
　お天気情報表示用スタイルシート
　2017.02.15 ASW KURA 追加
*/

#top-post-share{
    float: right;
    width: 275px;
    color: white;
    top: 110px;
    position: relative;
    text-align: right;
}

#top-post-share-title{
    float: left;
    padding: 10px;
    font-size: 2em;
    font-weight: bold;
}

@media (max-width: 991px) {

    #top-post-share{
        top: 40px;
        right: 20px;
    }
}

@media (max-width: 767px) {

    #top-post-share{
        top: 18px;
        right: 10px;
        width: 195px;
    }
    
    #top-post-share-title
    {
        font-size: 1em;
        margin-left: 10px;
    }
    
    #top-post-share dd ul li a 
    {
        width: 32px;
    }
}

@media (max-width: 449px) {

    #top-post-share{
        top: 0;
    }
}

@media (max-width: 404px) {

    #top-post-share{
        top: -25px;
    }
}