@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

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

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

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

/************************************
** 下記からは水島イルカが記載
************************************/

/*筆者名のリンク解除*/
.author-box .author-name a {
	text-decoration:none;
	pointer-events:none;
	cursor:default;
}

/*プロフィール文*/
.author-box p {
	text-align: center;
}

/*お問合せフォームの送信ボタン*/
#formbtn {
	display: block;
	padding:10px;
	width:300px;
	background:#f7f7f7;
	color:#545454;
	font-size:17px;
	border:none;
	border-radius:4px;
	margin:25px auto 0;
	transition:0.3s;
}
#formbtn:hover {
	background:#f47fd7;
	color:#fff;
	border-radius:4px;
	box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}

/*お問合せフォーム入力欄の背景がグレーになってたので無効化*/
.wpcf7 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	background: initial;
}

/*お問合せフォームの入力エラー*/
.wpcf7 span.wpcf7-not-valid-tip { 
	color: #f47fd7;
}

/*お問合せフォーム送信ボタン押下後のレスポンス*/
.wpcf7 .wpcf7-form.sent .wpcf7-response-output,
.wpcf7 .wpcf7-form.failed .wpcf7-response-output,
.wpcf7 .wpcf7-form.aborted .wpcf7-response-output,
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output,
.wpcf7 .wpcf7-form.unaccepted .wpcf7-response-output {
	border-color: #f47fd7;
}

/*アイキャッチ画像上のカテゴリを非表示*/
.cat-label {
	display: none;
}