@charset "UTF-8";
/*
Theme Name:   THE SONIC Child
Theme URI:    https://the-sonic.jp
Description:  THE SONICカスタマイズ用子テーマ
Author:       SONIC Team
Author URI:   https://the-sonic.jp
Template:     thesonic
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
* ここから下に記述
*/



/* アイコンと文字を1列に表示 */
.share-btn {
  display: inline-flex;        /* 横並びにして中央揃えが可能に */
  align-items: center;         /* アイコンとテキストを縦方向に中央揃え */
  justify-content: center;     /* 横方向も中央揃え */
  text-decoration: none;       /* 下線を消す場合 */
}

.share-btn i {
  margin-right: 5px;           /* アイコンと文字の間隔 */
}

.share-btn span {
  white-space: nowrap;         /* 改行させない */
  display: inline-block;
}

.sonic-author-box .follow-btn {
  display: none !important;
}



/* =============================
   基本本文テキスト
============================= */
body,
p,
li,
span,
td {
    color: #333333 !important;
}

/* =============================
   見出し
============================= */
h1, h2, h3, h4, h5, h6 {
    color: #333333 !important;
}

/* =============================
   リンク
============================= */
a {
    color: #0099cc !important;
    text-decoration: none; /* 必要に応じて装飾を調整 */
}

a:hover,
a:focus {
    color: #005177 !important; /* ホバー時に少し濃く */
}

/* =============================
   メニュー・ナビゲーション
============================= */
.nav-menu a,
.menu a,
header nav a {
    color: #333333 !important;
}

.nav-menu a:hover,
.menu a:hover,
header nav a:hover {
    color: #000000 !important;
}

/* =============================
   ブロック引用・コード
============================= */
blockquote,
code,
pre {
    color: #333333 !important;
}

/* =============================
   ウィジェット・サイドバー
============================= */
.widget,
.sidebar,
.widget p,
.widget li {
    color: #333333 !important;
}

/* =============================
   フッター
============================= */
footer,
footer a,
footer p,
footer li {
    color: #333333 !important;
}

/* =============================
   キャプション・小文字テキスト
============================= */
figcaption,
small {
    color: #333333 !important;
}




/* ヘッダーのタイトル文字色 */
h1.header-title a,
.header-title-left a {
    color:#333333 !important;
}

/* PCサイドバー（サイドメニュー）全体の文字色 */
.sidebar a,
.side-inner a,
.side-widget a,
.widget-area a,
.widget a {
    color: #333333 !important;
}

/* PCサイドバーの見出し（タイトル） */
.sidebar .widget-title,
.side-widget .widget-title,
.widget-area .widget-title {
    color: #333333 !important;
}




/* =============================
   ContactForm7のタグ内文字色
============================= */

/* Contact Form 7 の必須・任意の文字色を白に変更 */
.wpcf7-required,
.wpcf7-arbitrary {
    color: #ffffff !important;
}



/* =============================
   サイドメニューのプロフィール画像を小さく表示
============================= */
.ts-profile-img {
    width: 150px;       /* 横幅 */
    height: 150px;      /* 高さ */
    object-fit: cover;  /* 画像の縦横比を崩さずトリミング */
    border-radius: 50%; /* 丸くする場合 */
    display: block;
    margin: 0 auto 0px auto; /* 中央寄せ + 下に余白 */
}