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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* =========================================================
   COCOON 固定ページ共通調整
   全固定ページに適用
========================================================= */


/* =========================================================
   ページタイトル・投稿日・更新日を非表示
========================================================= */

.page .entry-title,
.page .date-tags,
.page .post-date,
.page .post-update,
.page .post-meta,
.page .entry-meta {
  display: none !important;
}


/* =========================================================
   タイトル非表示後の余白を削除
========================================================= */

.page #content {
  margin-top: 0 !important;
}

.page #content-in {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}

.page #main {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
}

.page .article {
  margin: 0 !important;
  padding: 0 !important;
}

.page .entry-content {
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   パンくずリストを非表示
========================================================= */

.page .breadcrumb,
.page .breadcrumb-category,
.page .breadcrumb-page {
  display: none !important;
}


/* =========================================================
   サイドバーを非表示
========================================================= */

.page #sidebar,
.page .sidebar {
  display: none !important;
}


/* =========================================================
   SNSシェア・フォローボタンを非表示
========================================================= */

.page .sns-share,
.page .sns-share-message,
.page .sns-follow,
.page .sns-follow-message {
  display: none !important;
}


/* =========================================================
   投稿者情報・編集リンクを非表示
========================================================= */

.page .author-info,
.page .post-author,
.page .author-box,
.page .author-content,
.page .author-name,
.page .author-description,
.page .post-edit-link,
.page .edit-link {
  display: none !important;
}


/* =========================================================
   関連記事・コメント・ページ送りを非表示
========================================================= */

.page .related-entry-heading,
.page .related-list,
.page .comment-title,
.page .comment-area,
.page .pager-post-navi {
  display: none !important;
}


/* =========================================================
   特設サイト本体
========================================================= */

.entry-content #hf2026 {
  position: relative;
  left: 50%;

  width: 100vw;
  max-width: none;

  margin-top: 0 !important;
  margin-right: -50vw;
  margin-bottom: 0 !important;
  margin-left: -50vw;

  padding: 0;
}


/* =========================================================
   横スクロール防止
========================================================= */

html,
body {
  overflow-x: hidden;
}


/* =========================================================
   スマートフォン
========================================================= */

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

  .page #content,
  .page #content-in,
  .page #main,
  .page .article,
  .page .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

}

/* サイト名を含む白いヘッダー領域ごと非表示 */
#header-container,
#header,
.header {
  display: none !important;
}

/* 花火画像を最上部へ詰める */
#content,
#content-in,
#main,
.article,
.entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}