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

/*サイト名*/
@import url('https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&display=swap');
.site-name-text {
	font-family: 'Klee One', cursive;
}

/*コードの種類表示*/ 
 .hljs {padding: 40px 12px 12px;position: relative;}
 .hljs::before {color: #fff;content: "";font-family: "Noto Sans JP", sans-serif;font-weight: 700;left: 0;padding: 2px 8px;position: absolute;top: 0;}
 .hljs.html::before {content: "HTML";background-color: #e44d26;}
 .hljs.css::before {content: "CSS";background-color: #006eb9;}
 .hljs.scss::before {content: "SCSS";background-color: #57a64a;}
 .hljs.javascript::before {content: "JavaScript";background-color: #e5a228;}
 .hljs.php::before {content: "PHP";background-color: #8892bf;}