@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
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){
  /*必要ならばここにコードを書く*/
}

/* ==========================================
   BBS 地域検索
========================================== */

.bbs-area-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
}


/* パンくず */

.bbs-breadcrumb {
    margin-bottom: 20px;
    font-size: 14px;
}


/* サイドバー検索 */

.bbs-search-box {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
}

.bbs-search-title {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
}

.bbs-search-field {
    margin-bottom: 12px;
}

.bbs-search-field label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
}

.bbs-search-field select {
    box-sizing: border-box;
    width: 100%;
    padding: 9px;
}

.bbs-search-button {
    width: 100%;
    padding: 10px;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}


/* 地域一覧 */

.bbs-area-anchor {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 25px;
}

.bbs-area-anchor a {
    display: inline-block;
    padding: 7px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
}


.bbs-area-region {
    margin: 30px 0;
}

.bbs-pref-links,
.bbs-genre-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bbs-pref-links a,
.bbs-genre-links a {
    display: inline-block;
    padding: 7px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
}


/* 投稿 */

.bbs-post-item {
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.bbs-post-item h3 {
    margin-top: 0;
}

.bbs-post-date {
    margin-bottom: 8px;
    font-size: 13px;
}

.bbs-no-posts {
    padding: 20px;
    background: #f7f7f7;
}


/* 関連リンク */

.bbs-related-genres,
.bbs-related-prefectures,
.bbs-other-prefectures {
    margin-top: 40px;
}

.bbs-pref-region {
    margin-bottom: 20px;
}


/* スマホ */

@media (max-width: 600px) {

    .bbs-area-container {
        padding: 12px;
    }

    .bbs-pref-links,
    .bbs-genre-links {
        gap: 6px;
    }

    .bbs-pref-links a,
    .bbs-genre-links a {
        padding: 6px 8px;
        font-size: 14px;
    }
}

/* =========================================
   ID掲示板 新着一覧
========================================= */

.idb-new-posts {
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.idb-new-posts-title {
    padding: 14px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-weight: 700;
}

.idb-new-posts-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.idb-new-post-item {
    margin: 0;
    border-bottom: 1px solid #eee;
}

.idb-new-post-item:last-child {
    border-bottom: 0;
}

.idb-new-post-link {
    display: block;
    padding: 11px 13px;
    text-decoration: none;
}

.idb-new-post-link:hover {
    background: #fafafa;
}

.idb-new-post-name {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
}

.idb-new-post-meta {
    font-size: 12px;
    color: #666;
    line-height: 1.6;
}

.idb-new-post-time {
    margin-top: 3px;
    font-size: 11px;
    color: #888;
}

.idb-new-posts-empty {
    margin: 0;
    padding: 15px;
}

/* =====================================
   Cocoon 左サイドバー追加
===================================== */

@media screen and (min-width: 1300px) {

  #content {
    position: relative;
  }

  #left-sidebar {
    position: absolute;

    width: 200px;

    left: -220px;
    top: 0;
  }

}


/* 小さい画面では非表示 */
@media screen and (max-width: 1299px) {

  #left-sidebar {
    display: none;
  }

}