@charset "UTF-8";

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

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



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

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

/*768px以下*/
@media screen and (max-width: 768px){
  #header .site-name-text{font-size: 22px;}

.gadse {min-height:320px;}
    
.ad-link,
.ad-wrap{min-height:100px;}

.ads-fluid{min-height:320px;}

}

/*480px以下*/
@media screen and (max-width: 480px){
  #header .site-name-text{
    font-size: 18px;
  }
}

/*デフォルトのサイトタイトルサイズ*/
.site-name-text{
  font-size: 40px;
}

/*ヘッダーレイアウトがトップメニューのとき*/
.header-container-in.hlt-top-menu .site-name-text{
  font-size: 22px;
}

/*ヘッダーレイアウトがトップメニュー（小）のとき*/
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{
  font-size: 20px;
}

.tagline {
	font-size:20px;
}

.colorred {
	color:#ff0000;
}

.colorblue {
	color:#0000ff;
}

.article h2{ /*見出し２カスタマイズ*/
background: #0000ff; /*背景カラー*/
border:solid 2px #0000ff;
color:#FFFFFF;
padding:0.5rem;
}

.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
   margin-top: 3em;
}