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

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

/* 見出しリセット */
/* 見出し2 */
.article h2{
background:none;
padding: 0;
}

/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

/* 見出し5 */
.article h5{
border-bottom:none;
padding: 0;
}

/* 見出し6 */
.article h6{
border-bottom:none;
padding: 0;
}

/* 見出し2 */
.article h2{
padding: 0.5em;
color: #333333;
border-bottom:solid 3px #00a29a;
border-top:solid 3px #00a29a;
}
/* 見出し3 */
.article h3{
padding:0.25em 0.5em;
border-left:10px solid #00a29a;
}

/* 見出し4 */
.article h4{
border-bottom: solid 2px #333;
}
#post-4298 h4{
color:#0714aa !important;
}


/*Contact Form 7カスタマイズ*/
/*必須の調整*/
.haveto{
padding:4px;
background:#cc0000;
color:#fff;
border-radius:4px;
margin-top:20px;
margin-right:10px;
position:relative;
bottom:4px;
}

/*任意の調整*/
.any{
padding:4px;
background:#3300cc;
color:#fff;
border-radius:4px;
margin-top:20px;
margin-right:10px;
position:relative;
bottom:4px;
}
/*フォームラベル変更*/
.toiawase01{
font-size:1.2em;
font-weight:bold;
}

/*送信ボタンのデザイン変更*/
#formbtn{
display: block;
padding:15px;
width:80%;
background:#006699;
color:#fff;
border-radius:10px;
margin:40px auto;
font-size:1.1em;
font-weight:bold;
}
#formbtn:hover{
color:#FFBF11;
font-size:1.3em;
}

/*送信ボタンマウスホバー時*/
.wp-block-button__link:hover{
color:#f6b9b9;
}

label{
	padding-left:10px;
}

/* Contact Form 7のラジオボタンを縦並びに */
.wpcf7-list-item {
    margin-top:8px;
    display: block;
}
.wpcf7-form-control{
	margin-bottom:30px;
}
/* wpformボタン */
.mw_wp_form input[type="submit"]{
	background:#3847ec;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
}
/* 送信後メッセージ */
.wpcf7-response-output {
background-color: #ff6600;
border-color:#ff6600;
color:#ffffff;
font-weight:bold;
font-size:120%;
padding:10px;
}
/* 送信後フォーム消す */
form.sent p{
display:none;
}

/* accordion */
h4.wpsm_panel-title{
border:none;
}

/* CTA */
.cta-box {
border: solid 5px #00a29a;
border-radius: 12px;
background-color: #fff;
color:#333;
}
.btn-deep-orange{
border-radius:12px;
}

/* tableストライプ解除 */
table tr:nth-of-type(2n + 1) {
  background-color: #fff;
}
/* table列色分け */
.retsu01 tr td:nth-of-type(1){
	background-color:#1e50a2;
	color:#fff;
}

/* リンク募集table列色分け */
.bannerlink table tr td:nth-of-type(1){
  background-color:#58A7D2;
color:#fff;
}

/* 矢印 */
.article .arrow-down {
  text-align: center;
}
.article .arrow-down:after {
  content: "\f063";
  font-family: Fontawesome;
  font-size: 3rem;
  color: #00a29a;
}


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

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

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