@charset "UTF-8";

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

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

.sidebar img:hover{
	opacity: 0.6;
  color: #0090ff;
}
.page-id-299 img:hover{
	opacity: 0.6;
  color: #0090ff;
}
.page-id-299 .logo img:hover{
	opacity: 1.0;
}
.post-date  {
	display: none;
}


/* 画像キャプションを中央寄せにする処理 */
.wp-block-image figcaption {
	text-align: center;
}

.entry-card-wrap{
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 1em!important;
}

.entry-card-wrap:hover{
    box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
    transform: translateY(-2px);
    background-color: white; 
    transition: all .3s ease;
}

/*ヘッダー固定*/
.navifixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}


/*目次関係*/
.toc {
    border: 1px solid #777; /*全体の枠線の色*/
    font-size: 0.9em;
    line-height: 1.5;
    padding: 0;
    margin-bottom: 1em;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.toc-title {
    background: #777; /*目次タイトルの背景色*/
    color: #fff; /*目次タイトルの文字色*/
    font-size: 1.1em;
    text-align: center;
    padding: 6px 16px;
}
.toc-title::before {
    font-family: FontAwesome;
    content: '\f0ca'; /*目次タイトルのアイコン*/
    margin-right: 0.5em;
}
.toc-content {
    padding: 8px;
}

.toc ul li a, .toc ol li a {
    display: block;
    border-bottom: 1px dashed #777; /*h3以下の下側ボーダー*/
    margin-left: -20px;
    padding-left: 20px;
	color: #000;
}
.toc ul.toc-list>li, .toc ol.toc-list>li {
    margin-top: 1em;
}
.toc ul.toc-list>li>a, .toc ol.toc-list>li>a {
    border-bottom: 2px solid #777; /*h2の下側ボーダー*/
    font-weight: bold;
}



.author-box{
	width: 100%;
		margin-left: auto;
		margin-right: auto;
}

.author-box .author-content .author-follows .sns-buttons a.follow-button{
	display: none;
} 


#sidebar h3{
  color: #000; /*フォントカラー*/
  background: #fff; /*背景カラー*/
  font-size: 19px; /*フォントサイズ*/
  letter-spacing: 5px; /*文字間隔*/
  text-align: center; /*文字位置中央*/
  margin: 10px 0px 20px 0px;
  padding: 10px 10px 10px 10px;
/*  border-left: 6px solid #fe619a; /*左ラインの太さとカラー*/
  border-bottom: 2px solid #000; /*アンダーラインの太さとカラー*/
  line-height: 100%;
}

/* サイドバー見出し装飾 */
  h3.widget-sidebar-title {
    color: #333333;                      /* 文字色 */
    background: #ffffff;                 /* 背景色 */
    padding: 0.25em 0.6em;               /* [上下][左右]の余白 */
    border: solid 2px #000;           /* [形][太さ][色]の全枠 */
    border-radius: 0.5em;                /* 角丸枠 */
  }

#sidebar {
  color: #000; /*フォントカラー*/
  background: #fff; /*背景カラー*/
/*  font-size: 16px; /*フォントサイズ*/
 text-align: center; /*文字位置中央*/
}


#sidebar .widget{
/*  line-height: 120%; /*行の高さ指定*/
	text-align: center; /*文字位置中央*/
}
/************************************
** ●サイドバータイトル カスタマイズ
************************************/
#sidebar h3{
  position: relative;
  text-align: center; /*文字位置中央 center*/
	    color: #333333;                      /* 文字色 */
    background: #ffffff;                 /* 背景色 */
    padding: 0.25em 0.6em;               /* [上下][左右]の余白 */
    border: solid 2px #000;           /* [形][太さ][色]の全枠 */
    border-radius: 0.5em;                /* 角丸枠 */
}

/************************************
** ●サイドバータイトル スライドインボタン設定時カスタマイズ
************************************/
#sidebar-menu-content h3{
  text-align: center; /*文字位置中央 center*/
	    color: #333333;                      /* 文字色 */
    background: #ffffff;                 /* 背景色 */
    padding: 0.25em 0.6em;               /* [上下][左右]の余白 */
    border: solid 2px #000;           /* [形][太さ][色]の全枠 */
    border-radius: 0.5em;                /* 角丸枠 */
}
#sidebar-menu-content {
  text-align: center; /*文字位置中央 center*/
}
.sns-follow .sns-buttons a{
font-size:26px; /*文字サイズ*/
border: 0;
border-radius: 50%; /*丸くする*/
	margin: 0 6px; /*ボタン同士の間隔*/
width:50px;
height:50px;
}
.sns-follow-buttons {
  justify-content: center;
		
}

/************************************
** ■カテゴリーのカスタマイズ
************************************/
.widget_categories ul li a{ /*親カテゴリー設定*/
  text-decoration: none; /*テキスト装飾無し*/
  color: #333; /*文字色*/
  font-size: 16px; /*フォントサイズ*/
  display: block; /*ブロックボックス生成*/
  padding: 4px 4px 2px 10px; /*上下左右空間*/
  border-bottom: 1px dashed #000; /*親カテゴリー下側にボーダーライン*/
}

.widget_categories > ul > li > a:first-child{ 
  border-top: none; /*最初の親カテゴリー上側のボーダー削除*/
}

.widget_categories ul li ul li a{ /*子カテゴリー設定*/
  text-decoration: none; /*テキスト装飾無し*/
  color: #333; /*文字色*/
  display: block; /*ブロックボックス生成*/
	padding: 4px 4px 2px 10px; /*上下左右空間*/
 	border-bottom: 1px dashed #fff; /*子カテゴリー下側にボーダーライン*/
}


.widget_categories ul li a:hover{ /*マウスホバー時設定*/
  background: #000; /*背景色*/
  color: #fff; /*文字色*/
  transition: all 0.8s ease; /*アニメーション*/
}


/* ページ送りナビの左右を入れ替える(Cocoon ver.2～) */
.pager-post-navi a.prev-post {
    flex-direction: row-reverse;
    padding:10px 5px 10px 10px;
}
.pager-post-navi a.next-post {
    flex-direction: row;
    padding:10px 10px 10px 5px;
}
.pager-post-navi a.next-post .iconfont:before {
	content: '\f053';
}
.pager-post-navi a.prev-post .iconfont:before {
	content: '\f054';
}
.pager-post-navi a.next-post .next-post-title {
	margin: 0 0 0 10px;
}
.pager-post-navi a.prev-post .prev-post-title {
	margin: 0 10px 0 0;
}
@media screen and (min-width: 481px) {
    .pager-post-navi.post-navi-square {
        flex-direction: row-reverse;
    }
    .post-navi-square.post-navi-border a:last-child {
        border-left-width: 1px;
    }
    .post-navi-square.post-navi-border a:first-child {
        border-left-width: 0;
    }
}


/* ページ送りナビの上下を入れ替える */
.pager-post-navi.post-navi-default {
    flex-direction: column-reverse;
}
.post-navi-default.post-navi-border a.prev-post {
    border-top-width: 0;
}
.post-navi-default.post-navi-border a:only-child,
.post-navi-default.post-navi-border a.next-post {
    border-top-width: 1px;
}
@media screen and (max-width: 480px) {
    .pager-post-navi.post-navi-square {
        flex-direction: column-reverse;
    }
    .post-navi-square.post-navi-border a:first-child {
        border-top-width: 0;
    }
    .post-navi-square.post-navi-border a:last-child {
        border-top-width: 1px;
    }
}




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

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

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


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

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