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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

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

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

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

/************************************
** 固定ページの背景色設定
************************************/
/*
.main{
    background-color: #f5f5f5;
}
.a-wrap {
    color: #fff;
}
 */

/************************************
** YouTubeの画像を中央に設定
************************************/
.video-container {
margin: 0px auto;
}


/************************************
** グローバルメニュー
************************************/
/*ホバー時にメニューにアンダーラインを出す*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 0;/*線の位置*/
height: 2px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #0000ff;/*線の色*/
transform: scale(0,1);/*ホバー前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
}

#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}
/************************************
** ブログカード設定
************************************/
/*線色*/
.blogcard{
	border: 3px solid gray !important
}
/*マウスオーバー後*/
 .blogcard:hover{
	background: transparent;
	opacity: 0.5;
}

/*reCAPTCHAマークを非表示*/
.grecaptcha-badge { visibility: hidden; }



/************************************
** Contact Form 7カスタマイズ
************************************/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#FF533D;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#FF533D;
}

/************************************
** SNSフォローボタン設定
************************************/
.sns-follow-buttons a {
  background: none !important;
  border-radius: 50%;
  border: gray 1px solid;
  color: gray;
  width: 50px !important;
  height: 50px;
  margin: 0 10px;
  font-size: 35px;
}

/************************************
** 見出し設定
************************************/
<!--　-->
/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}
/*再設定 見出しのデザイン */
/*H2 */
.entry-content h2{
	color: #6594e0; /* 文字色 */
	font-size: 20px; /* 文字サイズ */
	background-color: #FFFEF9; /* 背景色 */
	padding-top:13px; /* 文字と上部の間隔 */
	padding-left:5px;/* 文字と左線の間隔 */
	padding-bottom:12px;/* 文字と下部の間隔 */
	/* border-left: solid 10px #008000; 左側に実線・色*/
	border-top: solid 2px #6594e0;/* 上側に実線・色 */
	border-bottom: double 2px #6594e0;/*線の種類（点線）2px 線色*/
	text-align: center;
}
.entry-content h3 {
  border: none;  /*Cocoon標準のデザインにあるボーダーを取る*/
  position: relative;  /*要素を相対配置にする*/
  padding: .1em .3em .4em .5em;  /*余白*/
  border-left: solid 8px #6594e0;  /*左の線の種類、太さ、色*/
  color: #5C676D;  /*文字の色*/
	border-top: solid 3px #8195a2;/* 上側に実線・色 */
	border-bottom: solid 1px #5C676D;/* 下側に実線・色*/
	font-size: 18px; /* 文字サイズ */
}
.entry-content h3:before { /*左ラインの下部の色*/
  /*position: absolute;  /*要素を絶対配置にする*/
  /*content: '';  /*空欄を挿入する*/
  /*left: -8px;  /*左下部の線の位置の調整*/
  /*bottom: -2px;  /*左下部の線の位置の調整*/
  /*width: 8px;  /*左下部の線の太さ*/
  /*background-color: #5C676D;  /*左下部の色*/
  /*height: 50%;  /*左下部の線の色の高さ*/
}
.entry-content h4 {
	color: #5C676D; /* 文字色 */
	font-size: 18px; /* 文字サイズ */
	background-color: #FFFFFF; /* 背景色 */
	padding: 10px; /*余白*/
	/* border-top: solid 2px #0000FF; 上側に実線・色 */
	border-bottom: solid 1px #FFFFFF;/* 下側に実線・色*/
}
.entry-content h4::after {
  position: absolute;  /*要素を絶対配置にする*/
  content: " ";  /*空欄を挿入する*/
  border-bottom: solid 2.5px #8195a2;  /*左の線の種類、太さ、色*/
  left: 0px;  /*左の線の位置の調整*/
  bottom: -1px;  /*左の線の位置の調整*/
  width: 0%;  /*左の線の長さ*/
}
.entry-content h5 {
  border-bottom: dashed 2px #a8bcc8;  /*下部の点線の種類、太さ、色*/
  color: #5C676D;  /*文字の色*/
}
.entry-content h6 {
  border-bottom: none;  /*Cocoon標準のデザインにあるボーダーを取る*/
  position: relative;  /*要素を相対配置にする*/
  padding-left: 1.4em;  /*余白*/
  color: #5C676D;  /*文字の色*/
}
.entry-content h6::before {
  font-family: "Font Awesome 5 Free";  /*Font Awesome 5を使用する*/
  content: "\f00c";  /*アイコンの指定*/
  position: absolute;  /*要素を絶対配置にする*/
  left: 0;  /*アイコンの位置の調整*/
  color: #a8bcc8;  /*アイコンの色*/
}

/************************************
** サイドバー見出し設定
************************************/
/* サイドバー見出し */
.sidebar h3 {
  background: transparent;  /* 背景を透明にする */
  text-align: center;  /* 見出しの文を中央揃えにする */
  padding:0px;  /* 周囲の余白（内側） */
  margin: 0px 0px 10px 0px;  /* 周囲の余白（外側） */
  border-bottom: dashed 2px #a8bcc8;  /*下部に波線を表示する */
　	
  color: #5C676D;  /* 色の変更 */
}