@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*固定ページ更新日まとめて消す*/
.page .date-tags,
.page .author-info {
    display: none;
} 
/*アピールエリアのボタン消す*/
.appeal-content {
	display: none;
}

/*カテゴリーカスタマイズ*/
main > article {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
}
/*インデックスページのカスタマイズ*/
.article-header.category-header h1, .article-header.tag-header h1 {
    display: none;
}
/** 入力フォーム（Form）**/
@media screen and (min-width: 480px ){
input[type="text"],
input[type="url"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="date"],
input[type="select"]{
  width: auto;
}
select.wpcf7-form-control.wpcf7-select {
width: 140px;
}
/** カルーセルのドットけす**/
.slick-dots li button:before{
display:none;
}

/* reCAPTCHA v3　表示位置 */
.grecaptcha-badge{
    margin-bottom: -22px;
}


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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/*コンテンツエリアの左右幅*/
	.content .main, .content .sidebar {
		padding: 10px 0;}
}