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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/**********************
* header文字サイズ変更 *
***********************/
/* スマホ・タブレットビュー */
#header .site-name-text {
	font-size: 40px;
}
/* タブレットより大きいサイズの指定 */
@media screen and (min-width: 769px) {
	.jikai{font-family: 'Kosugi Maru', sans-serif; font-size: 188%;}
	#header .site-name-text {
		font-size: 58px;
	}
	
	
}



/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.jikai{font-family: 'Kosugi Maru', sans-serif; font-size: 170%;}
	main h1.entry-title{　　　　
font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #fff;
	padding: 10px 20px;
  background-color: #c21318;
  border-color: #eb373c;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 6px solid #eb373c;
}
		


	.header div.header-in {
     min-height: calc(( 100vw - var( --scrollbar-width, 17px)) * 200 / 1920);
  }


	
	
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.jikai{font-family: 'Kosugi Maru', sans-serif; font-size: 140%;}	
	main h1.entry-title{　　　　
font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #fff;
	padding: 10px 20px;
  background-color: #c21318;
  border-color: #eb373c;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 6px solid #eb373c;
}
	

	
}

/*520px以下*/
@media screen and (max-width: 520px){
  /*必要ならばここにコードを書く*/
.jikai{font-family: 'Kosugi Maru', sans-serif; font-size: 130%;}	

}


/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.jikai{font-family: 'Kosugi Maru', sans-serif; font-size: 100%;}
	main h1.entry-title{　　　　
font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #fff;
	padding: 10px 20px;
  background-color: #c21318;
  border-color: #eb373c;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 6px solid #eb373c;
}
	

	
}

<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=M+PLUS+Rounded+1c:wght@700&display=swap" rel="stylesheet">

.article h1 {
font-family: 'M PLUS Rounded 1c', sans-serif;
}
	
	.article h2 {
font-family: 'M PLUS Rounded 1c', sans-serif;
}
	
	.article h3 {
font-family: 'M PLUS Rounded 1c', sans-serif;
}



main h1.entry-title{　　　　
font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #fff;
	padding: 10px 20px;
  background-color: #c21318;
  border-color: #eb373c;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 6px solid #eb373c;
}


main .article-header.entry-header{
font-family: 'M PLUS Rounded 1c', sans-serif;
}

.sidebar h3{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 28px;
  color: #fff;
	padding: 1px 1px;
  background-color: #fd8478;
  border-color: #fd8478;
  border-top: none;
  border-right: none;
  border-bottom: none;
	
	
}

.logo-header a span{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: bold;
	font-size:45px;
/*
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0 -1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
*/
}

.logo-header a span{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: bold;
	font-size:45px;
/*
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0 -1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
*/
}