@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* ===== WBSAC ヘッダーロゴ・キャッチフレーズ左寄せ ===== */
.header-in {
    align-items: flex-start;
}

.header-in .logo,
.header-in .tagline {
    text-align: left;
}

/* ===== WBSAC Dark Theme (2026/7/12) ===== */

/*サイト外側背景*/
body {
    background-image: url("https://www.wbsac.org/wp-content/uploads/2019/06/base.gif");
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center top;
}

/* メインコンテンツ背景 */
#main {
    background: #000000;
}

/* サイドバー背景 */
.sidebar {
    background-color: #000000;
}

/* 本文文字色 */
body,
.entry-content,
.entry-content p,
.main {
    color: #e0e0e0;
}

/* H1：記事タイトル */
.entry-title {
    color: #ffffff;
}

/* H2見出し */
.entry-content h2 {
    background: #303030;
    color: #ffffff;
}

/* H3見出し */
.entry-content h3 {
    border-left: 5px solid #66b3ff;
    padding-left: 12px;
    color: #ffffff;
}

/* H4：小見出し */
.entry-content h4 {
    color: #ffffff;
    border-bottom: 1px solid #555555;
    padding-bottom: 3px;
}

/* サイドバー見出し */
.widget-sidebar-title {
    background: #303030 !important;
    color: #ffffff !important;
}

/* 新着記事タイトル */
.widget-entry-card-title {
    color: #e0e0e0;
}

/* ===== 本文内カードのタイトル文字色 ===== */

.entry-card-title,
.blogcard-title,
.related-entry-card-title {
    color: #e0e0e0;
}

/* カードの説明文 */
.entry-card-snippet,
.blogcard-snippet {
    color: #b0b0b0;
}

/* カード内リンク */
.entry-card-title a,
.blogcard-title a {
    color: #e0e0e0;
}

/* 関連記事カードのアクセス表示 */
.admin-pv,
.admin-pv span {
    color: #b0b0b0;
}

/* 本文カードの日付表示 */
.entry-card-meta,
.entry-card-info,
.post-data {
    color: #b0b0b0;
}

/* ===== カード マウスオーバー効果 ===== */
.entry-card-wrap,
.blogcard {
    transition: all 0.2s ease;
}

/* マウスオン */
.entry-card-wrap:hover,
.blogcard:hover {
    background-color: #252520;
    transform: translateY(-3px);
    outline: 1px solid #fff50f;
}

/* マウスオン時 タイトル色 */
.entry-card-wrap:hover .entry-card-title,
.entry-card-wrap:hover .entry-card-title a,
.blogcard:hover .blogcard-title,
.blogcard:hover .blogcard-title a {
    color: #fff50f;
}

/* PV表示部分 */
.admin-pv,
.admin-pv:hover {
    background-color: transparent;
}

/* ===== サイドバー新着記事 hover効果 ===== */
.new-entry-card-link,
.widget-entry-card {
    transition: background-color 0.2s ease,
                transform 0.2s ease,
                outline 0.2s ease;
}

/* マウスオン */
.new-entry-card-link:hover {
    background-color: #252520;
    transform: translateY(-3px);
    outline: 1px solid #fff50f;
}

/* 内側カード */
.new-entry-card-link:hover .widget-entry-card {
    background-color: transparent;
}

/* タイトル色 */
.new-entry-card-link:hover .widget-entry-card-title,
.new-entry-card-link:hover .widget-entry-card-title a {
    color: #fff50f;
}

/* 下線解除 */
.new-entry-card-link:hover {
    text-decoration: none;
}

/* ===== 関連記事カード ダーク化 ===== */
/* 通常状態 */
.related-entry-card-title,
.related-entry-card-title a {
    color: #e0e0e0;
}

.related-entry-card-snippet {
    color: #b0b0b0;
}

.related-entry-card-wrap,
.related-entry-card {
    transition: background-color 0.2s ease,
                transform 0.2s ease,
                outline 0.2s ease;
}

/* hover */
.related-entry-card-wrap:hover {
    background-color: #252520;
    transform: translateY(-3px);
    outline: 1px solid #fff50f;
}

/* 内側カードの背景解除 */
.related-entry-card-wrap:hover .related-entry-card {
    background-color: transparent;
}

/* hover時タイトル色 */
.related-entry-card-wrap:hover .related-entry-card-title,
.related-entry-card-wrap:hover .related-entry-card-title a {
    color: #fff50f;
}

/* hover時リンク下線解除 */
.related-entry-card-wrap:hover a {
    text-decoration: none;
}

/* ===== 前後記事ナビ ダーク化 ===== */
/* アニメーション */
.prev-post,
.next-post {
    transition: background-color 0.2s ease,
                transform 0.2s ease,
                outline 0.2s ease;
}

/* タイトル（通常） */
.prev-post-title,
.next-post-title {
    color: #e0e0e0;
}

/* マウスオン */
.prev-post:hover,
.next-post:hover {
    background-color: #252520;
    transform: translateY(-3px);
    outline: 1px solid #fff50f;
}

/* タイトル（マウスオン） */
.prev-post:hover .prev-post-title,
.next-post:hover .next-post-title {
    color: #fff50f;
}

/* リンク下線解除 */
.prev-post:hover,
.next-post:hover {
    text-decoration: none;
}

/* ===== ページネーション（ページ送り） ===== */
/* 全体 */
.pagination {
    text-align: center;
}

/* 通常ボタン */
.pagination .page-numbers,
.pagination-next-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    min-width: 2.4em;
    min-height: 2.4em;

    padding: 0.5em 0.8em;
    margin: 0.2em;

    background-color: #000000;
    color: #e0e0e0;

    border: 1px solid #505050;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;

    text-decoration: none;
}

/* マウスオン（ボタンと統一） */
.pagination .page-numbers:hover,
.pagination-next-link:hover {
    background-color: #66b3ff;
    color: #111111;
    border-color: #66b3ff;
    text-decoration: none;
}

/* 現在のページ */
.pagination .current {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    min-width: 2.4em;
    min-height: 2.4em;

    padding: 0.5em 0.8em;
    margin: 0.2em;

    background-color: #0066cc;
    color: #ffffff;
    border: 1px solid #0066cc;
}

/* 「...」 */
.pagination .dots {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    min-width: 2.4em;
    min-height: 2.4em;

    padding: 0.5em 0.8em;
    margin: 0.2em;

    background: transparent;
    border: none;
    color: #b0b0b0;
}

/* 「...」はhoverしない */
.pagination .dots:hover {
    background: transparent;
    border: none;
    color: #b0b0b0;
    text-decoration: none;
    cursor: default;
}

/* > アイコンの不要な線を消す */
.pagination .next.page-numbers .fa {
    border: none;
    box-shadow: none;
    background: transparent;
}

/* =========リンク========= */
/* 通常のリンク */
a {
    color: #66b3ff;
    text-decoration: none;
    transition: color 0.2s ease;
}

/* マウスを乗せたとき */
a:hover {
    color: #fff50f;
    text-decoration: underline;
}

/* =========フォーム========= */
/* 入力欄 */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
    background: #202020;
    color: #ffffff;
    border: 1px solid #666666;
}

/* =========ボタン========= */
/* 通常状態 */
button,
input[type="submit"],
input[type="button"] {
    background-color: #303030;
    color: #ffffff;
    border: 1px solid #666666;
    font-size: 1em;
    padding: 8px 16px;
    line-height: 1.5;
}

/* マウスオン */
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background-color: #66b3ff;
    color: #000000;
    transition: background-color 0.2s ease;
}

/* =========ファイル選択ボタン========= */
input[type="file"] {
    color: #ffffff;
}

input[type="file"]::file-selector-button {
    background-color: #303030;
    color: #ffffff;
    border: 1px solid #666666;
    padding: 6px 12px;
    cursor: pointer;
    font-size: 1em;
    padding: 8px 16px;
    line-height: 1.5;
}

input[type="file"]::file-selector-button:hover {
    background-color: #66b3ff;
    color: #000000;
}

/* =========サイドバードロップダウン========= */
.sidebar select {
    background-color: #202020;
    color: #ffffff;
    border: 1px solid #666666;
}

.sidebar select option {
    background-color: #202020;
    color: #ffffff;
}

/* =====================================
   グローバルメニュー
   ===================================== */
/*幅調整*/
#navi .navi-in > ul {
    justify-content: flex-start;
}

#navi .navi-in > ul > li {
    width: auto;
}

#navi .navi-in > ul > li > a {
    width: auto;
    padding-left: 8px;
    padding-right: 8px;
}

/*上下ライン*/
#navi {
    border-top: 2px solid #555555;
    border-bottom: 1px solid #555555;
}

/* ===== トップメニュー ===== */

/* メニュー全体 */
#navi {
    background-color: #303030;
}

/* メニュー配置領域 */
#navi .navi-in {
    background-color: #303030;
}

/* ===== 通常 ===== */

#navi .navi-in > ul > li > a {
    background-color: #303030;
    color: #ffffff;
}

/* ===== マウスオン ===== */

/* 親メニュー */
#navi .navi-in > ul > li:hover > a {
    background-color: #66b3ff;
    color: #111111;
}

/* 子・孫メニュー */
#navi .sub-menu li:hover > a {
    background-color: #66b3ff;
    color: #111111;
}

/* ===== 現在表示中 ===== */

/* トップレベル（親） */
#navi .navi-in > ul > li.current-menu-item > a,
#navi .navi-in > ul > li.current-menu-ancestor > a {
    background-color: #0066cc;
    color: #ffffff;
}

/* 子・孫メニュー */
#navi .sub-menu li.current-menu-item > a,
#navi .sub-menu li.current-menu-parent > a,
#navi .sub-menu li.current-menu-ancestor > a {
    background-color: #0066cc;
    color: #ffffff;
}

/* ===== Cocoon 新着記事ウィジェット 投稿日表示 ===== */
.new-entry-card-date {
    display: block;
    color: #aaaaaa;
    font-size: 1em;
    margin-top: 3px;
}

/* ===== bbPress お知らせ・トピック情報 ===== */

#bbpress-forums .bbp-template-notice {
    background-color: #303030;
    border: 1px solid #505050;
    color: #b0b0b0;
}

/* 説明文 */
#bbpress-forums .bbp-topic-description {
    color: #b0b0b0;
}

/* リンク */
#bbpress-forums .bbp-template-notice a {
    color: #66b3ff;
    text-decoration: none;
}

/* hover */
#bbpress-forums .bbp-template-notice a:hover {
    color: #fff50f;
    text-decoration: underline;
}

/* ===== bbPress ページ送り ===== */

/* 全体 */
#bbpress-forums .bbp-pagination-links {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* 通常ボタン */
#bbpress-forums .bbp-pagination-links .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 2.2em;
    height: 2.2em;
    padding: 0 0.8em;

    background-color: #303030;
    color: #e0e0e0;
    border: 1px solid #505050;
    border-radius: 4px;

    text-decoration: none;
    transition: background-color 0.2s ease,
                color 0.2s ease,
                border-color 0.2s ease;
}

/* マウスオン */
#bbpress-forums .bbp-pagination-links a.page-numbers:hover {
    background-color: #66b3ff;
    border-color: #66b3ff;
    color: #111111;
    text-decoration: none;
}

/* 現在のページ */
#bbpress-forums .bbp-pagination-links .page-numbers.current {
    background-color: #0066cc;
    border-color: #0066cc;
    color: #ffffff;
}

/* … */
#bbpress-forums .bbp-pagination-links .page-numbers.dots {
    background: transparent;
    border: none;
    color: #b0b0b0;
    padding: 0 0.3em;
}

/* … は hover しない */
#bbpress-forums .bbp-pagination-links .page-numbers.dots:hover {
    background: transparent;
    color: #b0b0b0;
}

/* ===== bbPress 管理リンク ===== */
/* 区切り文字 */
div#bbpress-forums span.bbp-admin-links {
    color: #b0b0b0;
}

/* 通常 */
div#bbpress-forums span.bbp-admin-links a {
    color: #66b3ff;
    text-decoration: none;
}

/* マウスオン */
div#bbpress-forums span.bbp-admin-links a:hover {
    color: #fff50f;
    text-decoration: underline;
}

/* ===== bbPress 投稿番号リンク ===== */

/* 通常 */
div#bbpress-forums .bbp-forum-header a.bbp-forum-permalink,
div#bbpress-forums .bbp-topic-header a.bbp-topic-permalink,
div#bbpress-forums .bbp-reply-header a.bbp-reply-permalink {
    color: #66b3ff;
    text-decoration: none;
}

/* マウスオン */
div#bbpress-forums .bbp-forum-header a.bbp-forum-permalink:hover,
div#bbpress-forums .bbp-topic-header a.bbp-topic-permalink:hover,
div#bbpress-forums .bbp-reply-header a.bbp-reply-permalink:hover {
    color: #fff50f;
    text-decoration: underline;
}

/* ===== bbPress ダークテーマ ===== */

/* ヘッダー */
#bbpress-forums li.bbp-header {
    background-color: #303030;
}

/* ヘッダー内のセル */
#bbpress-forums li.bbp-header .bbp-reply-author,
#bbpress-forums li.bbp-header .bbp-reply-content {
    background-color: transparent;
    color: #ffffff;
    font-size: 1rem;
}

/* odd / even の背景を統一 */
div#bbpress-forums div.odd,
div#bbpress-forums ul.odd,
div#bbpress-forums div.even,
div#bbpress-forums ul.even {
    background-color: #000000;
    color: #e0e0e0;
}

/* ===== bbPress 添付画像カード ===== */
/* 通常 */
#bbpress-forums .bbp-attachments ol li.bbp-atthumb .wp-caption {
    padding: 5px;
    margin: 0;
    height: auto;

    background-color: #000000;
    border: 1px solid #303030;
    border-radius: 4px;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}

/* マウスオン */
#bbpress-forums .bbp-attachments ol li.bbp-atthumb .wp-caption:hover {
    background-color: #252520;
    border-color: #fff50f;
}

/* 画像 */
#bbpress-forums .bbp-attachments ol li.bbp-atthumb .wp-caption img {
    display: block;
    border: none;
}

/* ========luxeritasの追加CSSより移植 2026/7/12========= */
/* 選択ボックス */
select option {
    color: #ff9900;
}

/* テーブル枠線なし */
.b_less_td-top {
    border: none;
}

.b_less_td-top td {
    border: none;
    vertical-align: top;
}

/* 新着記事カテゴリー */
span.cat {
    margin: 5px;
    padding: 5px 10px;
    line-height: 3em;
    background-color: #454545;
    border-radius: 10px;
}

/* 写真展 */
span.p-exhibition {
    background-color: #008800;
}

/* オフ会 */
span.off-mtg {
    background-color: #005544;
}

/* NEW */
span.add_New {
    margin: 5px;
    padding: 5px 10px;
    line-height: 3em;
    background-color: #ff5555;
}

/* テーブル背景をダーク化 */
.entry-content table,
.entry-content th,
.entry-content td {
    background-color: #000000;
    color: #e0e0e0;
    border-color: #555555;

/* テスト：コンテナ背景解除 */
#container,
#content {
    background-color: transparent;
}