@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
*/

/************************************
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=BBH+Sans+Bartle&display=swap" rel="stylesheet">
************************************/
/*必要ならばここにコードを書く*/

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

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

/* ヘッダー文字変更 */
#header .site-name-text {
        font-family: "Darumadrop One", sans-serif; /* Google font「Darumadrop One」に変更 */
	font-size: 4em;                            /* 文字の大きさ */
	color: #ffff00;                            /* 文字色 */
}
#header .site-name-text:hover{
	color: #70A9A1;                            /* マウスホバー時の文字色 */   
}

/* 834px以下 */
@media screen and (max-width: 834px){
	#header .site-name-text {
		font-size: 2.5em;                  /* スマホから見たときの文字サイズ */
	}
}