/*
 * ==================================================
 *  既存のCSS (変更しないでください)
 * ==================================================
 */

/* 表の枠線を濃くする */
.entry-content table,
.entry-content td,
.entry-content th {
  border-color: #333 !important; /* 線の色（濃いグレー） */
}

/* 投稿ページのアイキャッチ画像を小さくする */
.eye-catch img {
    width: 70%;       /* 好みの大きさ（%やpx）に変更してください */
    height: auto;     /* 高さは自動調整 */
    display: block;   /* ブロック要素にする */
    margin: 0 auto;   /* 中央寄せにする */
}

/* スマホでは横幅いっぱいに戻したい場合（任意） */
@media screen and
(max-width: 480px) {
  .eye-catch img {
    width: 100%;
  }
}

/*
 * ==================================================
 *  ここから追加した新しいデザイン
 *  (記事をいい感じにするデザイン - シンプル版)
 * ==================================================
 */

/* --- H2見出し: 左線と背景色でキリッとさせる --- */
.entry-content h2 {
    background: #f4f5f7; /* 薄いグレー背景 */
    padding: 15px 20px;
    border-left: 5px solid #333; /* アクセントカラー(左線) */
    border-bottom: none; /* デフォルトの下線を消す */
    border-top: none;
    border-right: none;
    font-size: 24px;
    margin-bottom: 30px;
    border-radius: 2px; /* 少しだけ角を丸く */
}

/* --- H3見出し: 下線のみでスッキリと --- */
.entry-content h3 {
    border-bottom: 2px solid #ddd; /* 下線 */
    border-left: none; /* 左線を消す */
    padding: 10px 5px;
    margin-top: 40px;
    font-size: 20px;
    position: relative;
    background: none;
}

/* --- H3の下にアクセントの短い線を入れる --- */
.entry-content h3:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 30%; /* 線の長さ */
    height: 2px;
    background-color: #333; /* アクセントカラー */
}

/* --- 引用デザイン --- */
.entry-content blockquote {
    background: none;
    border: none;
    padding: 20px;
    color: #555;
    position: relative;
    font-style: normal;
    border-left: 3px solid #ccc;
    margin: 30px 0;
}

/* --- ワンポイント・ボックス --- */
.box-point {
    background: #efffef; /* 薄い緑背景 */
    border: 2px solid #99cc99; /* 枠線 */
    padding: 20px;
    margin: 30px 0;
    border-radius: 8px;
    position: relative;
}

/* 左上の「POINT」ラベル */
.box-point::before {
    content: 'POINT';
    position: absolute;
    top: -12px;
    left: 15px;
    background: #99cc99;
    color: #fff;
    padding: 2px 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
}

/* ===== CTA・著者ボックス（サイト配色 ネイビー#023c70 / クリーム#ededbd） ===== */

/* アフィリエイト誘導CTA */
.ad-callout{
  border-left:4px solid #023c70;
  border-radius:0 8px 8px 0;
  padding:16px 20px;
  background:#f4f7fb;
  margin:24px 0;
}
.ad-callout p{ margin:0 0 8px; }
.ad-callout p:last-child{ margin:0; }
.ad-callout a{ font-weight:700; color:#023c70; }

/* 記事内「この記事を書いた人」ボックス（本文中・ランキング記事など） */
.author-box:not(.border-element){
  border:1px solid #dbe3ec;
  border-top:4px solid #023c70;
  border-radius:12px;
  background:linear-gradient(180deg,#fbfcf3 0%,#ffffff 55%);
  box-shadow:0 4px 16px rgba(2,60,112,.10);
  padding:20px 22px;
  margin:28px 0;
}
.author-box:not(.border-element) p{ margin:0 0 8px; }
.author-box:not(.border-element) p:last-child{ margin:0; }

/* ===== 記事末尾の「運営者情報」ボックス（リッチ版） ===== */
.widget_author_box .author-box.border-element{
  border:1px solid #dbe3ec;
  border-top:4px solid #023c70;
  border-radius:14px;
  background:linear-gradient(180deg,#fbfcf3 0%,#ffffff 55%);
  box-shadow:0 5px 18px rgba(2,60,112,.10);
  padding:24px 26px 20px;
  margin:32px 0;
}
/* 見出し「運営者情報」 */
.widget_author_box .widget-single-content-bottom-title{
  color:#023c70;
  border-bottom:2px solid #ededbd;
  padding-bottom:6px;
  margin-bottom:14px;
}
/* 著者名 */
.widget_author_box .author-box .author-widget-name,
.widget_author_box .author-box .author-name a{
  color:#023c70; font-weight:700;
}
.widget_author_box .author-box .author-name a{ font-size:1.06em; text-decoration:none; }
.widget_author_box .author-box .author-name a:hover{ text-decoration:underline; }
/* アイコンに二重リング（クリーム＋ネイビー） */
.widget_author_box .author-box .author-thumb img{
  border-radius:50%;
  border:3px solid #fff;
  box-shadow:0 0 0 3px #ededbd, 0 0 0 4px #023c70;
}
/* 紹介文 */
.widget_author_box .author-box .author-description{
  line-height:1.9; color:#333;
}
/* フォロー見出し */
.widget_author_box .author-box .sns-follow-message{
  color:#023c70; font-weight:600;
}

/*
 * ==================================================
 *  改善v2 追加 (2026-07-03) B-2 / C-3 / C-6
 * ==================================================
 */

/* B-2: SNSフォロー(feedly等)ブロックを全非表示 */
.sns-follow{ display:none !important; }

/* C-3: プロフィールボックスは記事末「運営者情報」1回に統一。サイドバーのプロフィールを非表示 */
#sidebar .widget_author_box{ display:none !important; }

/* C-6: 検索ウィジェットの「検索」ラベル重複を解消（視覚的に隠しスクリーンリーダー用に残す） */
.wp-block-search__label{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0);
  white-space:nowrap; border:0;
}

/* C-7: トップの重複ページネーション（空のページ2〜9への誘導）を非表示。全記事一覧は /article-list/ で提供 */
body.home .pagination,
body.home .pagination-next{ display:none !important; }

/* トップ修正(2026-07-03): ce-homeセクションの下に空の#content(デフォルト一覧)＋サイドバーが出て
   記事導線の後ろにサイドバーが浮くレイアウト崩れを解消。ce-homeセクションは#content外なので影響なし。
   ※固定ページ/カテゴリ/投稿はbody.homeでないため非該当（サイドバー通常表示は維持）。 */
body.home #content{ display:none !important; }

/* ===== アフィリエイトCTAボタン（2026-08-05 追加） ===== */
p > a.aff-cta:first-child,
.ad-callout > a.aff-cta{
  display:inline-block;
  margin:12px 0 6px;
  padding:14px 24px;
  background:#023c70;
  color:#fff !important;
  text-decoration:none;
  font-weight:700;
  line-height:1.5;
  border-radius:6px;
  box-shadow:0 2px 0 rgba(0,0,0,.18);
}
p > a.aff-cta:first-child:hover,
.ad-callout > a.aff-cta:hover{
  background:#03528f;
  color:#fff !important;
}
@media (max-width:480px){
  p > a.aff-cta:first-child,
  .ad-callout > a.aff-cta{
    display:block;
    text-align:center;
    padding:14px 16px;
  }
}