@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;
}