@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;
}

* strong, * b, * .bold-red {
  font-family: "M PLUS Rounded 1c", sans-serif !important; font-weight: 700; font-style: normal;
}

h1.entry-title { line-height:130%; padding-bottom:6px; }

h2 *, h3 *, h4 *, h5 *, h6 * {
  font-family: "Noto Serif JP", serif !important; font-optical-sizing: auto; font-weight:700; 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;
}

/* Word Balloon */
* .wp-block-word-balloon-word-balloon-block { margin:0 !important; }
* .w_b_quote p {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

* .w_b_bal_R .w_b_quote p {
	font-family: "Hachi Maru Pop", cursive !important;
	/*font-family: "Potta One", system-ui !important; */
	font-weight: 400;

}

* .w_b_bal_L .w_b_quote p {
	font-family: "Klee One", cursive !important;
	font-weight: 400;
	font-style: normal;
}

* .wp-block-word-balloon-word-balloon-block, * .wp-block-word-balloon-word-balloon-block .w_b_box { margin-top:0 !important; margin-bottom:0 !important; }
* .w_b_bal_box.w_b_bal_L .w_b_space { display:none !important; }
* .w_b_bal_box.w_b_bal_L .w_b_bal_wrap { margin-top:20px !important; }
* .w_b_lastblock { margin-bottom:1em !important; }

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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; }
}