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

.site-name-text-link {
pointer-events: none;
}
/* 見出し */
.article h1{ /*見出し2カスタマイズ*/
font-size: 1.2em;
font-weight: normal;
margin: 35px -8px 20px -8px;
padding: 9px 7px 9px 10px;
border-left: 5px solid #26c212; /*左ラインの太さとカラー*/
}
.article h2{
background:none;
padding: 0;
font-size: 1.0em;
font-weight: normal;
}
.article h2::before { /*h3の先頭*/
font-family:"Font Awesome 5 Free"; /*フォント指定*/
font-weight: 900;
content:"\f138"; /*記号*/
color: #26c212;/*記号の色*/
margin-right:9px; /*記号右側の余白*/
}

/*カテゴリタイトル*/
.archive-title {
font-size:1.2em; /*大きさ*/
font-weight:normal; /*文字の太さ*/
}
.archive-title .fa-folder-open:before{
display: none;
}
/* アイコンの変更 */
.tag .archive-title span:before {
content:"\f138"; /*記号*/
color: #26c212;/*記号の色*/
margin-right:9px; /*記号右側の余白*/
}

/*ウィジェットタイトル*/
#sidebar .widget-sidebar-title{
background:none;
padding: 0;
border-bottom: 2px solid #26c212; /*下線色・太さ*/
font-size: 1.2em;
font-weight: normal;
}
/*タブ見出しボックス（Cocoon 汎用ブロック）のデザインをスタイリッシュにする*/
/*枠組み*/
.tab-caption-box {
	position: relative; /*要素の配置*/
	margin-top: 2em; /*上の余白*/
	margin-right: 2%; /*右の余白*/
	margin-left: 2%; /*左の余白*/
}
/*ラベル*/
.tab-caption-box-label {
	position: absolute; /*要素の配置*/
	top: 0; /*上からの距離*/
	left: 0; /*左からの距離*/
	border-radius: 0; /*丸み*/
	font-size: .833333em; /*文字の大きさ*/
}
/*コンテンツ*/
.tab-caption-box-content {
	padding: 2.2em 1.2em 1em; /*内側の余白*/
	border-width: 1px; /*線の太さ*/
	border-radius: 0; /*丸み*/
	font-size: .9375em; /*文字の大きさ*/
}

/************************************
****　お問い合わせフォーム contact form7
************************************/
.haveto{
font-size:12px;
padding:2px 5px;
background:#26c212;/*必須 色の変更はこちら*/
color:#fff;
border-radius:20px;
margin-right:5px;
position:relative;
bottom:2px;
}
#formbtn{
display: block;
padding:10px;
width:300px;
background:#f7f7f7;
color:#545454;
font-size:17px;
border:none;
border-radius:50px;
margin:25px auto 0;
transition:0.3s;
}
#formbtn:hover{
background:#26c212;/*送信 色の変更はこちら*/
color:#fff;
border-radius:50px;
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}

/*リンクの下線非表示*/
a{
text-decoration: none;
}
a:hover {
color: green;
}
/*サイト非表示*/
.site-name-text {
display: none;
}
/*グローバルナビメニュー マウスオーバーでアンダーライン*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 1px;/*線の位置*/
height: 2px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #26c212;/*線の色*/
transform: scale(0,1);/*マウスオーバーの前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
}
#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}


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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*ウィジェットタイトル*/
.widget-sidebar-title{
background:none;
padding: 0;
border-bottom: 2px solid #26c212; /*下線色・太さ*/
font-size: 1.2em;
font-weight: normal;
}
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}