@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
*/

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

body {
    background-image: repeating-linear-gradient(90deg, rgba(192, 228, 253, 1), rgba(251, 218, 243, 1));
}
a:hover { color:#C0E4FD; }

/* もっと見るボタンの変更 */
.list-more-button {
	background: #95CDF3;
	color: #fff;
	border: none;
}
.list-more-button:hover {
	background: #C0E4FD;
	color: #999;
	border: none;
}

/* サイドバーリスト */
ul li{
  list-style: none;
}
#linkcat-2 ul li:before{
font-family: "Font Awesome 5 Free";
content: "\f004";
font-weight: 900;
color:#FDC6E6;
padding:0 5px 10px 0px;
margin-left:-28px;
font-size:18px;
list-style:none;
}

/* お問い合わせフォーム */
/* 項目名を太字にする */
form p {
	font-weight: 600;
}

/* 本文 */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #ccc;
    background: #d0d5d8;
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}
/* 入力項目を見やすくする */
input{
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}
textarea.wpcf7-name,wpcf7-text {
	height: 50px;
}

/* 送信ボタンを見やすくする */
input.wpcf7-submit {
	width: 100%;
	height: 80px;
	background: #C0E4FD;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	border: none;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}

.cta-box {
background-color: #fff;
color:#444;
}
.cta-button .btn {
  background-color: #C0E4FD;
}

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

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

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