@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

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

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

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

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

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


/*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:2px;
 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:15px;
 width:350px;
 background:#7ac57a;
 color:#fff;
 font-size:18px;
 font-weight:bold;
 border-radius:2px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#75a575;
 border:2px solid #75a575;
}
/*--------------------
2019.8.29目次カスタマイズ
-----------------------*/
.toc{
	display:block;
	padding:0;
}
.toc-title{
	position:relative;
	background:#888888	;/*最上部背景色*/
	padding:10px 0;
	color:#fff;
	font-weight:bold;
}
.toc-title:before{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	right:50%;
	transform: translate(-50%,0%);
	border:15px solid transparent;
	border-top:15px solid #888888	;/*toc-titleの背景色と同色*/
}
.toc .toc-content{
	padding:10px
}
.toc .toc-content ol li a,
.toc .toc-content ul li a{
	display:block;
	border-bottom:1px dashed #ababab;
	margin-left:-20px;
	padding-left:20px;
}

/*-----------------
 2019.10.22_サイドバー見出し変更
-------------------*/
.sidebar h3 {
    background: none; /*背景色を解除*/
    padding: 0; /*余白をなしに*/
    font-size: 20px; /*文字サイズを小さく*/
    /* letter-spacing: 2px; /*文字の間隔を少し広く*/
    border-bottom: 1px solid #000000; /*アンダーラインの太さとカラー*/
    /* border-left: 1px solid #000000; /*左ラインの太さとカラー*/
}

/*-------------------------------
2019.10.22_サイドバーカテゴリーレイアウト変更
--------------------------------*/
.widget_categories ul li a { /*親カテゴリ用のコード*/
    color: #333;
    text-decoration: none;
    padding: 6px 0;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
    border-top: 1px dotted #ccc; /*上部にボーダーを引く*/
    font-size: 16px;
}
.widget_categories ul li a::before { /*親カテゴリのアイコン*/
    font-family: FontAwesome;
    content: "\f0da";
    padding-right: 10px;
}
.widget_categories > ul > li > a:first-child {
    border-top: none; /*最初の親カテゴリは上部ボーダーを消す*/
}
.widget_categories > ul > li > a:last-child {
    border-bottom: 1px dotted #ccc; /*最後の親カテゴリは下部ボーダーを引く*/
}
.widget_categories ul li a .post-count { /*記事数用のコード*/
    display: block;
    float: right;
    background: #ededed;
    padding: 0 1em;
    font-size: 14px;
    margin-top: .2em;
    border-radius: 4px;
}
.widget_categories ul li a:hover { /*親子共通マウスホバー時*/
    background: none;
    transition: 0.5s;
    color: #72c7e6;
}
.widget_categories ul li a:hover .post-count { /*記事数のマウスホバー時*/
    background: #72c7e6;
    color: #fff;
    transition: 0.5s;
}
.widget_categories ul li ul { /*子カテゴリのボックス*/
    border-bottom: 1px dotted #ccc;
}
.widget_categories ul li ul li a { /*子カテゴリ用のコード*/
    color: #333;
    text-decoration: none;
    padding: 0 4px 4px 4px;
    display: block;
    border: none;
}
.widget_categories ul li ul li a::before { /*子カテゴリのアイコン*/
    font-family: FontAwesome;
    content: "・";
    padding: 0;
}

/*---------------------------------
サイドバー最近の投稿に下線2019.10.15。
  --------------------------------*/
/* .widget_new_entries .display-none {
	/* display: block; 日付を付けるコード*/
	  padding-top: 0em;
	  text-align: right;
} */
  /*---------------------------------
  2019.10.22_サイドバー新着記事文字大きさなど
  --------------------------------*/
  .new-entry-card-title{
    font-size: 16px;
    margin-top: 9.8px;
    margin-bottom: 9.8px;
    /* line-height:1.2; */
}
  .new-entry-card-content{
    line-height: 1.2;
  }
  
/*-----------------
2019.10.16_SNSボタン改造
----------------------*/
/*SNSシェアボタン*/
#main .button-caption {
	display: none; /*キャプション非表示*/
}
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 26px; /*アイコンのサイズ*/
	margin: 0 15px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 50px; /*ボタンの横幅*/
	height: 50px; /*ボタンの高さ*/
}

/*-------------------------------
SNSボタン中央寄せ2019.9.8
--------------------------------*/
.sns-share-buttons {
justify-content: center;
}


/*---------------------------------
2019.10.22_行間
--------------------------------*/
.entry-title {
    font-size: 26px;
    margin: 10px 0;
    line-height: 1.3;
}
.date-tags{
    margin: 0px 0;
}
.entry-content{
    margin: 0px 0;
}
.article h2 {
    margin-top: 40px;
}
.article h3 {
    margin-top: 40px;
}
.article h4 {
    margin-top: 40px;
}
.article h5 {
    margin-top: 40px;
}
.article h6 {
    margin-top: 40px;
  }
/*---------------------------------
2019.10.22_本文、サイドバーに影を付ける
box-shadow: 横の位置 縦の位置 影のぼかし度 影の広さ 色;
--------------------------------*/
.main{
   box-shadow: 8px 3px 10px -13px;
}
.sidebar{
   box-shadow: 8px 3px 10px -13px;
}
.article h2{
   background:#e8e8e8;
}
/*---------------------------------
2019.10.22_コンタクトフォームの問い合わせ欄を大きく。
--------------------------------*/
.wpcf7-select{
   height:46px;
}
.wpcf7-textarea{
   margin: 0;
   padding: 1;
   height: 46px;
}
.wpcf7-form-control-wrap-dpmenu{
  height: 40px;
}
.wpcf7-form-control-wrap {
  display: block;
  text-align: center;
}

/*---------------------------------
2019.10.22_吹き出しの間隔。通常18ｐｘ
wrapで吹き出し全体。
ただ、画像と、吹き出し１行のみの大きさが違ったのでballoonで調整。
→画像の下部を小さくして吹き出し部分と合わせた。
--------------------------------*/
/* .speech-balloon{
  margin: 1.5px;
  margin-top: 7px; */

.speech-wrap{
  margin-top: 5px;
  margin-bottom: 5px;
}
.speech-person{
  height: 2px;
}
.speech-icon{
  height: 2px;
}
.speech-icon-image{
  height: 65.631;
}
/* 2020.9.20 */
.grecaptcha-badge {
  visibility: hidden;
}