/* ============================================================
 *  クラウ・ミニ小説｜クリーム世界オーバーライド（v2.0）
 *  ----------------------------------------------------------
 *  タグ「clau-novel」が付いた単一記事に body.clau-mode 経由で適用される。
 *  shinen-mode の暗化を全方位で上書きし、全体を
 *  「夜明け直後の薄いクリーム世界」に統一する。
 *
 *  読み込み順序：shinen-mode.css → clau-mode.css （後勝ち上書き）
 *  外部CSSファイル化日：2026-05-20
 *
 *  含まれるもの：
 *   - 旧 クラウ記事の「カスタムCSS（この固定ページのみ）」欄全体
 *     （末尾に誤混入していた touhei-mode の blockquote::before 修正は
 *      touhei-mode.css に移動済み。
 *      末尾の重複していたサイドバー検索ボックス修正は除外、
 *      shinen-mode.css 側に統合済み）
 *
 *  【設計方針】
 *   - 詳細度は body.clau-mode で稼ぐ
 *   - 配色：ベース #fbf8f0、紙 #f5f1e8、文字 #2a3550、アクセント #5a8a7a（ソニク・グリーン）
 *   - shinen-mode の各セクション（1〜20）を順番に上書き
 *   - shinen-clapus-mode（白×ペールスティールブルー）とは別世界
 * ============================================================ */



/* ===== 1. 全体背景：濃紺グラデ → 薄クリーム ===== */
body.clau-mode {
  background: linear-gradient(180deg, #fbf8f0 0%, #f5f1e8 100%) !important;
  background-attachment: fixed !important;
  color: #2a3550 !important;
}


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


/* ===== 3. 本文テキスト ===== */
body.clau-mode .post_content,
body.clau-mode .post_content p,
body.clau-mode .post_content li {
  color: #2a3550 !important;
}
body.clau-mode .post_content h1,
body.clau-mode .post_content h2,
body.clau-mode .post_content h3,
body.clau-mode .post_content h4,
body.clau-mode .post_title_area h1,
body.clau-mode .post_title_area h2,
body.clau-mode .post_title,
body.clau-mode .post_title_area .post_title,
body.clau-mode .single_title,
body.clau-mode .entry-title {
  color: #1a2540 !important;
}
body.clau-mode a {
  color: #5a8a7a !important;
}
body.clau-mode a:hover {
  color: #7ba89a !important;
}


/* ===== 4. 記事タイトル枠（金グラデ → グリーングラデ） ===== */
body.clau-mode .post_title_area {
  background: transparent !important;
}
body.clau-mode .post_title_area::before,
body.clau-mode .post_title_area::after {
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(123, 168, 154, 0.3) 30%,
    rgba(123, 168, 154, 0.5) 50%,
    rgba(123, 168, 154, 0.3) 70%,
    transparent 100%) !important;
}


/* ===== 5. パンくず・メタ情報 ===== */
body.clau-mode .breadcrumbs,
body.clau-mode .breadcrumb,
body.clau-mode #breadcrumb,
body.clau-mode .post_meta,
body.clau-mode .meta {
  color: #8a9aa3 !important;
  background: transparent !important;
}
body.clau-mode .breadcrumbs a,
body.clau-mode .breadcrumb a,
body.clau-mode #breadcrumb a {
  color: #5a8a7a !important;
}


/* ===== 6. サイドバー基本 ===== */
body.clau-mode .l-sidebar,
body.clau-mode #sidebar,
body.clau-mode .sidebar {
  background: transparent !important;
}
body.clau-mode #side_col .widget_headline,
body.clau-mode #side_col .widget_headline span,
body.clau-mode .widget_headline,
body.clau-mode .widget_headline span,
html body.clau-mode #side_col .widget_headline span {
  color: #5a8a7a !important;
}
body.clau-mode .widget_headline::after,
body.clau-mode #side_col .widget_headline::after {
  background: rgba(123, 168, 154, 0.3) !important;
}


/* ===== 8. 書き手アバター ===== */
/* 既存の rgba(244, 235, 216, 0.95) はクリーム系で問題ないが、念のため明示 */
body.clau-mode .ut-clau-wrap,
body.clau-mode .ut-author-card {
  background: rgba(255, 252, 244, 1) !important;
}


/* ===== 9. 記事ナビ（前・次の記事） ===== */
body.clau-mode #next_prev_post {
  display: flex !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 50px 0 0 !important;
}
body.clau-mode #next_prev_post .item {
  flex: 1 1 0 !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}
body.clau-mode #next_prev_post .item a {
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(123, 168, 154, 0.3) !important;
  color: #2a3550 !important;
  display: block;
}
body.clau-mode #next_prev_post .item a:hover {
  background: rgba(123, 168, 154, 0.1) !important;
  color: #5a8a7a !important;
}
body.clau-mode #next_prev_post .item .title,
body.clau-mode #next_prev_post .item .nav {
  color: #2a3550 !important;
}
body.clau-mode #next_prev_post .item .title span {
  color: #1a2540 !important;
}


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


/* ===== 12. サイドバー：おすすめ記事ウィジェット（タブ式） ===== */
body.clau-mode .widget_tab_post_list_button {
  background: rgba(255, 255, 255, 0.4) !important;
}
body.clau-mode .widget_tab_post_list_button .tab1,
body.clau-mode .widget_tab_post_list_button .tab2 {
  background: rgba(255, 255, 255, 0.6) !important;
  color: #8a9aa3 !important;
  border-color: rgba(123, 168, 154, 0.2) !important;
}
body.clau-mode .widget_tab_post_list_button .tab1.active,
body.clau-mode .widget_tab_post_list_button .tab2.active {
  background: rgba(123, 168, 154, 0.15) !important;
  color: #5a8a7a !important;
}
body.clau-mode .widget_tab_post_list,
body.clau-mode .widget_tab_post_list li,
body.clau-mode .widget_tab_post_list li a {
  background: transparent !important;
}
body.clau-mode .widget_tab_post_list .title_area {
  background: rgba(255, 255, 255, 0.5) !important;
  border-color: rgba(123, 168, 154, 0.2) !important;
}
body.clau-mode .widget_tab_post_list .title,
body.clau-mode .widget_tab_post_list .title span {
  color: #2a3550 !important;
}
body.clau-mode .widget_tab_post_list a:hover .title,
body.clau-mode .widget_tab_post_list a:hover .title span {
  color: #5a8a7a !important;
}


/* ===== 13. サイドバー：カテゴリーリスト ===== */
body.clau-mode .tcd_category_list,
body.clau-mode .tcd_category_list li,
body.clau-mode .tcd_category_list li a {
  background: transparent !important;
}
body.clau-mode .tcd_category_list a {
  border-color: rgba(123, 168, 154, 0.2) !important;
  color: #2a3550 !important;
}
body.clau-mode .tcd_category_list a:hover {
  color: #5a8a7a !important;
}


/* ===== 14. サイドバー：ポストスライダーウィジェット ===== */
body.clau-mode .post_slider_widget .post_slider {
  background: rgba(255, 255, 255, 0.5) !important;
  border: none !important;
}
body.clau-mode .post_slider_widget .post_slider .title_area .title,
body.clau-mode .post_slider_widget .post_slider .title_area .title span,
body.clau-mode .post_slider_widget .post_slider .title_area p {
  color: #1a2540 !important;
}
body.clau-mode .post_slider_widget .post_slider a:hover .title,
body.clau-mode .post_slider_widget .post_slider a:hover .title span {
  color: #5a8a7a !important;
}
body.clau-mode .post_slider_widget .slick-dots li button:before {
  color: rgba(123, 168, 154, 0.4) !important;
}
body.clau-mode .post_slider_widget .slick-dots li.slick-active button:before {
  color: #5a8a7a !important;
}


/* ===== 15. 関連記事・コメント見出し帯 ===== */
body.clau-mode #related_post .headline,
body.clau-mode #comments .headline {
  background: rgba(123, 168, 154, 0.1) !important;
  color: #5a8a7a !important;
}
body.clau-mode #related_post .title_area {
  border-bottom-color: rgba(123, 168, 154, 0.2) !important;
  border-right-color: rgba(123, 168, 154, 0.2) !important;
}


/* ===== 16. コメント欄：タブ ===== */
body.clau-mode #comment_tab {
  background: transparent !important;
}
body.clau-mode #comment_tab li,
body.clau-mode #comment_tab li a {
  background: rgba(255, 255, 255, 0.5) !important;
  color: #2a3550 !important;
}
body.clau-mode #comment_tab li:hover,
body.clau-mode #comment_tab li:hover a {
  background: rgba(123, 168, 154, 0.1) !important;
  color: #5a8a7a !important;
  cursor: pointer !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}
body.clau-mode #comment_tab li.active,
body.clau-mode #comment_tab .active,
body.clau-mode #comment_tab li.active a,
body.clau-mode #comment_tab .active a {
  background: rgba(123, 168, 154, 0.15) !important;
  color: #5a8a7a !important;
}


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


/* ===== 18. サイドバー：最近の記事ウィジェット ===== */
body.clau-mode .styled_post_list1,
body.clau-mode .styled_post_list1 li,
body.clau-mode .styled_post_list1 li a {
  background: transparent !important;
}
body.clau-mode .styled_post_list1 .title_area {
  background: rgba(255, 255, 255, 0.6) !important;
  border-color: rgba(123, 168, 154, 0.2) !important;
}
body.clau-mode .styled_post_list1 .title,
body.clau-mode .styled_post_list1 .title span,
body.clau-mode .styled_post_list1 .title_area .title {
  color: #2a3550 !important;
}
body.clau-mode .styled_post_list1 a:hover .title,
body.clau-mode .styled_post_list1 a:hover .title span {
  color: #5a8a7a !important;
}


/* ===== 19. サイドバー：アーカイブ（dropdown式） ===== */
body.clau-mode .tcdw_archive_list_widget,
body.clau-mode .p-dropdown,
body.clau-mode .p-dropdown__list,
body.clau-mode .p-dropdown__list li,
body.clau-mode .p-dropdown__list li a {
  background: transparent !important;
}
body.clau-mode .p-dropdown__title {
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(123, 168, 154, 0.2) !important;
  color: #2a3550 !important;
  cursor: pointer !important;
}
body.clau-mode .p-dropdown__title.is-active {
  color: #5a8a7a !important;
  border-color: rgba(123, 168, 154, 0.4) !important;
}
body.clau-mode .p-dropdown__list li a {
  background: rgba(255, 255, 255, 0.6) !important;
  border-color: rgba(123, 168, 154, 0.2) !important;
  color: #2a3550 !important;
}
body.clau-mode .p-dropdown__list li a:hover {
  background: rgba(123, 168, 154, 0.1) !important;
  color: #5a8a7a !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}


/* ===== 20. サイドバー：投稿カレンダー ===== */
/* shinen-modeでは深淵紫の円ボタン → クラウモードでは淡いソニク・グリーンの円 */
body.clau-mode #wp-calendar tbody a {
  background: #7ba89a !important;
  color: #ffffff !important;
}
body.clau-mode #wp-calendar tbody a:hover {
  background: #5a8a7a !important;
  color: #ffffff !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}
body.clau-mode #wp-calendar tbody td {
  color: #2a3550 !important;
}
body.clau-mode #wp-calendar thead th {
  color: #8a9aa3 !important;
}
body.clau-mode #wp-calendar caption {
  color: #5a8a7a !important;
}
body.clau-mode #wp-calendar-nav a,
body.clau-mode .wp-calendar-nav a {
  color: #5a8a7a !important;
}
body.clau-mode #wp-calendar-nav a:hover,
body.clau-mode .wp-calendar-nav a:hover {
  color: #7ba89a !important;
}


/* ===== お問い合わせフォーム（CF7）周りの暗化を解除 ===== */
body.clau-mode .wpcf7,
body.clau-mode .wpcf7-form,
body.clau-mode .widget_text {
  background: transparent !important;
}
body.clau-mode .wpcf7 input[type="text"],
body.clau-mode .wpcf7 input[type="email"],
body.clau-mode .wpcf7 textarea,
body.clau-mode .wpcf7-form input,
body.clau-mode .wpcf7-form textarea {
  background: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid rgba(123, 168, 154, 0.3) !important;
  color: #2a3550 !important;
}
body.clau-mode .wpcf7 input[type="submit"],
body.clau-mode .wpcf7-submit {
  background: rgba(123, 168, 154, 0.15) !important;
  border: 1px solid rgba(123, 168, 154, 0.4) !important;
  color: #5a8a7a !important;
}
body.clau-mode .wpcf7 input[type="submit"]:hover,
body.clau-mode .wpcf7-submit:hover {
  background: rgba(123, 168, 154, 0.3) !important;
  color: #1a2540 !important;
}


/* ============================================================
 *  クラウ・ミニ小説 本文（wrap内）の visual language
 *  ※ wrap本体のCSSは記事のカスタムHTMLブロックに同梱済みなので
 *     ここでは shinen-mode 由来の干渉を防ぐためだけに最小限を維持
 * ============================================================ */
body.clau-mode .clau-novel-wrap {
  background: linear-gradient(180deg, #f5f1e8 0%, #f0ebdf 100%) !important;
}
body.clau-mode .clau-novel-wrap p {
  color: #2a3550 !important;
}
body.clau-mode .clau-novel-wrap em {
  color: #5a8a7a !important;
}
body.clau-mode .clau-novel-wrap blockquote p {
  color: #1a2540 !important;
}
body.clau-mode .clau-novel-wrap .clau-line {
  color: #5a8a7a !important;
}
body.clau-mode .clau-novel-wrap .clau-emphasis {
  color: #1a2540 !important;
}
body.clau-mode .clau-novel-wrap .clau-sig {
  color: #8a9aa3 !important;
}
/* ============================================================
 *  clau-mode 追加パッチ v3｜お問い合わせウィジェット仕上げ
 *  ----------------------------------------------------------
 *  既存の clau_contact_patch_v2.css を「置き換える」形で追記
 *  - お問い合わせの外枠を背景と同系色に溶かす（書き手カードとの差別化）
 *  - 送信ボタンの視認性は維持
 * ============================================================ */

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

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

/* ===== アイコン枠（封筒マーク背景） ===== */
body.clau-mode .contact_form_widget .icon,
body.clau-mode .widget_contact_widget .icon,
body.clau-mode [class*="contact"] .icon,
body.clau-mode [class*="contact"] [class*="icon"] {
  background: rgba(123, 168, 154, 0.15) !important;
  background-color: rgba(123, 168, 154, 0.15) !important;
  color: #5a8a7a !important;
  border-color: rgba(123, 168, 154, 0.3) !important;
}

/* ===== 入力欄：背景・枠・文字色 ===== */
body.clau-mode .contact_form_widget input[type="text"],
body.clau-mode .contact_form_widget input[type="email"],
body.clau-mode .contact_form_widget input[type="url"],
body.clau-mode .contact_form_widget input,
body.clau-mode .contact_form_widget textarea,
body.clau-mode .widget_contact_widget input,
body.clau-mode .widget_contact_widget textarea,
body.clau-mode #side_col .widget_text input,
body.clau-mode #side_col .widget_text textarea,
body.clau-mode .l-sidebar input[type="text"],
body.clau-mode .l-sidebar input[type="email"],
body.clau-mode .l-sidebar textarea,
body.clau-mode .sidebar input[type="text"],
body.clau-mode .sidebar input[type="email"],
body.clau-mode .sidebar textarea {
  background: rgba(255, 255, 255, 0.7) !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid rgba(123, 168, 154, 0.25) !important;
  color: #2a3550 !important;
  caret-color: #5a8a7a !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

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

/* ===== フォーカス時 ===== */
body.clau-mode .contact_form_widget input:focus,
body.clau-mode .contact_form_widget textarea:focus,
body.clau-mode #side_col .widget_text input:focus,
body.clau-mode #side_col .widget_text textarea:focus,
body.clau-mode .l-sidebar input:focus,
body.clau-mode .l-sidebar textarea:focus {
  border: 1px solid #5a8a7a !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(123, 168, 154, 0.3) !important;
}

/* ===== 送信ボタン：視認性を維持 ===== */
body.clau-mode .contact_form_widget input[type="submit"],
body.clau-mode .contact_form_widget button,
body.clau-mode .contact_form_widget .submit_btn,
body.clau-mode #side_col input[type="submit"],
body.clau-mode .l-sidebar input[type="submit"] {
  background: #7ba89a !important;
  background-color: #7ba89a !important;
  border: 1px solid #5a8a7a !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.clau-mode .contact_form_widget input[type="submit"]:hover,
body.clau-mode .contact_form_widget button:hover,
body.clau-mode .contact_form_widget .submit_btn:hover,
body.clau-mode #side_col input[type="submit"]:hover,
body.clau-mode .l-sidebar input[type="submit"]:hover {
  background: #5a8a7a !important;
  background-color: #5a8a7a !important;
  border-color: #1a2540 !important;
  color: #ffffff !important;
}

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

/* ===== 補助テキスト（返信は通常〜） ===== */
body.clau-mode .contact_form_widget p,
body.clau-mode .contact_form_widget small,
body.clau-mode .contact_form_widget .note,
body.clau-mode #side_col .widget_text p,
body.clau-mode .l-sidebar p {
  color: #6a7580 !important;
}

/* ===== サイドバーの全ウィジェット：枠・影・余計な背景を削除 ===== */
/* ※ 書き手カード（.ut-clau-wrap, .ut-author-card）は別ルールで保護されてるので影響なし */
body.clau-mode #side_col .widget,
body.clau-mode .l-sidebar .widget {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* === クラウモード CSS ここまで（v2.0） ============================ */
/* ============================================================
 *  サイドバー：記事の書き手ウィジェット｜クラウモード（v1.1）
 *  ----------------------------------------------------------
 *  サイドバーの他ウィジェット（おすすめ記事タブ、最近の記事）と
 *  色味を統一するため、クラウのサイドバー線色 rgba(123, 168, 154, 0.2)
 *  に合わせる。
 *  
 *  v1.0（茶ベージュ）→ v1.1（ソニク・グリーン薄め）
 * ============================================================ */

/* タイトル枠：他サイドバー枠と統一 */
body.clau-mode #side_col .widget_ut_author_widget .widget_headline {
  border-color: rgba(123, 168, 154, 0.2) !important;
}

/* カード本体の枠：他サイドバー枠と統一 */
body.clau-mode #side_col .widget_ut_author_widget .ut-clau-wrap {
  border-color: rgba(123, 168, 154, 0.2) !important;
}