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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* サイト全体の背景色（ホームページと統一） */
body {
  background-color: #f6f1e7 !important;
}
.wrap,
#contents,
.contents-container,
#main,
.article,
.article-body,
.entry-content {
  background-color: #f6f1e7 !important;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
#header {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}
#navi {
  display: none !important;
}
.header-container {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.navi-in {
  display: none !important;
}
#header-container {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
}

#header-container:empty {
  display: none !important;
}
.header-container-in {
  display: none !important;
}

/* ホームページ（ホームページテンプレート）用: Cocoon フッター非表示 */
body.page-template-page-home #footer,
body.page-template-page-home .footer-container,
body.page-template-page-home .footer-container-in {
  display: none !important;
}

/* Cocoon のサイドバーをホームページテンプレートで非表示 */
body.page-template-page-home #sidebar,
body.page-template-page-home .sidebar {
  display: none !important;
}

/* contents エリアをフル幅に */
body.page-template-page-home #contents,
body.page-template-page-home .contents-container {
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

body.page-template-page-home #main {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

body.page-template-page-home .article,
body.page-template-page-home .article-body,
body.page-template-page-home .entry-content {
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
}

body.page-template-page-home .breadcrumb,
body.page-template-page-home .entry-header,
body.page-template-page-home .entry-footer,
body.page-template-page-home .pager-post-navi,
body.page-template-page-home .related-entries,
body.page-template-page-home .comment-area {
  display: none !important;
}