css_facebook_page_like_unit_for_blog.css

@media only screen and (max-device-width: 640px),
 only screen and (max-device-width: 667px),
 only screen and (max-width: 480px) and (orientation : portrait){

    /*　for iPhone 6 and 6+　*/
    /*記事がよかったら、いいねスマホ*/
        .p-shareButton-bottom {
            padding-bottom: 15px;
            overflow: hidden
        }
        .p-shareButton__buttons {
            font-weight: 700;
            color: #fff;
            font-size: 13px;
            text-align: center
        }
        .p-shareButton__buttons>li {
            padding-left: 3px;
            padding-right: 4px
        }
        .p-shareButton__buttons .c-btn {
            padding: 8px 0;
            border-radius: 2px
        }
        .p-shareButton__buttons .c-ico {
            display: block;
            margin: auto auto 5px
        }
        .p-shareButton__fb {
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2);
            width: 115px
        }
        .p-shareButton__fb-cont {
            position: relative;
            width: 108px;
            margin: 0 auto
        }
        .p-shareButton__fb-unable {
            position: absolute;
            top: 0;
            left: 0;
            width: 20px;
            height: 20px
        }
        .p-shareButton__cont {
            margin: 15px 0 0
        }
        .p-shareButton__a-cont {
            background: #2e2e2e;
            display: table;
            width: 100%
        }
        .p-shareButton__a-cont__img {
            display: table-cell;
            min-width: 100px;
            -webkit-background-size: cover;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center
        }
        .p-shareButton__a-cont__btn {
            display: table-cell;
            padding: 12px;
            text-align: center
        }
        .p-shareButton__a-cont__btn p {
            font-size: 12px;
            color: #fff;
            font-weight: 700;
            padding: 5px 0 15px;
            line-height: 1.4;
            margin-bottom: 0px;
        }
    /*記事がよかったら、いいねスマホ end*/

}

@media screen and (min-width:480px) and ( max-width:1024px) {
    /*　for iPad 　*/
    /*記事がよかったら、いいねスマホ*/
        .p-shareButton-bottom {
            padding-bottom: 15px;
            overflow: hidden
        }
        .p-shareButton__buttons {
            font-weight: 700;
            color: #fff;
            font-size: 13px;
            text-align: center
        }
        .p-shareButton__buttons>li {
            padding-left: 3px;
            padding-right: 4px
        }
        .p-shareButton__buttons .c-btn {
            padding: 8px 0;
            border-radius: 2px
        }
        .p-shareButton__buttons .c-ico {
            display: block;
            margin: auto auto 5px
        }
        .p-shareButton__fb {
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2);
            width: 115px
        }
        .p-shareButton__fb-cont {
            position: relative;
            width: 108px;
            margin: 0 auto
        }
        .p-shareButton__fb-unable {
            position: absolute;
            top: 0;
            left: 0;
            width: 20px;
            height: 20px
        }
        .p-shareButton__cont {
            margin: 15px 0 0
        }
        .p-shareButton__a-cont {
            background: #2e2e2e;
            display: table;
            width: 100%
        }
        .p-shareButton__a-cont__img {
            display: table-cell;
            min-width: 100px;
            -webkit-background-size: cover;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center
        }
        .p-shareButton__a-cont__btn {
            display: table-cell;
            padding: 12px;
            text-align: center
        }
        .p-shareButton__a-cont__btn p {
            font-size: 12px;
            color: #fff;
            font-weight: 700;
            padding: 5px 0 15px;
            line-height: 1.4;
            margin-bottom: 0px;
        }
    /*記事がよかったら、いいねスマホ end*/

}
@media screen and (min-width:1024px) {
    /*　for PC　*/
    /*記事がよかったら、いいねPC*/
        .p-entry__push {
            margin-bottom: 20px;
            display: table;
            table-layout: fix;
            width: 100%;
            background-color: #2b2b2b;
            color: #fff;
        }
        .p-entry__pushThumb {
            display: table-cell;
            min-width: 240px;
            height: 200px;
            background-position: center;
        background-size:cover;
        }
        .p-entry__pushLike {
            display: table-cell;
            padding: 20px;
            text-align: center;
            vertical-align: middle;
            line-height: 1.4;
            font-size: 20px;
        }
        .p-entry__pushButton {
            margin-top: 15px;
            display: inline-block;
            width: 200px;
            height: 40px;
            line-height: 40px;
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2);
        }
        .p-entry__pushButtonLike {
            line-height: 1
        }
        .p-entry__note {
            margin-top: 15px;
            font-size: 12px;
            color: #999;
        }
    /*facebook page、いいね PC end*/
}