@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){
  /*必要ならばここにコードを書く*/
}


/* ====================================
   地域団体紹介 基本情報
==================================== */

.organization-basic-info {
    margin: 24px 0 36px;
}

.organization-basic-info table {
    width: 100%;
    border-collapse: collapse;
}

.organization-basic-info th,
.organization-basic-info td {
    padding: 14px 16px;
    border: 1px solid #d7ded4;
    vertical-align: middle;
}

.organization-basic-info th {
    width: 30%;
    background: #eef5ea;
    color: #315c39;
    font-weight: 700;
    text-align: left;
}

.organization-basic-info td {
    background: #ffffff;
}

/* ====================================
   地域団体紹介 年間行事
==================================== */

.organization-events {
    margin: 24px 0 36px;
}

.organization-events table {
    width: 100%;
    border-collapse: collapse;
}

.organization-events th,
.organization-events td {
    padding: 12px 14px;
    border: 1px solid #d7ded4;
}

.organization-events th {
    background: #eef5ea;
    color: #315c39;
    font-weight: 700;
}

.organization-events th:first-child,
.organization-events td:first-child {
    width: 25%;
    text-align: center;
}

@media screen and (max-width: 600px) {
    .organization-basic-info th,
    .organization-basic-info td,
    .organization-events th,
    .organization-events td {
        padding: 10px 12px;
    }

    .organization-basic-info th {
        width: 34%;
    }
}

/* ==========================================
   Ver1.25-1
   紹介ページの投稿日を非表示
========================================== */

.post-type-archive-neighborhood .post-date,
.post-type-archive-organization .post-date,
.post-type-archive-staff .post-date,
.single-neighborhood .post-date,
.single-organization .post-date,
.single-staff .post-date {
  display: none !important;
}

.post-type-archive-neighborhood .date-tags,
.post-type-archive-organization .date-tags,
.post-type-archive-staff .date-tags,
.single-neighborhood .date-tags,
.single-organization .date-tags,
.single-staff .date-tags {
  display: none !important;
}

/* 紹介ページではサイドバーを非表示 */

.post-type-archive-neighborhood #sidebar,
.post-type-archive-organization #sidebar,
.post-type-archive-staff #sidebar,
.single-neighborhood #sidebar,
.single-organization #sidebar,
.single-staff #sidebar {
  display: none !important;
}

.post-type-archive-neighborhood #main,
.post-type-archive-organization #main,
.post-type-archive-staff #main,
.single-neighborhood #main,
.single-organization #main,
.single-staff #main {
  width: 100% !important;
  max-width: none !important;
}

.post-type-archive-neighborhood #content-in,
.post-type-archive-organization #content-in,
.post-type-archive-staff #content-in,
.single-neighborhood #content-in,
.single-organization #content-in,
.single-staff #content-in {
  display: block !important;
}

/* ==========================================
   Ver1.25-1
   紹介ページの Archives を日本語表示
========================================== */

/* 元の Archives の文字を消す */
.post-type-archive-neighborhood .archive-title,
.post-type-archive-organization .archive-title,
.post-type-archive-staff .archive-title {
  font-size: 0 !important;
}

/* 町内会紹介 */
.post-type-archive-neighborhood .archive-title::before {
  content: "町内会紹介一覧";
  font-size: 28px;
  font-weight: 700;
  color: #222;
}

/* 地域団体紹介 */
.post-type-archive-organization .archive-title::before {
  content: "地域団体紹介一覧";
  font-size: 28px;
  font-weight: 700;
  color: #222;
}

/* 運営スタッフ・事務局紹介 */
.post-type-archive-staff .archive-title::before {
  content: "運営スタッフ・事務局紹介一覧";
  font-size: 28px;
  font-weight: 700;
  color: #222;
}

/* ==========================================
   地域ブログトップのみサイドバー非表示
========================================== */

body.home.blog #sidebar {
    display: none;
}

body.home.blog #main {
    width: 100%;
}

body.home.blog .content-in {
    display: block;
}

body.home.blog .main {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}