@charset "UTF-8";

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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}
/*記事タイルサイズ*/
.entry-card-content {
height:72px;
}
/*記事タイルタイトル高さ*/
.entry-card-content h2{
height:72px;
}
/*コンタクトフォーム7用*/
/* 必須マーク */
.must{
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #F92931;
	border-radius: 20px;
}

/* 任意マーク */
.free {
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #424242;
	border-radius: 20px;
}

/* 項目名を太字にする */
form p {
	font-weight: 600;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 必須項目の入力欄を黄色にする */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	background: rgba(255, 255, 142, 0.46);
}

/* 送信ボタンを見やすくする */
input.wpcf7-submit {
	width: 100%;
	height: 80px;
	background: #27c038;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}
/* 画像にマウスオーバーで薄くなるここから
===================================*/
a img{
  opacity: 1;
  transition: 0.3s;
}
a:hover img{
  opacity: .5;
}
/* グローバルナビ文字のホバーで色変更ここから
===================================*/
.caption-wrap:hover {
    font-weight: bold;
    color: #0099d9;
    border-bottom: 3px solid #0099d9;
}
/*投稿日・更新日を消す場合ここから*/
.page .date-tags {
    display: none;
}
/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
  display: none;
}

/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
  display: none;
}

/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
  display: none;
}

/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
  display: none;
}
/*******************************
ページ送り装飾
********************************/
.pagination-next, .next, .prev, .pager-prev-next{ display: none; }
.pager-numbers a { text-decoration: none; }

.page-numbers{
    border: none !important;
    border-radius: 50%;
    font-family: sans-serif;
    font-size: 80%;
    color: #666 !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    transition: all .1s ease;
    background-color: #ffffff;
}

.pagination a.page-numbers:hover,.pager-numbers a:hover .page-numbers{
    background-color: #f44336; /* マウスオーバー時の背景色 */
    color: #fff !important;
}

.pagination .current, .pager-links .current{
    background-color: #ccc;
    color: #fff;
}
/*******************************
見出しの装飾リセット
********************************/
.article h1 {
    padding: 0;
    background: none;
}
.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}
/*******************************
見出しの装飾
********************************/
h1 {
  /*線の種類（実線） 太さ 色*/
  border-bottom: solid 4px #0599d9;
}
.article h2 {
  /*線の種類（二重線）太さ 色*/
  color: #0599d9;/*文字色*/
  border-bottom: double 3px #0599d9;
}
.article h3 {
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 2px #0599d9;/*上線*/
  border-bottom: solid 2px #0599d9;/*下線*/
}
h4 {
  background: linear-gradient(transparent 85%, #0599d9 85%);
}
/* トップへ戻るボタン横幅最大値変更ここから
===================================*/
.go-to-top-button {
	width: 150px; /* 横幅指定 */
	height: auto;
	max-width: 150px; /* 最大横幅 */
}	
/*******************************
グローバルナビメニュー上下に線追加
********************************/
nav#navi, .menu-header .sub-menu{
     border-bottom:1px solid #999999;	
     border-top:1px solid #999999;
}