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

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

/* コクーン純正ヘッダー・フッターを非表示 */
header { display: none !important; }
footer { display: none !important; }

/* ページタイトル・投稿情報非表示（トップページ） */
.home .entry-title { display: none; }
.home .post-date,
.home .post-author,
.home .post-info,
.home .byline { display: none; }

/* コンテンツ余白リセット（トップページ） */
.home .entry-content { padding: 0; margin: 0; }
.home .article { box-shadow: none; padding: 0; }

/* 全ページの背景を白に */
wrapper,
container,
content,
main,
.content-in,
header + *,
footer + * {
  background-color: #fff !important;
  background: #fff !important;
}
content,
main,
.content-in,
.container,
container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* 自作ヘッダー */
.paffe-site-header {
  padding: 20px 40px;
  border-bottom: 1px solid #222;
  background: #fff;
}
.paffe-site-header a {
  text-decoration: none;
  font-family: 'Shizuru', serif;
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0.01em;
  background: linear-gradient(90deg, #f9a8d4, #a5b4fc, #6ee7b7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  word-break: keep-all;
}
.paffe-site-header a:hover { opacity: 0.6; }
.home .paffe-site-header { display: none; }

/* 自作フッター */
.paffe-site-footer {
  padding: 8px 40px 20px;
  border-top: 1px solid #222;
  margin-top: 4px;
  text-align: center;
  background: #fff;
}
.paffe-site-footer p {
  font-size: clamp(11px, 1.1vw, 13px);
  color: #bbb;
  margin: 0;
}
.home .paffe-site-footer { display: none; }

/* レスポンシブ */
@media (max-width: 599px) {
  .paffe-site-header { padding: 16px; }
  .paffe-site-footer { padding: 8px 16px 20px; }
}
@media screen and (max-width: 1023px) {}
@media screen and (max-width: 834px) {}
@media screen and (max-width: 480px) {}