@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){
  /*必要ならばここにコードを書く*/
}


/* ===== ひだまり転職みちしるべ カスタムCSS ===== */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800&display=swap');

body, p, li, td, th, h1, h2, h3, h4, h5, h6,
input, textarea, .entry-content, article {
  font-family: 'M PLUS Rounded 1c', 'Hiragino Maru Gothic ProN', sans-serif !important;
}

body { background-color: #fafdf8; }
a { color: #4a7c3f; }
a:hover { color: #2d5a25; }

/* トップページ：タイトル・SNS・日付などを非表示 */
.home .entry-title,
.home .article-header,
.home .entry-header,
.home .sns-share,
.home .post-date,
.home .author-info,
.home .article-footer,
.home .pager-post-navi,
.home .related-entry-heading,
.home .related-entry,
.home .comment-area {
  display: none !important;
}

.home .article {
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
}

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

/* ===== ひだまり転職みちしるべ ===== */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800&display=swap');
body,p,li,td,th,h1,h2,h3,h4,h5,h6,input,textarea,.entry-content,article{font-family:'M PLUS Rounded 1c','Hiragino Maru Gothic ProN',sans-serif !important;}
body{background-color:#fafdf8;}
a{color:#4a7c3f;}a:hover{color:#2d5a25;}
.home .entry-title,.home .article-header,.home .entry-header,.home .sns-share,.home .post-date,.home .author-info,.home .article-footer,.home .pager-post-navi,.home .related-entry-heading,.home .related-entry,.home .comment-area{display:none !important;}
.home .article{padding:0 !important;margin:0 !important;box-shadow:none !important;border:none !important;background:transparent !important;}
.home .entry-content{padding:0 !important;margin:0 !important;}
.home #header,
.home .header {
  display: none !important;
}

/* フロントページの目次を非表示 */
.home .toc,
.home #toc,
.home .ez-toc-container,
.home [class*="toc"] {
  display: none !important;
}


.home .article,
.home .entry-content {
  padding: 0 !important;
  margin: 0 !important;
}


/* フロントページ・カテゴリページ：コンテナ余白リセット */
.home #main,
.home .content-in,
.home #primary,
.home .wrap,
.home .article,
.home .entry-content,
.archive #main,
.archive .content-in,
.archive #primary {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* トップ画像：全幅ブレイクアウト（<p>ラッパー対応） */
.home .entry-content > p:first-child {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.home .entry-content > p:first-child > a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* 全ページ：サイドバー非表示・全幅レイアウト */
#sidebar,
.sidebar {
  display: none !important;
}
#main,
.main {
  width: 100% !important;
  max-width: 100% !important;
}
.home .entry-content > p:first-child > a img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* 背景色：やわらかいクリームグリーン */
body {
  background-color: #f2f8f0 !important;
}
#wrapper, .wrap, .content-in {
  background-color: transparent !important;
}
.article, .entry-content {
  background-color: #ffffff;
}

/* フッター：かわいく */
#footer {
  background: #3a5c35 !important;
  border-top: none !important;
  padding: 28px 20px !important;
}
#footer .footer-title,
#footer .site-name-text,
#footer a {
  color: #ffffff !important;
  font-family: 'M PLUS Rounded 1c', sans-serif !important;
  font-size: 1em !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
#footer .copyright,
#footer small {
  color: rgba(255,255,255,0.65) !important;
  font-size: 0.75em !important;
  font-family: 'M PLUS Rounded 1c', sans-serif !important;
}
#footer::before {
  content: '🌿';
  display: block;
  text-align: center;
  font-size: 1.4em;
  margin-bottom: 6px;
}

/* サイトタイトルをかわいく */
.site-name-text,
#site-name .site-name-text,
.header-title {
  font-family: 'M PLUS Rounded 1c', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: #3a5c35 !important;
  font-size: 1.15em !important;
}
.site-name-text::before {
  content: '🌿 ';
  font-style: normal;
}


.sns-share-buttons:not(:last-of-type),
.sns-share.before,
.sns-share-before,
.article > .sns-share:first-of-type {
  display: none !important;
}

/* シェアボタン：上部(ss-top)を非表示、下部(ss-bottom)のみ表示 */
.sns-share.ss-top {
  display: none !important;
}

/* 太字：薄い黄色のラインマーカー */
strong, b,
.entry-content strong,
.entry-content b {
  font-weight: 700 !important;
  background: linear-gradient(transparent 55%, rgba(255, 240, 100, 0.55) 55%);
  -webkit-text-stroke: 0 !important;
  color: inherit;
}


/* 記事内 見出しスタイル（全記事共通） */
.entry-content h2 {
  border-left: 4px solid #4a7c3f !important;
  padding: 6px 0 6px 14px !important;
  color: #2d5a25 !important;
  font-size: 1.2em !important;
  background: none !important;
}
body .article .entry-content h3,
body .entry-content h3 {
  background: #fffbe6 !important;
  border-left: 4px solid #f0b429 !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  color: #92600a !important;
  padding: 8px 14px !important;
  border-radius: 0 6px 6px 0 !important;
  font-size: 1.05em !important;
  margin-top: 1.6em !important;
}

/* 記事本文：段落の行間・余白を広げる */
.entry-content p {
  line-height: 2 !important;
  margin-bottom: 2em !important;
}

/* セクション間の余白 */
.entry-content h2 {
  margin-top: 2.8em !important;
  margin-bottom: 1.2em !important;
}

.entry-content h3 {
  margin-top: 2.2em !important;
  margin-bottom: 1em !important;
}