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

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

/* ================================================
   AISyncページ Cocoon完全対応
   ================================================ */

/* Cocoonのヘッダーナビ・フッター・記事ヘッダーを全て非表示 */
.page-id-39 .header-container,.page-id-41 .header-container,.page-id-43 .header-container,.page-id-45 .header-container,.page-id-47 .header-container,
.page-id-39 footer.footer,.page-id-41 footer.footer,.page-id-43 footer.footer,.page-id-45 footer.footer,.page-id-47 footer.footer,
.page-id-39 .header-container-in,.page-id-41 .header-container-in,.page-id-43 .header-container-in,.page-id-45 .header-container-in,.page-id-47 .header-container-in,
.page-id-39 .navi,.page-id-41 .navi,.page-id-43 .navi,.page-id-45 .navi,.page-id-47 .navi,
.page-id-39 .navi-in,.page-id-41 .navi-in,.page-id-43 .navi-in,.page-id-45 .navi-in,.page-id-47 .navi-in,
.page-id-39 .article-header,.page-id-41 .article-header,.page-id-43 .article-header,.page-id-45 .article-header,.page-id-47 .article-header { display:none !important; }

/* コンテナ全幅 */
.page-id-39 .container.cf,.page-id-41 .container.cf,.page-id-43 .container.cf,.page-id-45 .container.cf,.page-id-47 .container.cf,
.page-id-39 #content,.page-id-41 #content,.page-id-43 #content,.page-id-45 #content,.page-id-47 #content,
.page-id-39 .content-in,.page-id-41 .content-in,.page-id-43 .content-in,.page-id-45 .content-in,.page-id-47 .content-in,
.page-id-39 .main,.page-id-41 .main,.page-id-43 .main,.page-id-45 .main,.page-id-47 .main,
.page-id-39 .article,.page-id-41 .article,.page-id-43 .article,.page-id-45 .article,.page-id-47 .article,
.page-id-39 .entry-content,.page-id-41 .entry-content,.page-id-43 .entry-content,.page-id-45 .entry-content,.page-id-47 .entry-content {
  max-width:100% !important; width:100% !important; padding:0 !important; margin:0 !important; float:none !important;
}

/* セクション全幅 */
.page-id-39 .hero,.page-id-41 .hero,.page-id-43 .hero,.page-id-45 .hero,.page-id-47 .hero,
.page-id-39 .section,.page-id-41 .section,.page-id-43 .section,.page-id-45 .section,.page-id-47 .section,
.page-id-39 .cta-section,.page-id-41 .cta-section,.page-id-43 .cta-section,.page-id-45 .cta-section,.page-id-47 .cta-section,
.page-id-39 .page-hero,.page-id-41 .page-hero,.page-id-43 .page-hero,.page-id-45 .page-hero,.page-id-47 .page-hero {
  margin-left:0 !important; margin-right:0 !important;
  width:100% !important; max-width:100% !important; box-sizing:border-box !important;
}

/* アニメーション強制完了 */
.page-id-39 .fade-up,.page-id-41 .fade-up,.page-id-43 .fade-up,.page-id-45 .fade-up,.page-id-47 .fade-up {
  animation:none !important; opacity:1 !important; transform:none !important;
}

/* AISyncナビ高さ修正 */
.page-id-39 .header,.page-id-41 .header,.page-id-43 .header,.page-id-45 .header,.page-id-47 .header {
  height:68px !important; width:100% !important;
}
.page-id-39 .header-inner,.page-id-41 .header-inner,.page-id-43 .header-inner,.page-id-45 .header-inner,.page-id-47 .header-inner {
  max-width:1140px !important; margin:0 auto !important; padding:0 24px !important; width:100% !important;
}

/* CocoonのH2背景・ボーダーだけ消す（marginはAISyncのCSSに任せる） */
.page-id-39 h2,.page-id-41 h2,.page-id-43 h2,.page-id-45 h2,.page-id-47 h2 {
  background:none !important; border:none !important; padding:0 !important;
}

/* CTAタイトル */
.page-id-39 .cta-title,.page-id-41 .cta-title,.page-id-43 .cta-title,.page-id-45 .cta-title,.page-id-47 .cta-title {
  background:none !important; border:none !important; padding:0 !important; color:#ffffff !important;
}

/* Cocoon不要要素を非表示 */
.page-id-39 .toc,.page-id-41 .toc,.page-id-43 .toc,.page-id-45 .toc,.page-id-47 .toc,
.page-id-39 .sns-share,.page-id-41 .sns-share,.page-id-43 .sns-share,.page-id-45 .sns-share,.page-id-47 .sns-share,
.page-id-39 .sns-follow,.page-id-41 .sns-follow,.page-id-43 .sns-follow,.page-id-45 .sns-follow,.page-id-47 .sns-follow,
.page-id-39 .author-box,.page-id-41 .author-box,.page-id-43 .author-box,.page-id-45 .author-box,.page-id-47 .author-box,
.page-id-39 .related-entries,.page-id-41 .related-entries,.page-id-43 .related-entries,.page-id-45 .related-entries,.page-id-47 .related-entries,
.page-id-39 .pager-post-navi,.page-id-41 .pager-post-navi,.page-id-43 .pager-post-navi,.page-id-45 .pager-post-navi,.page-id-47 .pager-post-navi,
.page-id-39 .entry-meta,.page-id-41 .entry-meta,.page-id-43 .entry-meta,.page-id-45 .entry-meta,.page-id-47 .entry-meta,
.page-id-39 .date-tags,.page-id-41 .date-tags,.page-id-43 .date-tags,.page-id-45 .date-tags,.page-id-47 .date-tags,
.page-id-39 .footer-widget,.page-id-41 .footer-widget,.page-id-43 .footer-widget,.page-id-45 .footer-widget,.page-id-47 .footer-widget,
.page-id-39 .follow-message,.page-id-41 .follow-message,.page-id-43 .follow-message,.page-id-45 .follow-message,.page-id-47 .follow-message,
.page-id-39 #wpadminbar,.page-id-41 #wpadminbar,.page-id-43 #wpadminbar,.page-id-45 #wpadminbar,.page-id-47 #wpadminbar { display:none !important; }

/* overflow */
.page-id-39 body,.page-id-41 body,.page-id-43 body,.page-id-45 body,.page-id-47 body { overflow-x:hidden !important; }


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

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

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