/* ============================================================
 *  深淵通信・クラパスモード｜白世界オーバーライド（v2.0）
 *  ----------------------------------------------------------
 *  タグ「shinen-clapus」が付いた単一記事に body.shinen-clapus-mode 経由で適用される。
 *  shinen-mode の暗化を全方位で上書きし、全体を
 *  「スーパーホワイト × ペールスティールブルー」に統一する。
 *
 *  読み込み順序：shinen-mode.css → shinen-clapus-mode.css （後勝ち上書き）
 *  外部CSSファイル化日：2026-05-20
 *
 *  含まれるもの：
 *   - 旧 クラパス記事の「カスタムCSS（この投稿のみ）」欄全体
 *     （末尾の重複していたサイドバー検索ボックス修正は除外。
 *      shinen-mode.css 側に統合済み）
 *
 *  【設計方針】
 *   - 詳細度は body.shinen-clapus-mode で稼ぐ
 *   - 配色：
 *     ベース #fdfcf9 → #f8f6f0、文字 #1a1f2e、見出し #0a0e1a
 *     アクセント主 #6b8a9e（ペールスティールブルー）
 *     アクセント補 #4a6b80（深めスティールブルー）
 *     補助グレー #7a8590
 *   - フォントはサンセリフ維持（Noto Sans JP）
 *   - clau-mode（明朝・アイボリー・ソニク・グリーン）とは別世界
 * ============================================================ */



/* ===== 1. 全体背景：濃紺グラデ → スーパーホワイト ===== */
body.shinen-clapus-mode {
  background: linear-gradient(180deg, #fdfcf9 0%, #f8f6f0 100%) !important;
  background-attachment: fixed !important;
  color: #1a1f2e !important;
}


/* ===== 2. ラッパー要素の背景透過 ===== */
body.shinen-clapus-mode #blog_single,
body.shinen-clapus-mode div#blog_single,
html body.shinen-clapus-mode #blog_single,
body.shinen-clapus-mode #container,
body.shinen-clapus-mode #main_contents,
body.shinen-clapus-mode #main_col,
body.shinen-clapus-mode #side_col,
body.shinen-clapus-mode #content,
body.shinen-clapus-mode article,
body.shinen-clapus-mode .post_content {
  background: transparent !important;
}


/* ===== 3. 本文テキスト ===== */
body.shinen-clapus-mode .post_content,
body.shinen-clapus-mode .post_content p,
body.shinen-clapus-mode .post_content li {
  color: #1a1f2e !important;
}
body.shinen-clapus-mode .post_content h1,
body.shinen-clapus-mode .post_content h2,
body.shinen-clapus-mode .post_content h3,
body.shinen-clapus-mode .post_content h4,
body.shinen-clapus-mode .post_title_area h1,
body.shinen-clapus-mode .post_title_area h2,
body.shinen-clapus-mode .post_title,
body.shinen-clapus-mode .post_title_area .post_title,
body.shinen-clapus-mode .single_title,
body.shinen-clapus-mode .entry-title {
  color: #0a0e1a !important;
}
body.shinen-clapus-mode a {
  color: #6b8a9e !important;
}
body.shinen-clapus-mode a:hover {
  color: #4a6b80 !important;
}


/* ===== 4. 記事タイトル枠 ===== */
body.shinen-clapus-mode .post_title_area {
  background: transparent !important;
}
body.shinen-clapus-mode .post_title_area::before,
body.shinen-clapus-mode .post_title_area::after {
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(107, 138, 158, 0.3) 30%,
    rgba(107, 138, 158, 0.5) 50%,
    rgba(107, 138, 158, 0.3) 70%,
    transparent 100%) !important;
}


/* ===== 5. パンくず・メタ情報 ===== */
body.shinen-clapus-mode .breadcrumbs,
body.shinen-clapus-mode .breadcrumb,
body.shinen-clapus-mode #breadcrumb,
body.shinen-clapus-mode .post_meta,
body.shinen-clapus-mode .meta {
  color: #7a8590 !important;
  background: transparent !important;
}
body.shinen-clapus-mode .breadcrumbs a,
body.shinen-clapus-mode .breadcrumb a,
body.shinen-clapus-mode #breadcrumb a {
  color: #6b8a9e !important;
}


/* ===== 6. サイドバー基本 ===== */
body.shinen-clapus-mode .l-sidebar,
body.shinen-clapus-mode #sidebar,
body.shinen-clapus-mode .sidebar {
  background: transparent !important;
}
body.shinen-clapus-mode #side_col .widget_headline,
body.shinen-clapus-mode #side_col .widget_headline span,
body.shinen-clapus-mode .widget_headline,
body.shinen-clapus-mode .widget_headline span,
html body.shinen-clapus-mode #side_col .widget_headline span {
  color: #4a6b80 !important;
}
body.shinen-clapus-mode .widget_headline::after,
body.shinen-clapus-mode #side_col .widget_headline::after {
  background: rgba(107, 138, 158, 0.3) !important;
}


/* ===== 8. 書き手アバター ===== */
body.shinen-clapus-mode .ut-clau-wrap,
body.shinen-clapus-mode .ut-author-card {
  background: rgba(255, 254, 250, 1) !important;
}


/* ===== 9. 記事ナビ（前・次の記事） ===== */
body.shinen-clapus-mode #next_prev_post {
  display: flex !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 50px 0 0 !important;
}
body.shinen-clapus-mode #next_prev_post .item {
  flex: 1 1 0 !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}
body.shinen-clapus-mode #next_prev_post .item a {
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(107, 138, 158, 0.3) !important;
  color: #1a1f2e !important;
  display: block;
}
body.shinen-clapus-mode #next_prev_post .item a:hover {
  background: rgba(107, 138, 158, 0.1) !important;
  color: #4a6b80 !important;
}
body.shinen-clapus-mode #next_prev_post .item .title,
body.shinen-clapus-mode #next_prev_post .item .nav {
  color: #1a1f2e !important;
}
body.shinen-clapus-mode #next_prev_post .item .title span {
  color: #0a0e1a !important;
}


/* ===== 10. SNSシェア・コピーURL・コメント欄 ===== */
body.shinen-clapus-mode #single_share_bottom,
body.shinen-clapus-mode .single_share,
body.shinen-clapus-mode #single_copy_title_url_bottom,
body.shinen-clapus-mode .single_copy_title_url,
body.shinen-clapus-mode #comments,
body.shinen-clapus-mode #comment_header,
body.shinen-clapus-mode .commentlist_wrap {
  background: transparent !important;
}
body.shinen-clapus-mode #single_copy_title_url_bottom .copy_btn,
body.shinen-clapus-mode .single_copy_title_url button,
body.shinen-clapus-mode .copy_title_url_btn {
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(107, 138, 158, 0.3) !important;
  color: #1a1f2e !important;
}


/* ===== 12. サイドバー：おすすめ記事ウィジェット（タブ式） ===== */
body.shinen-clapus-mode .widget_tab_post_list_button {
  background: rgba(255, 255, 255, 0.4) !important;
}
body.shinen-clapus-mode .widget_tab_post_list_button .tab1,
body.shinen-clapus-mode .widget_tab_post_list_button .tab2 {
  background: rgba(255, 255, 255, 0.6) !important;
  color: #7a8590 !important;
  border-color: rgba(107, 138, 158, 0.2) !important;
}
body.shinen-clapus-mode .widget_tab_post_list_button .tab1.active,
body.shinen-clapus-mode .widget_tab_post_list_button .tab2.active {
  background: rgba(107, 138, 158, 0.15) !important;
  color: #4a6b80 !important;
}
body.shinen-clapus-mode .widget_tab_post_list,
body.shinen-clapus-mode .widget_tab_post_list li,
body.shinen-clapus-mode .widget_tab_post_list li a {
  background: transparent !important;
}
body.shinen-clapus-mode .widget_tab_post_list .title_area {
  background: rgba(255, 255, 255, 0.5) !important;
  border-color: rgba(107, 138, 158, 0.2) !important;
}
body.shinen-clapus-mode .widget_tab_post_list .title,
body.shinen-clapus-mode .widget_tab_post_list .title span {
  color: #1a1f2e !important;
}
body.shinen-clapus-mode .widget_tab_post_list a:hover .title,
body.shinen-clapus-mode .widget_tab_post_list a:hover .title span {
  color: #4a6b80 !important;
}


/* ===== 13. サイドバー：カテゴリーリスト ===== */
body.shinen-clapus-mode .tcd_category_list,
body.shinen-clapus-mode .tcd_category_list li,
body.shinen-clapus-mode .tcd_category_list li a {
  background: transparent !important;
}
body.shinen-clapus-mode .tcd_category_list a {
  border-color: rgba(107, 138, 158, 0.2) !important;
  color: #1a1f2e !important;
}
body.shinen-clapus-mode .tcd_category_list a:hover {
  color: #4a6b80 !important;
}


/* ===== 14. サイドバー：ポストスライダーウィジェット ===== */
body.shinen-clapus-mode .post_slider_widget .post_slider {
  background: rgba(255, 255, 255, 0.5) !important;
  border: none !important;
}
body.shinen-clapus-mode .post_slider_widget .post_slider .title_area .title,
body.shinen-clapus-mode .post_slider_widget .post_slider .title_area .title span,
body.shinen-clapus-mode .post_slider_widget .post_slider .title_area p {
  color: #0a0e1a !important;
}
body.shinen-clapus-mode .post_slider_widget .post_slider a:hover .title,
body.shinen-clapus-mode .post_slider_widget .post_slider a:hover .title span {
  color: #4a6b80 !important;
}
body.shinen-clapus-mode .post_slider_widget .slick-dots li button:before {
  color: rgba(107, 138, 158, 0.4) !important;
}
body.shinen-clapus-mode .post_slider_widget .slick-dots li.slick-active button:before {
  color: #4a6b80 !important;
}


/* ===== 15. 関連記事・コメント見出し帯 ===== */
body.shinen-clapus-mode #related_post .headline,
body.shinen-clapus-mode #comments .headline {
  background: rgba(107, 138, 158, 0.1) !important;
  color: #4a6b80 !important;
}
body.shinen-clapus-mode #related_post .title_area {
  border-bottom-color: rgba(107, 138, 158, 0.2) !important;
  border-right-color: rgba(107, 138, 158, 0.2) !important;
}


/* ===== 16. コメント欄：タブ ===== */
body.shinen-clapus-mode #comment_tab {
  background: transparent !important;
}
body.shinen-clapus-mode #comment_tab li,
body.shinen-clapus-mode #comment_tab li a {
  background: rgba(255, 255, 255, 0.5) !important;
  color: #1a1f2e !important;
}
body.shinen-clapus-mode #comment_tab li:hover,
body.shinen-clapus-mode #comment_tab li:hover a {
  background: rgba(107, 138, 158, 0.1) !important;
  color: #4a6b80 !important;
  cursor: pointer !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}
body.shinen-clapus-mode #comment_tab li.active,
body.shinen-clapus-mode #comment_tab .active,
body.shinen-clapus-mode #comment_tab li.active a,
body.shinen-clapus-mode #comment_tab .active a {
  background: rgba(107, 138, 158, 0.15) !important;
  color: #4a6b80 !important;
}


/* ===== 17. コメントフォーム ===== */
body.shinen-clapus-mode .comment_form_wrapper {
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(107, 138, 158, 0.2) !important;
}
body.shinen-clapus-mode #comment_user_login,
body.shinen-clapus-mode #comment_user_login p {
  color: #1a1f2e !important;
}
body.shinen-clapus-mode #comment_textarea textarea,
body.shinen-clapus-mode textarea#comment {
  background: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid rgba(107, 138, 158, 0.3) !important;
  color: #1a1f2e !important;
  caret-color: #4a6b80 !important;
}
body.shinen-clapus-mode #comment_textarea textarea:focus,
body.shinen-clapus-mode textarea#comment:focus,
body.shinen-clapus-mode #commentform textarea:focus,
body.shinen-clapus-mode .comment-form textarea:focus {
  border: 1px solid #4a6b80 !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(107, 138, 158, 0.3) !important;
}
body.shinen-clapus-mode #submit,
body.shinen-clapus-mode input#submit,
body.shinen-clapus-mode #submit_comment_wrapper #submit,
body.shinen-clapus-mode #submit_comment_wrapper input,
body.shinen-clapus-mode #respond #submit,
body.shinen-clapus-mode #respond input[type="submit"] {
  background: rgba(107, 138, 158, 0.15) !important;
  border: 1px solid rgba(107, 138, 158, 0.3) !important;
  color: #4a6b80 !important;
  cursor: pointer !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}
body.shinen-clapus-mode #submit:hover,
body.shinen-clapus-mode input#submit:hover,
body.shinen-clapus-mode #respond #submit:hover,
body.shinen-clapus-mode #respond input[type="submit"]:hover {
  background: rgba(107, 138, 158, 0.25) !important;
  color: #0a0e1a !important;
}
body.shinen-clapus-mode #guest_info input[type="text"],
body.shinen-clapus-mode #guest_info input[type="email"],
body.shinen-clapus-mode #guest_info input[type="url"],
body.shinen-clapus-mode #guest_info input {
  background: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid rgba(107, 138, 158, 0.3) !important;
  color: #1a1f2e !important;
  caret-color: #4a6b80 !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
body.shinen-clapus-mode #guest_info input[type="text"]:focus,
body.shinen-clapus-mode #guest_info input[type="email"]:focus,
body.shinen-clapus-mode #guest_info input[type="url"]:focus,
body.shinen-clapus-mode #guest_info input:focus {
  border: 1px solid #4a6b80 !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(107, 138, 158, 0.3) !important;
}


/* ===== 18. サイドバー：最近の記事ウィジェット ===== */
body.shinen-clapus-mode .styled_post_list1,
body.shinen-clapus-mode .styled_post_list1 li,
body.shinen-clapus-mode .styled_post_list1 li a {
  background: transparent !important;
}
body.shinen-clapus-mode .styled_post_list1 .title_area {
  background: rgba(255, 255, 255, 0.6) !important;
  border-color: rgba(107, 138, 158, 0.2) !important;
}
body.shinen-clapus-mode .styled_post_list1 .title,
body.shinen-clapus-mode .styled_post_list1 .title span,
body.shinen-clapus-mode .styled_post_list1 .title_area .title {
  color: #1a1f2e !important;
}
body.shinen-clapus-mode .styled_post_list1 a:hover .title,
body.shinen-clapus-mode .styled_post_list1 a:hover .title span {
  color: #4a6b80 !important;
}


/* ===== 19. サイドバー：アーカイブ（dropdown式） ===== */
body.shinen-clapus-mode .tcdw_archive_list_widget,
body.shinen-clapus-mode .p-dropdown,
body.shinen-clapus-mode .p-dropdown__list,
body.shinen-clapus-mode .p-dropdown__list li,
body.shinen-clapus-mode .p-dropdown__list li a {
  background: transparent !important;
}
body.shinen-clapus-mode .p-dropdown__title {
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(107, 138, 158, 0.2) !important;
  color: #1a1f2e !important;
  cursor: pointer !important;
}
body.shinen-clapus-mode .p-dropdown__title.is-active {
  color: #4a6b80 !important;
  border-color: rgba(107, 138, 158, 0.4) !important;
}
body.shinen-clapus-mode .p-dropdown__list li a {
  background: rgba(255, 255, 255, 0.6) !important;
  border-color: rgba(107, 138, 158, 0.2) !important;
  color: #1a1f2e !important;
}
body.shinen-clapus-mode .p-dropdown__list li a:hover {
  background: rgba(107, 138, 158, 0.1) !important;
  color: #4a6b80 !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}


/* ===== 20. サイドバー：投稿カレンダー ===== */
body.shinen-clapus-mode #wp-calendar tbody a {
  background: #6b8a9e !important;
  color: #ffffff !important;
}
body.shinen-clapus-mode #wp-calendar tbody a:hover {
  background: #4a6b80 !important;
  color: #ffffff !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}
body.shinen-clapus-mode #wp-calendar tbody td {
  color: #1a1f2e !important;
}
body.shinen-clapus-mode #wp-calendar thead th {
  color: #7a8590 !important;
}
body.shinen-clapus-mode #wp-calendar caption {
  color: #4a6b80 !important;
}
body.shinen-clapus-mode #wp-calendar-nav a,
body.shinen-clapus-mode .wp-calendar-nav a {
  color: #4a6b80 !important;
}
body.shinen-clapus-mode #wp-calendar-nav a:hover,
body.shinen-clapus-mode .wp-calendar-nav a:hover {
  color: #6b8a9e !important;
}


/* ===== 21. お問い合わせフォーム（CF7）周りの暗化を解除 ===== */
body.shinen-clapus-mode .wpcf7,
body.shinen-clapus-mode .wpcf7-form,
body.shinen-clapus-mode .widget_text {
  background: transparent !important;
}
body.shinen-clapus-mode .wpcf7 input[type="text"],
body.shinen-clapus-mode .wpcf7 input[type="email"],
body.shinen-clapus-mode .wpcf7 textarea,
body.shinen-clapus-mode .wpcf7-form input,
body.shinen-clapus-mode .wpcf7-form textarea {
  background: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid rgba(107, 138, 158, 0.3) !important;
  color: #1a1f2e !important;
}
body.shinen-clapus-mode .wpcf7 input[type="submit"],
body.shinen-clapus-mode .wpcf7-submit {
  background: rgba(107, 138, 158, 0.15) !important;
  border: 1px solid rgba(107, 138, 158, 0.4) !important;
  color: #4a6b80 !important;
}
body.shinen-clapus-mode .wpcf7 input[type="submit"]:hover,
body.shinen-clapus-mode .wpcf7-submit:hover {
  background: rgba(107, 138, 158, 0.3) !important;
  color: #0a0e1a !important;
}
/* ============================================================
 *  お問い合わせウィジェット仕上げ（v3パッチ相当）
 * ============================================================ */

/* ===== お問い合わせウィジェット：外側ラッパー（背景透過） ===== */
body.shinen-clapus-mode .contact_form_widget,
body.shinen-clapus-mode .widget_contact_widget,
body.shinen-clapus-mode .contact_widget,
body.shinen-clapus-mode .widget_contact,
body.shinen-clapus-mode .sidebar .widget_text,
body.shinen-clapus-mode #side_col .widget_text,
body.shinen-clapus-mode .l-sidebar .widget_text,
body.shinen-clapus-mode #side_col .wpcf7,
body.shinen-clapus-mode .l-sidebar .wpcf7,
body.shinen-clapus-mode .sidebar .wpcf7,
body.shinen-clapus-mode #side_col [class*="contact"],
body.shinen-clapus-mode .l-sidebar [class*="contact"] {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ===== ヘッダー帯（アイコン＋「お問い合わせ」ラベル） ===== */
body.shinen-clapus-mode .contact_form_widget .title,
body.shinen-clapus-mode .widget_contact_widget .title,
body.shinen-clapus-mode .contact_widget .title,
body.shinen-clapus-mode .contact_form_widget h3,
body.shinen-clapus-mode .contact_form_widget h4,
body.shinen-clapus-mode .contact_form_widget header,
body.shinen-clapus-mode #side_col .widget_text .title,
body.shinen-clapus-mode .l-sidebar .widget_text .title {
  background: transparent !important;
  background-color: transparent !important;
  color: #4a6b80 !important;
}

/* ===== アイコン枠（封筒マーク背景） ===== */
body.shinen-clapus-mode .contact_form_widget .icon,
body.shinen-clapus-mode .widget_contact_widget .icon,
body.shinen-clapus-mode [class*="contact"] .icon,
body.shinen-clapus-mode [class*="contact"] [class*="icon"] {
  background: rgba(107, 138, 158, 0.15) !important;
  background-color: rgba(107, 138, 158, 0.15) !important;
  color: #4a6b80 !important;
  border-color: rgba(107, 138, 158, 0.3) !important;
}

/* ===== 入力欄 ===== */
body.shinen-clapus-mode .contact_form_widget input[type="text"],
body.shinen-clapus-mode .contact_form_widget input[type="email"],
body.shinen-clapus-mode .contact_form_widget input[type="url"],
body.shinen-clapus-mode .contact_form_widget input,
body.shinen-clapus-mode .contact_form_widget textarea,
body.shinen-clapus-mode .widget_contact_widget input,
body.shinen-clapus-mode .widget_contact_widget textarea,
body.shinen-clapus-mode #side_col .widget_text input,
body.shinen-clapus-mode #side_col .widget_text textarea,
body.shinen-clapus-mode .l-sidebar input[type="text"],
body.shinen-clapus-mode .l-sidebar input[type="email"],
body.shinen-clapus-mode .l-sidebar textarea,
body.shinen-clapus-mode .sidebar input[type="text"],
body.shinen-clapus-mode .sidebar input[type="email"],
body.shinen-clapus-mode .sidebar textarea {
  background: rgba(255, 255, 255, 0.7) !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid rgba(107, 138, 158, 0.25) !important;
  color: #1a1f2e !important;
  caret-color: #4a6b80 !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* ===== プレースホルダー ===== */
body.shinen-clapus-mode .contact_form_widget input::placeholder,
body.shinen-clapus-mode .contact_form_widget textarea::placeholder,
body.shinen-clapus-mode #side_col input::placeholder,
body.shinen-clapus-mode #side_col textarea::placeholder,
body.shinen-clapus-mode .l-sidebar input::placeholder,
body.shinen-clapus-mode .l-sidebar textarea::placeholder {
  color: #a0a8b0 !important;
  opacity: 1 !important;
}

/* ===== フォーカス時 ===== */
body.shinen-clapus-mode .contact_form_widget input:focus,
body.shinen-clapus-mode .contact_form_widget textarea:focus,
body.shinen-clapus-mode #side_col .widget_text input:focus,
body.shinen-clapus-mode #side_col .widget_text textarea:focus,
body.shinen-clapus-mode .l-sidebar input:focus,
body.shinen-clapus-mode .l-sidebar textarea:focus {
  border: 1px solid #4a6b80 !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(107, 138, 158, 0.3) !important;
}

/* ===== 送信ボタン：視認性を維持 ===== */
body.shinen-clapus-mode .contact_form_widget input[type="submit"],
body.shinen-clapus-mode .contact_form_widget button,
body.shinen-clapus-mode .contact_form_widget .submit_btn,
body.shinen-clapus-mode #side_col input[type="submit"],
body.shinen-clapus-mode .l-sidebar input[type="submit"] {
  background: #6b8a9e !important;
  background-color: #6b8a9e !important;
  border: 1px solid #4a6b80 !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  cursor: pointer !important;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

body.shinen-clapus-mode .contact_form_widget input[type="submit"]:hover,
body.shinen-clapus-mode .contact_form_widget button:hover,
body.shinen-clapus-mode .contact_form_widget .submit_btn:hover,
body.shinen-clapus-mode #side_col input[type="submit"]:hover,
body.shinen-clapus-mode .l-sidebar input[type="submit"]:hover {
  background: #4a6b80 !important;
  background-color: #4a6b80 !important;
  border-color: #0a0e1a !important;
  color: #ffffff !important;
}

/* ===== ラベル文字色 ===== */
body.shinen-clapus-mode .contact_form_widget label,
body.shinen-clapus-mode .widget_contact_widget label,
body.shinen-clapus-mode #side_col .widget_text label,
body.shinen-clapus-mode .l-sidebar label,
body.shinen-clapus-mode .sidebar label {
  color: #1a1f2e !important;
}

/* ===== 補助テキスト ===== */
body.shinen-clapus-mode .contact_form_widget p,
body.shinen-clapus-mode .contact_form_widget small,
body.shinen-clapus-mode .contact_form_widget .note,
body.shinen-clapus-mode #side_col .widget_text p,
body.shinen-clapus-mode .l-sidebar p {
  color: #5a6570 !important;
}


/* === クラパスモード CSS ここまで（v2.0） ============================ */
/* ============================================================
 *  サイドバー：記事の書き手ウィジェット｜クラパスモード（v1.0）
 *  ----------------------------------------------------------
 *  クラパス白世界では、ベース色とのコントラストを保つため、
 *  ペールスティールブルー薄めの枠線へ。
 *  （ベージュの枠 #e5e2da のままだとクラパス白に馴染みすぎる）
 * ============================================================ */

/* タイトル枠：ペールスティールブルー薄め */
body.shinen-clapus-mode #side_col .widget_ut_author_widget .widget_headline {
  border-color: rgba(107, 138, 158, 0.3) !important;
}

/* カード本体の枠：ペールスティールブルー薄め */
body.shinen-clapus-mode #side_col .widget_ut_author_widget .ut-clau-wrap {
  border-color: rgba(107, 138, 158, 0.3) !important;
}