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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
@import url('https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&family=Kaisei+Decol:wght@400;500;700&family=Klee+One:wght@400;600&family=M+PLUS+Rounded+1c:wght@400;500;700;800;900&family=Noto+Serif+JP:wght@200..900&family=Potta+One&family=Yusei+Magic&display=swap');

* {
  font-family: "Klee One", cursive; font-weight: 600; font-style: normal;
}

.logo, .logo-header, .logo-text {
	padding-bottom:0;
}

.logo span.site-name-text {
	font-family: "Kaisei Decol", serif; font-weight: 700; font-style: normal; font-size:300%; line-height:180%;
}

.tagline {
	font-family: "Klee One", cursive; font-weight: 600; font-style: normal; font-size:180%; margin-top:0;
}

.w_b_bal{font-family: "Klee One", cursive; font-weight: 600; font-style: normal;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/
  h1 span.site-name-text { font-size:300% !important; }
}

/*834px以下*/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
  .logo span.site-name-text { font-size:200% !important; }
  .tagline { font-size:120%; }

}

/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
  .logo span.site-name-text { font-size:200% !important; }
}