@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
*/

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

/*固定ページ（トップページカスタマイズ）*/
/*フロント固定ページのタイトルを非表示*/ .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; }
/*フロント固定ページのヘッダを非表示*/ .home.page .logo-header{display: none; }

/*投稿のヘッダを非表示*/ .site-name-text { display: none; }
/*投稿のタイトルを非表示*/ .entry-title { display: none; }

/* 特定のカテゴリーの投稿ページの投稿日を非表示 */ .categoryid-12 .post-date { display: none !important; }
/* 特定のカテゴリーの投稿ページの更新日を非表示 */ .categoryid-12 .post-update { display: none !important; }

/*固定ページの日付を非表示*/ 
.post-3 .date-tags, .post-10 .date-tags, .post-15 .date-tags, .post-31 .date-tags,.post-36 .date-tags, .post-406 .date-tags, .post-470 .date-tags, 
.post-3344 .date-tags, .post-3382 .date-tags, .post-3411 .date-tags, .post-3447 .date-tags, .post-3453 .date-tags, .post-3466 .date-tags, .post-3550 .date-tags, .post-3697 .date-tags,
.post-3699 .date-tags, .post-3701 .date-tags, .post-3792 .date-tags, .post-3796 .date-tags, .post-3819 .date-tags, .post-4242 .date-tags, .post-4279 .date-tags, .post-4618 .date-tags, .post-4735 .date-tags, .post-4786 .date-tags, .post-4807 .date-tags, .post-4812 .date-tags, .post-4820 .date-tags, .post-4824 .date-tags, .post-4827 .date-tags, .post-4830 .date-tags, .post-4735 .date-tags, .post-4847 .date-tags, .post-5238 .date-tags, .post-8006 .date-tags, .post-8658 .date-tags
{ display: none; }

/*固定ページのシェアとフォローを非表示*/ 
.post-3 .sns-share,.sns-follow, .post-10 .sns-share,.sns-follow, .post-15 .sns-share,.sns-follow, .post-96 .sns-share,.sns-follow,
.post-3411 .sns-share,.sns-follow, .post-3447 .sns-share,.sns-follow, .post-3453 .sns-share,.sns-follow, .post-3466 .sns-share,.sns-follow, .post-3550 .sns-share,.sns-follow, .post-3697 .sns-share,.sns-follow, .post-3699 .sns-share,.sns-follow, .post-3701 .sns-share,.sns-follow, .post-3792 .sns-share,.sns-follow, .post-3796 .sns-share,.sns-follow, .post-3819 .sns-share,.sns-follow, .post-4279 .sns-share,.sns-follow, .post-4618 .sns-share,.sns-follow, .post-4735 .sns-share,.sns-follow, .post-4786 .sns-share,.sns-follow, .post-4807 .sns-share,.sns-follow, .post-4812 .sns-share,.sns-follow, .post-4820 .sns-share,.sns-follow, .post-4824 .sns-share,.sns-follow, .post-4827 .sns-share,.sns-follow, .post-4830 .sns-share,.sns-follow, .post-4735 .sns-share,.sns-follow, .post-4847 .sns-share,.sns-follow, .post-5238 .sns-share,.sns-follow
{ display: none; }

/*固定ページのフッターを非表示*/
.page-id-3411 .footer-bottom-content,.page-id-3447 .footer-bottom-content,.page-id-3453 .footer-bottom-content,.page-id-3466 .footer-bottom-content,.page-id-3796 .footer-bottom-content,.page-id-3792 .footer-bottom-content,.page-id-4618 .footer-bottom-content,.page-id-3550 .footer-bottom-content { display: none !important; }

/*背景色、文字色の変更*/
body { background-color: #2b2b2b; }
.header-container, .main, .sidebar, .footer { background-color: #2b2b2b; color:#c8c2c6; }
.site-name-text-link { color: #c8c2c6; }
.a-wrap { color: #c8c2c6; }

.a-wrap:hover { background-color: #2b2b2b; color: #c8c2c6; }

.site-name-text-link { color: #c8c2c6; }
.sidebar { background-color: #2b2b2b; }

.widget_recent_entries ul li a, 
.widget_categories ul li a, 
.widget_archive ul li a, 
.widget_pages ul li a, 
.widget_meta ul li a, 
.widget_rss ul li a, 

.widget_nav_menu ul li a { color: #c8c2c6; }



/*パンくずリストの設定 */
.breadcrumb {font-size: 16px; }
.breadcrumb a { color: #c8c2c6; }
.breadcrumb a:hover { color: #f0908d; }

/*リンクにマウスを合わせたときの色*/
.entry-content a:hover { color: #f0908d; }

/*ページ送りナビのホバー時の色変更*/ .pager-post-navi a:hover { background-color: #2b2b2b;/*背景色*/ color: #f0908d;/*文字色*/ border: 0px solid #2b2b2b;/*枠の大きさ、スタイル、色*/}
/*ページ送りナビのアイコン設定変更*/ .pager-post-navi a .iconfont { font-size: 0.8em; color: #c8c2c6; padding: 8px; }

/*Table（表）設定*/
/*---表全体---*/ .entry-content table { border-color: #c8c2c6; border-width: 1px; background-color:#2b2b2b; color: #c8c2c6; }
/*---ヘッダー---*/ .entry-content th { color: #c8c2c6; background-color: #474a4d; /* 背景色 */ text-align: center; /* 中央揃え */ border-color: #c8c2c6; border-width: 1px; }
/*---各行---*/ table td { color: #c8c2c6; background: #2b2b2b; border-color: #c8c2c6; border-width: 1px; }

/*見出しフォント・体裁の設定*/
.entry-content h1{ font-size: 24px; }
.entry-content h2{ font-size: 24px; padding: .5em .2em; margin-top: 3em; border-bottom: solid 0px #c8c2c6; border-top: solid 0px #c8c2c6; border-left: solid 0px #c8c2c6; background: transparent;}
.entry-content h3{ font-size: 20px; padding: .7em .7em; margin-top: 3em; /*上の余白*/ border-bottom: solid 1px #524e4d; border-top: solid 0px #524e4d; border-left: solid 0px #524e4d; border-right: solid 0px #524e4d; background: #2b2b2b;}
.entry-content h4{ font-size: 20px; /*文字サイズ*/ margin-top: 3em; /*上の余白*/ border-bottom: solid 0px #524e4d; border-top: solid 0px #524e4d; border-left: solid 4px #524e4d; }
.entry-content h5{ font-size: 20px; /*文字サイズ*/ margin-top: 3em; /*上の余白*/ border-bottom: solid 1px #524e4d; border-left: solid 0px #524e4d; }
.entry-content h6{ font-size: 20px; /*文字サイズ*/ margin-top: 3em; /*上の余白*/ border-bottom: solid 1px #524e4d; border-left: solid 0px #524e4d; }
.article ul li{ margin-bottom: 0.5em;  margin-left: 0; padding-left: 0; }

/*目次の文字サイズを変える*/
.toc-title { color: #c8c2c6; /*目次の文字の色*/ }
.toc .toc-list li a { color: #c8c2c6; /*見出しの文字の色*/ }
.toc .toc-list li{ color: #c8c2c6; /*数字部分の文字色*/ }

/*区切り線の色*/
.body hr.wp-block-separator {
    border-bottom: 1px solid #7d7d7d;
    border-top: none;
    border-left: none;
    border-right: none;
}

/*ヘッダーロゴの設定*/ .caption-wrap { background-color: #2b2b2b; }

/*ヘッダーロゴ、マウスオン時の設定*/
.caption-wrap:hover { background-color: #2b2b2b; color: #f0908d; }
#navi .navi-in a:hover{	background: #2b2b2b; }

/*カテゴリページの記事表示設定*/
.entry-card-title:hover { color: #f0908d; }
.entry-card-info, .entry-category { display: none; }

/*フッターメニューの枠線を消す*/ #navi-footer li { border: none; }
.navi-footer-in a:hover { color:#f0908d; background-color: #2b2b2b; /* フッタ　マウスホバー背景色変更 */ }
/*フッターメニューのマウスオーバー時色設定*/ #navi-footer-in a:hover { color:#f0908d; background-color: #2b2b2b; }

/*お問い合わせフォームの設定*/
.wpcf7 input[type="submit"] { width:33%; border-radius:10px; border: none; font-size: 22px; color: #c8c2c6; background: #524e4d; }
.wpcf7-form-control { background: #dddcd6; }

/*検索ボックスの設定*/
.wp-block-search__input {background: #524e4d; color: #ffffff; height: 35px; font-size: 20px; }
.wp-block-search__button {background: #524e4d; color: #ffffff; border-color: #2b2b2b; height: 35px; }
.wp-block-search__button:hover {background: #f0908d; color: #2b2b2b; }
.search-edit, input[type="search"] { padding: 1px; border: none; font-size: 20px; }
.search-icon { position: relative; top: -12px; /* 上方向への移動 */ left: -12px; /* 左方向への移動 */ }

/*最近の投稿、人気の投稿の設定*/ 
.new-entry-card-title, .popular-entry-card-title, .widget-related-entry-card-title{font-size: 22px;}
.entry-card-snippet {display: none; font-size: 22px;}
.entry-card-title {font-size: 22px; margin-bottom: 0;}
.entry-card-content {padding-bottom: 0;}
.entry-card-wrap {padding-bottom: 0; margin-bottom: 0; padding-top: 0; margin-top: 0; }
.pagination-next-link, .key-btn {background-color: #524e4d: color: #c8c2c6; border: none; }

/*次ページ表示の設定*/
.page-numbers {background-color: #524e4d; color: #c8c2c6; border: none; }
.pagination a:hover { background-color: #f0908d; color: #2b2b2b; }
.pagination-next-link, .comment-btn { background-color: #524e4d; color: #c8c2c6; }
.pagination-next-link:hover, .comment-btn:hover { background-color: #f0908d; color: #2b2b2b; }

/*英訳内検索の設定
pre.wp-block-code { background-color: #2b2b2b; color: #c8c2c6; border: none; margin: 0px; padding: 0px; }
input , select , textarea , button{ -webkit-appearance: none; border-radius: 4px; } */


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

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

/*480px以下*/
@media screen and (max-width: 480px){
.large-thumb-on, .widget-entry-card-title, .new-entry-card-title, .widget-entry-card-title, .card-title { font-size: 16px; line-height: 1.2 }

.entry-content h1{ font-size: 18px; }
.entry-content h2{ font-size: 18px; padding: .5em .2em; margin-top: 3em; border-bottom: solid 0px #c8c2c6; border-top: solid 0px #c8c2c6; border-left: solid 0px #c8c2c6; background: transparent;}
.entry-content h3{ font-size: 16px; padding: .7em .7em; margin-top: 3em; /*上の余白*/ border-bottom: solid 1px #524e4d; border-top: solid 0px #524e4d; border-left: solid 0px #524e4d; border-right: solid 0px #524e4d; background: #2b2b2b;}
.entry-content h4{ font-size: 16px; /*文字サイズ*/ margin-top: 3em; /*上の余白*/ border-bottom: solid 0px #524e4d; border-top: solid 0px #524e4d; border-left: solid 4px #524e4d; }
.entry-content h5{ font-size: 16px; /*文字サイズ*/ margin-top: 3em; /*上の余白*/ border-bottom: solid 1px #524e4d; border-left: solid 0px #524e4d; }
.entry-content h6{ font-size: 16px; /*文字サイズ*/ margin-top: 3em; /*上の余白*/ border-bottom: solid 1px #524e4d; border-left: solid 0px #524e4d; }
}