@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){
  /*必要ならばここにコードを書く*/
}
/* ========================================
   Original to New Wave
   BLACK BASE
   ======================================== */

/* サイト全体を完全な黒に */
body,
#container,
#header-container,
#navi,
#footer,
.footer-bottom,
#main,
.main,
.content,
.article,
#content,
#sidebar,
.sidebar {
  background-color: #000000;
}

/* 固定ページの背景 */
.page,
.page .main,
.page .content,
.page .article {
  background-color: #000000;
  color: #FFFFFF;
}

/* 本文・見出し */
.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6,
.page p,
.page li,
.page td,
.page th {
  color: #FFFFFF;
}

/* リンク */
.page a {
  color: #FFFFFF;
}

/* リンクのホバー */
.page a:hover {
  color: #FFFFFF;
}

/* 固定ページではサイドバーを非表示 */
.page #sidebar,
.page .sidebar {
  display: none;
}

/* 固定ページを1カラムに */
.page .main {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* 固定ページのSNSシェア・フォローを非表示 */
.page .sns-share,
.page .sns-follow {
  display: none;
}

/* 固定ページの投稿日・更新日・投稿者情報を非表示 */
.page .date-tags,
.page .post-date,
.page .post-update,
.page .author-info {
  display: none;
}

/* 固定ページの不要なウィジェットを非表示 */
.page .widget_search,
.page .widget_recent_entries,
.page .widget_recent_comments,
.page .widget_archive,
.page .widget_categories {
  display: none;
}

/* 白い背景・枠・影を極力排除 */
.page .entry,
.page .article-header,
.page .article-footer,
.page .entry-content,
.page .article-body,
.page .widget {
  background-color: #000000;
  border: none;
  box-shadow: none;
}

/* 固定ページのタイトル */
.page .entry-title {
  color: #FFFFFF;
  background-color: #000000;
}

/* フッター */
#footer,
.footer-bottom {
  background-color: #000000;
  color: #FFFFFF;
}

/* フッターの文字 */
#footer a,
.footer-bottom a {
  color: #FFFFFF;
}

/* ========================================
   MOBILE
   ======================================== */

@media screen and (max-width: 834px){

  body,
  #container,
  #header-container,
  #main,
  .main,
  .content,
  .article,
  #content,
  #footer {
    background-color: #000000;
  }

  .page .main {
    width: 100%;
  }

}
/* ========================================
   見出しデザイン
   ======================================== */

/* H2：白枠 */
.page h2 {
  border: 1px solid #FFFFFF;
  color: #000000;
  background-color: #FFFFFF;
  padding: 10px 15px;
}

/* H3：左端ライン＋四角い枠 */
.page h3 {
  border: 1px solid #FFFFFF;
  border-left: 4px solid #FFFFFF;
  color: #FFFFFF;
  background-color: #000000;
  padding: 8px 12px;
}

/* ページ内リンクのホバーを赤に */
.page a:hover {
  color: #FF0000;
}
/* フッター左下のサイトタイトルを非表示 */
.footer-bottom .logo-text {
  display: none;
}
/* ========================================
   固定ページ：画像を横幅いっぱいに統一
   ======================================== */

.page .entry-content img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: 0;
  margin-right: 0;
}
/* 固定ページの投稿日・更新日を非表示 */
.page .date-tags {
  display: none;
}