.fb-like-box{
  background-color: #444;
  color: var(--cocoon-white-color);
  display: flex;
  flex-wrap: nowrap;
  .fb-like-thumb,
  .fb-like-content{
    width: 100%;
  }

  img{
    display: block;
    width: 100%;
    height: 100%;
  }

  .fb_reset{
    display: none;
  }


}

.fb-like-content{
  display: flex;
  flex-direction: column;
  text-align: center;

  >div{
    padding-top: 8px;
  }
}

.fb-like-message{
  color: #eee;
  font-size: 0.9em;
}

.fb-like-sub-message{
  color: #ccc;
  font-size: 0.7em;
  margin-bottom: 8px;
}

.fb-like-buttons{
  padding: 0;
  text-align: center;
  >div{
    margin: 8px;

    display: flex;
    justify-content: center;

    >*{
      height: 100%;
    }
  }

}

.fb-like-facebook{
  margin-bottom: -7px;
}


//Facebookボタン
.facebook-follow-button{
  @extend %follow_amp_button;

  @include follow_amp_button('\f087', var(--cocoon-facebook-color));
}

.font-awesome-5{
  .facebook-follow-button::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f164";
  }
}

///////////////////////////////////////
// サイドバーのFacebookボックス
///////////////////////////////////////
.sidebar{
  @include fb_like_box;
}
