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


 /*記事の背景*/
.main{
    background-color: #edf2f9;
}



 /*アコーディオン*/

/*アコーディオン*/

.toggle-button {
    background: #fff;
    text-align: left;
    font-weight: none;
    box-shadow: 0 2px 6px 0px #ddd;
    border: none;
    padding: 1em;
    position: relative;
}

.toggle-button::before {
    content: ''; /* デフォルトのbeforeは空に */
}
.toggle-button::before {
    content: '';
    display: none; /* 何も表示しない */
}

.toggle-button::after {
    content: ''; /* 閉じている時の三角形 */
    color: #f89174;
    font-size: 1em;
    font-weight: bold;
    position: absolute;
    right: 2em;
    transition: transform 0.3s, content 0.3s; /* contentに対してもtransitionを適用 */
}

.toggle-checkbox:checked + .toggle-button::after {
    content: ''; /* 開いている時の三角形 */
    transform: rotate(180deg);
}

.toggle-checkbox:checked~.toggle-content {
    background: #f2f5f7;
    margin-top: 10px;
    border: none;
    padding: 1em;
}

.toggle-text {
    color: #333; /* デフォルトの色 */
}

/*カスタムテキスト*/
.cocoon-custom-text-1{
	color: #353287
;
}
.cocoon-custom-text-2{
	color: pink;
}


/*アコーディオン2*/

.toggle-checkbox {
    display: none; /* チェックボックスを非表示にする */
}

.toggle-button {
    background: #fff;
    text-align: left;
    font-weight:  none;
    box-shadow: 0 2px 6px 0px #ddd;
    border: none;
    padding: 1em;
    cursor: pointer;
}

.toggle-content {
    display: none; /* デフォルトでは非表示 */
    padding: 1em;
    background: #f2f5f7;
    margin-top: 5px;
}

.toggle-checkbox:checked + .toggle-button + .toggle-content {
    display: block; /* チェックされたら表示 */
}


/* 見出しリセット */
/* 見出し2 */
.article h2{
background:none;
	
	
	
padding: 0;
}

/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

/* 見出し5 */
.article h5{
border-bottom:none;
padding: 0;
}

/* 見出し6 */
.article h6{
border-bottom:none;
padding: 0;
}

.article h2 {
  padding: 0em;
  color: #827a78; /* 文字色: 少しうすい黒 */
  background: none; /* 背景なし */
  font-size: 14px; /* フォントサイズ */
  font-weight: bold; /* 太字 */
  border-left: none; /* 左線なし */
 line-height: 1.6; /* 行間を少し広げる */
}

.article h3 {
  padding: 0em;
  color: #827a78; /* 文字色: 少しうすい黒 */
  background: none; /* 背景なし */
  font-size: 14px; /* フォントサイズ */
  font-weight: bold; /* 太字 */
  border-left: none; /* 左線なし */
 line-height: 1.6; /* 行間を少し広げる */
}

.article h4 {
  padding: 0.5em;
  color: #827a78; /* 文字色: 少しうすい黒 */
  background: none; /* 背景なし */
  font-size: 14px; /* フォントサイズ */
  font-weight: none; /* 太字 */
  border-left: none; /* 左線なし */
 line-height: 1.6; /* 行間を少し広げる */
}

/*リンクのアンダーバー*/
a{
text-decoration: none;
}

/*リンクのホバー色*/
.entry-content a:hover { color: #1111cc; }



/* スマホだけ、親コンテナの横幅制限を無効化 */
@media screen and (max-width: 768px) {
  .responsive-full-mobile {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
  }
}

/* カラム２の間の隙間 */
.wp-block-columns{
  gap: 0px;
} 

/* グーグルreCAPTCHA スパム対策のマークを消す*/
.grecaptcha-badge { visibility: hidden; }


/*デコレイトミー紹介ページ色　*/

.page-id-1456 main {
    background-color:  #ffffff !important;
}

/* 投稿ページ（single post）の本文だけフォントサイズを調整 */
body.single-post p {
  font-size: 14px !important;
  line-height: 1.9 !important;
}

/* ─────────────────────────────
   Content Viewsで表示されるカテゴリー名とタグを非表示にする
   タイトルはそのまま残して、カテゴリーとタグだけ消したいとき用
───────────────────────────── */
.pt-cv-meta-fields,
.pt-cv-cat,
.pt-cv-tags,
.pt-cv-content .pt-cv-meta-fields,
.pt-cv-content .pt-cv-cat,
.pt-cv-content .pt-cv-tags {
    display: none !important;
}


/* 投稿（single-post）はページ全体を白 */
body.single-post,
.single-post #page,
.single-post #container,
.single-post #content,
.single-post #main,
.single-post .wrap,
.single-post .content,
.single-post .content-in,
.single-post article,
.single-post .entry-content {
  background: #fff !important;
  background-image: none !important;
}

/* 余白に青が出る場合の保険 */
.single-post #content { box-shadow: none !important; }









/* スマホだけ：postid-2778 と “将来の1本（postid-0000）” のメニューバー非表示 */
@media (max-width: 768px){
  /* 上部ヘッダー・ナビ一式（テーマ違いもケア） */
  

  body.postid-2778 #header,
  body.postid-0000 #header,
  body.postid-2778 .site-header,
  body.postid-0000 .site-header,
  body.postid-2778 #navi,
  body.postid-0000 #navi,
  body.postid-2778 .global-nav,
  body.postid-0000 .global-nav,
  body.postid-2778 .l-header,
  body.postid-0000 .l-header,
  body.postid-2778 .sp-header,
  body.postid-0000 .sp-header,
  body.postid-2778 .menu-toggle,
  body.postid-0000 .menu-toggle,
  body.postid-2778 .mobile-menu,
  body.postid-0000 .mobile-menu,
  body.postid-2778 .mobile-header,
  body.postid-0000 .mobile-header,
  body.postid-2778 .mobile-menu-buttons,
  body.postid-0000 .mobile-menu-buttons,
  body.postid-2778 .drawer,
  body.postid-0000 .drawer { display: none !important; }

  /* ヘッダー分の余白リセット */
  body.postid-2778 main,
  body.postid-0000 main,
  body.postid-2778 #content,
  body.postid-0000 #content,
  body.postid-2778 .l-content,
  body.postid-0000 .l-content,
  body.postid-2778 .content,
  body.postid-0000 .content { margin-top: 0 !important; padding-top: 0 !important; }
}

/*（おまけ）固定フッターメニューも消す場合 */
@media (max-width: 768px){
  body.postid-2778 #footer-bar,
  body.postid-0000 #footer-bar,
  body.postid-2778 .mobile-buttons,
  body.postid-0000 .mobile-buttons { display: none !important; }
}

/* 記事ID 2778 のページだけフッターを消す */
body.postid-2778 #footer,         /* Cocoonのフッター本体 */
body.postid-2778 .l-footer,
body.postid-2778 .site-footer,
body.postid-2778 #footer-in,
body.postid-2778 #footer-bottom,
body.postid-2778 .footer,
body.postid-2778 .site-info,
body.postid-2778 .copyright,
body.postid-2778 .credit,
body.postid-2778 #colophon {       /* 念のため他テーマ系も */
  display: none !important;
}

/* もし固定フッターバーが出る場合（Cocoonのボタン群など） */
body.postid-2778 #footer-bar,
body.postid-2778 .mobile-buttons,
body.postid-2778 .mobile-menu-buttons {
  display: none !important;
}

/* フッターを消した分の余白を詰めたい場合（任意） */
body.postid-2778 #content,
body.postid-2778 .l-content,
body.postid-2778 .content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 2778だけ：関連記事ブロックを非表示 */
body.postid-2778 .related-entries,
body.postid-2778 #related-entries,
body.postid-2778 .entry-related,
body.postid-2778 .related-contents,
body.postid-2778 .related-area,
body.postid-2778 #yarpp-related,
body.postid-2778 .yarpp-related,
body.postid-2778 .jp-relatedposts { display:none !important; }

/* 2778だけ：パンくず（ホーム > …）を非表示  */
body.postid-2778 .breadcrumb,
body.postid-2778 #breadcrumb,
body.postid-2778 .breadcrumbs { display:none !important; }

/* 余白を詰めたい場合（任意） */
body.postid-2778 .entry-footer,
body.postid-2778 .after-post,
body.postid-2778 .after-article { margin-bottom:0 !important; padding-bottom:0 !important; }