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

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


/* カテゴリーラベルを非表示 */
.cat-label{
display: none;
}
/*目次の背景色と枠線を変更 線が実行されていない*/
.toc {
	background: #fff7ef;
	border: 5px solid #000000;
}

/*ブログカード内の下タイトルを消す*/
.site-name-text { 
	display: none;
 }
/*

/*h2のバック帯色*/
.article h2 {
	padding: 15px;
	background-color:#ffe4c4;
	border-radius:2px;
}


/* 文字サイズを小さくする指定 */
.small-text {
    font-size: 0.7em;
}

/*h3の余白*/
.article h3 {
	margin-top: 50px;
	margin-left: 0px;
	padding: 0px;
	font-size: 20px;
}


/* 送信ボタンのスタイル */
.wpcf7-form input[type="submit"] {
background-color: #696969; /* ブルー */
	 width: 200px; 
	display: block; /* ボタンをブロック要素にする */
  margin: 0 auto; /* 左右のmarginをautoにすることで中央に配置 */
color: white;
cursor: pointer;
transition: background-color 0.3s ease;
border: none;
}

.wpcf7-form input[type="submit"]:hover {
background-color: #4F7EFF; /* 濃いブルー */
}


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

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

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

/*custum text*/
/* red */
.cocoon-custom-text-1{
	border-radius: .2em;
	padding: .1em .4em;
	font-size: .9em;
	font-weight: normal;
	color: white;
	background-color: #DC143C;
}

/* blue */