@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.site-name-text{
  font-size: 50px;
  font-family: serif;
}

.article h1 {
  font-size: 25px;
}
	
.article h2 {
  font-size: 20px;
  font-weight:bold;
  color: gray;
  padding: 15px;
  background-color: #f3f4f5;
  border-radius: 2px;
}
.article h3 {
  font-weight: bold;
}
	
.article h4 {
  font-weight: bold;
}

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

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
	#header .site-name-text{
      font-size: 50px;
    }
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	#header .site-name-text{
      font-size: 45px;
    }
}

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