@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

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

/************************************
** ■檀信徒カテゴリー検索不可
************************************/
function mycus_search_filter_cat_func( $query ) {
    if ( $query->is_search() && $query->is_main_query() && ! $query->is_admin() ) {
        $cat_id = array( '12','13');
        $query->set( 'category__not_in', $cat_id );
    }
    return $query;
}
add_filter( 'pre_get_posts', 'mycus_search_filter_cat_func' );


/************************************
** ■見出し1変更
************************************/
.article h1 {
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #eaf3ff;/*背景色*/
  border-bottom: solid 3px #516ab6;/*下線*/
}

/************************************
** ■項目を隠す
************************************/
/*全体*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}



/*--------------------------------- 
数字リスト 
--------------------------------*/
 .list-5{
    counter-reset:number; 
    list-style-type: none; 
    padding:0;
    margin:0;
 }
 .list-5 li { 
    position: relative;
    margin:1em auto 1em 10px !important;
    padding-left: 2em;
    padding-top:0.3em
 }
 .list-5 li:before {
    counter-increment: number;
    content: counter(number);
    background-color: #0e7ac4;/* 文字背景色 */
    color: #fff;/*文字色*/
    position: absolute;
    font-weight:bold;
    font-size: 15px;
    border-radius: 50%;
    left: 0;
    top:0.5em;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
 } 

@media screen and (max-width: 768px){
 .article ul, .article ol {
     padding-left: 0px; /* スマホ閲覧時の余白リセット(cocoon) */
}
}


/************************************
** ■サイドバータイトル カスタマイズ
************************************/
#sidebar h3{
  color: #333; /*フォントカラー*/
  background: #D8D6D5; /*背景カラー*/
  font-size: 16px; /*フォントサイズ*/
  letter-spacing: 8px; /*文字間隔*/
  text-align: center; /*文字位置中央*/
  margin: 10px 0px 20px 0px;
  padding: 10px 10px 10px 10px;
  border-left: 6px solid #2d2d2d; /*左ラインの太さとカラー*/
  border-bottom: 1px solid #000000; /*アンダーラインの太さとカラー*/
  line-height: 100%;
}

/************************************
** ■リンクテキスト カスタマイズ
************************************/
a{ /*リンクテキスト装飾無し*/
  text-decoration: none;
}
a:hover { /*リンクテキストホバー時アンダーライン表示*/
  text-decoration: underline;
}

/*アピールエリアのボタンを消す*/
.appeal-content{
	display: none;
}

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
display: none;
}
/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
display: none;
}
/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
display: none;
}
/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
display: none;
}
/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
display: none;
}
/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
display: none;
}

/*投稿日付を非表示*/
.page .date-tags,
.page .author-info {
    display: none;
} 
.post-date {
    display:none;
}

nav#navi, .menu-header .sub-menu{
	font-weight: bold;
	box-shadow:0 5px 15px -5px rgba(0,0,0,.8);
}

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

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

/*768px以下*/
@media screen and (max-width: 768px){

/*スマホ表示のアピールエリアの高さ*/
	#appeal  .appeal-in{
		min-height: 250px;
	}
}


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


/************************************
** 指定カテゴリー用 前後記事ナビ
************************************/
.syounenji-post-nav {
  margin: 2em 0 1em;
  padding-top: 1.5em;
  border-top: 1px solid #ddd;
}

.syounenji-post-nav__inner {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.syounenji-post-nav__item {
  width: 48%;
}

.syounenji-post-nav__item a {
  display: block;
  padding: 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fafafa;
  text-decoration: none;
  transition: 0.3s;
}

.syounenji-post-nav__item a:hover {
  background: #f0f0f0;
  text-decoration: none;
}

.syounenji-post-nav__label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  color: #777;
}

.syounenji-post-nav__title {
  display: block;
  font-weight: bold;
  color: #333;
  line-height: 1.6;
}

.syounenji-post-nav__item--next {
  text-align: right;
}

.syounenji-post-nav__item.is-empty {
  visibility: hidden;
}

@media screen and (max-width: 768px) {
  .syounenji-post-nav__inner {
    flex-direction: column;
  }

  .syounenji-post-nav__item {
    width: 100%;
  }

  .syounenji-post-nav__item--next {
    text-align: left;
  }
}