@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* Inline code */
:not(pre) > code {
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
    padding: .1em;
    border-radius: .3em;
    white-space: normal;
    background-color:#EEEEEE;
}

/* コード改行禁止 */
pre code,
pre code span {
	font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
	white-space: pre !important;
	/*line-height: 0.1;*/
}

/*文字高さ変更*/
main pre{
    line-height: 1.2em !important;
	margin: 1em 2em;
}

/*トグルボックス変更*/
.wp-block-cocoon-blocks-toggle-box-1 .toggle-button {
    color: black !important;
    background: white !important;
    border: white !important;
}
.wp-block-cocoon-blocks-toggle-box-1  .toggle-button::before,
.wp-block-cocoon-blocks-toggle-box-1  .toggle-checkbox:checked~.toggle-button::before {
    color: black !important;
}
.wp-block-cocoon-blocks-toggle-box-1 .toggle-content {
    background-color: white !important;
    border-color: white !important;
}