@charset "UTF-8";

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

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

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

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

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

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

/* サイトタイトルの文字変更 */
.site-name-text {
	font-size: 3.0em;
	font-weight:bold;
}
/* タブレット用サイズ */
@media screen and (max-width: 768px) {
	#header .site-name-text {
		font-size: 32px;
	}
}
/* モバイル用サイズ */
@media screen and (max-width: 480px) {
	#header .site-name-text {
		font-size: 22px;
	}
}

/*サイトタイトル*/
.site-name-text {
    font-size: 60px;
}
/*キャッチフレーズ*/
.tagline {
    font-size: 18px;
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*サイトタイトル*/
  .site-name-text {
      font-size: 24px;
  }
  /*キャッチフレーズ*/
  .tagline {
      font-size: 11px;
  }
}