@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

.form-width { max-width: 100%;}

/* 記事間に線を引く */
#main .entry {
 border-bottom: 1px solid #F0F0F0;
 padding-bottom: 15px;
}
 /* 関連記事間に線を引く */
#main .related-entry {
 border-bottom: 1px solid #F0F0F0;
 padding-bottom: 10px; 
}

/* ========================================
   Twitter → X ボタン変更
======================================== */

/* PC・モバイル共通：背景を黒に */
ul.snsbs a.twitter-btn-icon-link,
.snsbs .twitter-btn-icon-link,
.snsbs-twitter {
  background-color: #000000 !important;
}

/* PC：テーマカラータイプのラベルをXに */
.snsbs-twitter::after {
  content: 'X' !important;
}

/* PC：intent URLリンクも黒に */
a[href*="twitter.com/intent"] {
  background-color: #000000 !important;
}

/* モバイル：アイコンをXに・28px・中央配置 */
@media screen and (max-width: 768px) {
  .icon-twitter::before {
    content: 'X' !important;
    font-style: normal;
    font-weight: bold;
    font-size: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
  }
}

/* PC：アイコンをXに・サイズ維持 */
@media screen and (min-width: 769px) {
  .icon-twitter::before {
    content: 'X' !important;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
  }
}

/* フォローボタン：黒に */
a.twitter-follow-btn,
.follow-btn-twitter,
.follow-btn a[href*="twitter.com"],
.sns-follow-buttons a[href*="twitter.com"],
a.twitter-follow-link {
  background-color: #000000 !important;
}

/* フォローボタン：アイコンをXに */
.follow-btn a[href*="twitter.com"]::before,
.sns-follow-buttons a[href*="twitter.com"]::before {
  content: 'X' !important;
  font-weight: bold;
}