@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}

/*固定ページのシェアボタンを非表示*/
.page .sns-share{
  display: none;
}

/*固定ページのフォローボタンを非表示*/
.page .sns-follow{
  display: none;
}

/*固定ページの投稿日・更新日を非表示*/
.page .date-tags{
  display: none;
}

/*固定ページの投稿者名を非表示*/
.page .author-info{
  display: none;
}

/*新着記事ウィジェット（ショートコード）で投稿日を表示*/
.new-entry-card-date {
  display: block;
}

/*人気記事ウィジェット（ショートコード）で投稿日を表示*/
.popular-entry-card-date {
  display: block;
}

/*関連記事ウィジェット（ショートコード）で投稿日を表示*/
.widget-related-entry-card-date {
  display: block;
}

/************************************
** ヘッダー
************************************/
.header-in {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

/************************************
** 目次
************************************/
/*マーカー(list-style-type)ではなくbefore疑似要素で階層になった連番を生成*/
.toc ol {
  counter-reset: section;
  list-style-type: none;
}
.toc li:before {
  counter-increment: section;
  content: counters(section, ".") ".";
}

/************************************
** モバイルメニュー
************************************/
/*中身*/
/*グローバルメニュースライドインの幅を調整*/
.navi-menu-content.menu-content {
  width: 100%;
  max-width: 240px;
}

/*入力確認時、テキストボックス・テキストエリア・プルダウンの背景色・文字色を変更する*/
input.wpcf7c-conf, textarea.wpcf7c-conf, select.wpcf7c-conf {
    background-color: #eee !important;
    border: solid 1px #eee !important;
    color: #666 !important;
}

/*入力確認時、プレースホルダの色を背景色と同じにする*/
input.wpcf7c-conf::-webkit-input-placeholder {
    color: transparent;
}
input.wpcf7c-conf:-moz-placeholder {
    color: transparent;
}
input.wpcf7c-conf::-moz-placeholder {
    color: transparent;
}
input.wpcf7c-conf:-ms-input-placeholder {
    color: transparent;
}

/*入力確認時オートコンプリート属性が付いているテキストボックスの背景色・文字色を変更*/
input.wpcf7c-conf:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #eee inset;
	-webkit-text-fill-color: #666 !important;
}

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
  .contact th,.contact 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;
  }
  .contact tr:first-child th{
    border-top:1px solid #d7d7d7!important;
  }
  /* 必須・任意のサイズ調整 */
  .contact .required,.contact .any {
    font-size:10px;
  }
  /*確認ボタン*/
  .confirmbtn{
    display: block;
    padding:15px !important;
    width:350px !important;
    background:#fff;
    color:#67c5ff;
    font-size:18px;
    font-weight:bold;
    margin:25px auto 0 !important;
    text-decoration: none;
    border: solid 2px #67c5ff;
    border-radius: 3px;
    transition: .4s;
  }
  /*確認ボタンマウスホバー時*/
  .confirmbtn:hover{
    background:#67c5ff;
    color:#fff;
  }
  /*送信ボタン*/
  .formbtn{
    display: block;
    padding:15px !important;
    width:350px !important;
    background:#fff;
    color:#67c5ff;
    font-size:18px;
    font-weight:bold;
    margin:25px auto 0 !important;
    text-decoration: none;
    border: solid 2px #67c5ff;
    border-radius: 3px;
    transition: .4s;
  }
  /*送信ボタンマウスホバー時*/
  .formbtn:hover{
    background:#67c5ff;
    color:#fff;
  }
  /*戻るボタン*/
  .backbtn{
    display: block;
    padding:15px !important;
    width:350px !important;
    background:#fff;
    color:#00ff7f;
    font-size:18px;
    font-weight:bold;
    margin:25px auto 0 !important;
    text-decoration: none;
    border: solid 2px #00ff7f;
    border-radius: 3px;
    transition: .4s;
  }
  /*戻るボタンマウスホバー時*/
  .backbtn:hover{
    background:#00ff7f;
    color:#fff;
  }
}
/*エラーメッセージのサイズ変更*/
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 130%;
}
/*テーブルキャプションの左寄せ*/
.contact > caption{
  width:100%;
  text-align:left;
}
/*見出し欄*/
.contact th{
  text-align:left;
  font-size:15px;
  color:#444;
  padding-right:5px;
  width:30%;
  background:#f7f7f7;
  border:solid 1px #d7d7d7;
}
/*通常欄*/
.contact td{
  font-size:13px;
  border:solid 1px #d7d7d7;
}
/*横の行とテーブル全体*/
.entry-content .contact tr,.entry-content table{
  border:solid 1px #d7d7d7;
}
/*必須の調整*/
.required{
  font-size:15px;
  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;
}
 */
/*確認ボタン*/
.confirmbtn{
  display: block;
  padding:15px;
  width:100% !important;
  background:#fff;
  color:#67c5ff;
  font-size:18px;
  font-weight:bold;
  margin:25px auto 0;
  text-decoration: none;
  border: solid 2px #67c5ff;
  border-radius: 3px;
  transition: .4s;
}
/*確認ボタンマウスホバー時*/
.confirmbtn:hover{
  background:#67c5ff;
  color:#fff;
}
/*送信ボタン*/
.formbtn{
  display: block;
  padding:15px;
  width:100% !important;
  background:#fff;
  color:#67c5ff;
  font-size:18px;
  font-weight:bold;
  margin:25px auto 0;
  text-decoration: none;
  border: solid 2px #67c5ff;
  border-radius: 3px;
  transition: .4s;
}
/*送信ボタンマウスホバー時*/
.formbtn:hover{
  background:#67c5ff;
  color:#fff;
}
/*戻るボタン*/
.backbtn{
  display: block;
  padding:15px;
  width:100% !important;
  background:#fff;
  color:#00ff7f;
  font-size:18px;
  font-weight:bold;
  margin:25px auto 0;
  text-decoration: none;
  border: solid 2px #00ff7f;
  border-radius: 3px;
  transition: .4s;
}
/*戻るボタンマウスホバー時*/
.backbtn:hover{
  background:#00ff7f;
  color:#fff;
}

/*recaptcha v3の表示を隠す*/
.grecaptcha-badge {
  visibility: hidden;
}
/*recaptcha v3の表示を隠す場合、表示しなければならないテキストの見た目を変更*/
.recaptcha_policy {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 11px !important;
  color: #444 !important;
}
.recaptcha_policy a {
  font-size: 11px !important;
  color: #111 !important;
}

/* 投稿インデックスへ */
.page-for-posts-link {
  display: block;
  text-decoration: none;
  width: 100%;
  position: relative;
}

.page-for-posts-link.pagination-next-link:after {
  font-family: FontAwesome;
  content: "\f105";
  position: absolute;
  right: 10px;
  font-size: 20px;
  transition: all .2s ease;
}

.page-for-posts-link.pagination-next-link:hover::after {
  right: 4px;
  transition: all 0.7s;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px) {
  /*必要ならばここにコードを書く*/
}

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

/*834px以下*/
@media screen and (max-width: 834px) {
  .header-in {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

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

/*480px以下*/
@media screen and (max-width: 480px) {
  .navi-menu-content.menu-content {
    max-width: 50%;
    min-width: 176px;
  }
}