@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* FitSync ブログ カスタムスタイル */

/* ブランドカラー */
:root {
  --fitsync-primary: #667eea;
  --fitsync-secondary: #764ba2;
  --fitsync-accent: #4285f4;
  --fitsync-dark: #1a1a2e;
}

/* ヘッダー */
.header {
  background: linear-gradient(135deg, var(--fitsync-dark) 0%, #16213e 50%, #0f3460 100%);
}

.header .site-name-text {
  color: #fff;
}

.header .header-description,
.header .tagline {
  color: #fff;
}

/* グローバルナビ */
.navi-in a {
  color: #fff;
}
.navi-in a:hover {
  color: var(--fitsync-accent);
}

/* 記事カード */
.entry-card-wrap:hover {
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.2);
}

/* 見出し */
.article h2 {
  border-left: 4px solid var(--fitsync-primary);
  padding-left: 12px;
  border-bottom: none;
}

.article h3 {
  border-bottom: 2px solid var(--fitsync-accent);
  padding-bottom: 5px;
}

/* フッターリンク */
.fitsync-footer-links a {
  color: var(--fitsync-accent);
  text-decoration: none;
  margin: 0 5px;
}
.fitsync-footer-links a:hover {
  text-decoration: underline;
}

/* SNSシェアボタン */
.ss-top .share-button,
.ss-bottom .share-button {
  border-radius: 4px;
}

/* パンくずリスト */
.breadcrumb {
  font-size: 0.85em;
}

/* 2026-05-24: cat 3「代表の格闘家時代」投稿のみ、本文上部のアイキャッチを非表示。
   jugem 移転時に本文先頭画像をアイキャッチに自動登録した結果、本文の流れで
   画像を参照する記述 (例:「手形の写真」) と本文画像の対応が崩れる問題を回避。
   本文側に元画像が残るので、文脈と画像の対応関係が保たれる。 */
body.categoryid-3 .eye-catch-wrap {
  display: none !important;
}

/* 2026-05-26: SNS シェアボタンから Facebook と はてブ を全ページで非表示。
   X / LINE / コピー の 3 つだけ残す。
   top (本文上部) と bottom (本文下部) の両方に効く。 */
.sns-share-buttons .facebook-button,
.sns-share-buttons .hatebu-button,
.sns-share-buttons .hatena-bookmark-button {
  display: none !important;
}

/* 2026-05-26: 「島一生をフォローする」ブロック全体を非表示。
   著者サイト (home) / feedly / RSS の 3 リンクとメッセージを丸ごと隠す。 */
.sns-follow {
  display: none !important;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}