@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
display: none;
}
/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
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;
}

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

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

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

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

/*見出しのカスタマイズ*/
h1 {
 color: #316745;/*文字色*/
 padding:  0.5em　0;/*文字の上下の余白*/
 border-top:solid 3px #316745;/*上線*
  background: #f4f4f4;/*背景色*/
  border-bottom: solid 3px #316745;/*下線*/
}

/* H2見出しカスタマイズ */
.article h2 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #316745;/*文字色*/
  background: #cad0de;/*背景色*/
  border-left: solid 5px #316745;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}
/*-- アイキャッチ　カテゴリーラベル非表示 --*/
.eye-catch .cat-label {
display: none;
}
.cat-label {
 display: none;
}
/*-- ヘッダーの文字を太字にし、メニュー下に影をつける --*/
nav#navi, .menu-header .sub-menu{
	font-weight: bold;
}
nav#navi, .menu-header .sub-menu{
	font-weight: bold;
	box-shadow:0 5px 15px -5px rgba(0,0,0,.8);
}
/*-- トップに戻るボタンの位置変更 --*/
.go-to-top {
	right: 10px;
	bottom: 20px;
}
/*-- ページネーションのカスタマイズ --*/
.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: #f08300; /* マウスオーバー時の背景色 */
    color: #fff !important;
}

.pagination .current, .pager-links .current{
    background-color: #f5e56b;
    color: #fff;
}