@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon
Version:    1.1.2
*/

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

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

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

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





/* Custom settings */
.my-contents {
	font-size: 17px;
}

.my-contents p {
  margin: 0;
}

.my-contents a {
  color: #1111cc;
  text-decoration: none;
  font-weight: bold;
}

.my-contents a:hover {
  background-color: #ffff8c;
}

.my-contents h3 {
  margin: 10px 0 20px 0;
}

.my-contents h4 {
  margin: 10px 0 20px 0;
}

.my-contents h5 {
  margin: 10px 0 ;
}

.my-contents h6 {
  margin: 6px 0 ;
}

.my-contents table td {
  background: #fff;
}

.my-contents summary {
  background-color: #e5e4e6;
  cursor: pointer;
}

.my-contents summary:hover {
  background-color: #ffff8c;
}

.my-contents pre {
	font-size: 15px;
  padding: 0.5rem;
  margin: 0;
  border-radius: 4px;
}

.my-contents code {
  background-color: transparent;
	font-family: SFMono-Regular, Menlo, Monaco, monospace;
}

.cmd-like {
  background-color: #000000;
  color: #f8f8f2;
}

.code-comment {
	color: #009438;
}

.code-background {
	background-color: #dddddd;
}

.code-highlight {
  background-color: #929203;
}

.jupyter-result-error {
  background-color: #fccaca;
}