@charset "UTF-8";

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

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

/*ページの更新日と著者情報をまとめて消す*/
.page .date-tags,
.page .author-info {
    display: none;
} 

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}

/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
  display: none;
}

/*フロント固定ページのフォローボタンを非表示
.home.page .sns-follow{
  display: none;
}
*/
/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
  display: none;
}

/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
  display: none;
}

/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
  display: none;
}

/*no appeal text and contents
*/
.appeal-content {
	display: none;
}

/*
nav#navi, .menu-header .sub-menu{
     border-bottom:1px solid;
     border-top:1px solid;
}
*/

.popular-entry-cards.large-thumb {
    display: flex;
}

.popular-entry-cards.large-thumb a {
    width: 33%;
}

.new-entry-cards.large-thumb {
    display: flex;
    flex-wrap: wrap;
}

.new-entry-cards.large-thumb a {
    width: 33.333%;
}

.new-entry-cards .cat-label {
  display: inline;
}

.home h2 {
    padding: 0;
    background: none;
	border-bottom: none;
}
.home h3 {
    border: none;
    padding: 0;
	border-bottom: none;
}

.home h2 {
    text-align: center;
}

.navi-in a {
  font-size: 16px;
}

.site-name-text{
  font-size: 27px;
  font-weight: 500;
}

.cat-label {
    top: 0.5em; /*上からの距離*/
    left: 0.5em; /*左からの距離*/
    border: none; /*ボーダーを消す*/
    font-size: 12px; /*文字サイズ*/
    color: #fff; /*文字色*/
    background-color: #49add1; /*背景色*/
    padding: 1px 10px; /*余白*/
    border-radius: 8px; /*角を丸く*/
}

.new-entry-card-date {
  display: block;
}

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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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;
  }
  .new-entry-cards.large-thumb a {
      width: 50%;
  }
	  #header .site-name-text{
    font-size: 24px;
  }
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	#appeal .appeal-in{
    min-height: 200px;
  }
	
  .new-entry-cards.large-thumb a {
      width: 100%;
  }
   #header .site-name-text{
    font-size: 20px;
  }
}