@charset "UTF-8";

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

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

/*デフォルトのサイトタイトルサイズ*/
.site-name-text{
  font-size: 30px;
font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 500;
}

/*ヘッダーレイアウトがトップメニューのとき*/
.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;
}

/*端末幅が768px以下のとき*/
@media screen and (max-width: 768px){
  #header .site-name-text{
   font-size: 24px;
font-family: 'Noto Sans Japanese', sans-serif;
	  font-weight: 500;
  }

}

/*端末幅が480px以下のとき*/
@media screen and (max-width: 480px){
  #header .site-name-text{
    font-size: 20px;
font-family: 'Noto Sans Japanese', sans-serif;
	  font-weight:500;
  }
}
/*固定ページのシェアボタン非表示*/
.page .sns-share,
.page .sns-follow {
    display: none;
}

/*ページの更新日と著者情報をまとめて消す*/
.page .date-tags,
.page .author-info {
    display: none;
} 
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}
/*アピールエリアのボタン非表示*/
.appeal-content {
	display: none;
}

/* — お問い合わせフォーム　送信ボタンのカスタマイズ — */
input.wpcf7-submit {
/*padding:1em; ボタン内の余白 */
/*margin:2em 0em; ボタンの上下にのみ余白 */
background: #869b8a; /*背景色 */
border-radius: 5px;/* 角を丸く*/
color: #fff;/* 文字の色*/
font-size: 18px;/* 文字の大きさ */
font-weight: bold;/* 太字*/
}
input.wpcf7-submit:hover {
opacity: 0.8;/* マウスオンで半透明に */
}

/*.sidebar h3 {
  color:#545454;
  background:none;
  border-left: 6px solid #869b8a;
  border-right: 1px solid #869b8a;
  border-top: 1px solid #869b8a;
  border-bottom: 1px solid #869b8a;
  font-size: 22px;
  padding: 6px 20px;
}

.sidebar h3 {
  color:#545454;
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #869b8a;
  border-bottom: 1px solid #869b8a;
  
}
*/

/* 画像回り込みをした時の見出し位置調整*/
.clearfix:after {
content:" ";
display:block;
clear:both;
}

/*google recaptchaのロゴ表示位置変更*/
.grecaptcha-badge{
    margin-bottom: 60px;
}

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

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
#appeal .appeal-in{
    min-height: 200px;
  }
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
#appeal .appeal-in{
    min-height: 200px;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
#appeal .appeal-in{
    min-height: 200px;
  }
}