@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

/*グローバルナビメニュー マウスオーバーで左からアンダーライン*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 1px;/*線の位置*/
height: 1px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #222222;/*線の色*/
transform: scale(0,1);/*マウスオーバーの前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
transform-origin: left;/*線を左側から出す*/
}

#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}

/* リンクにカーソルを合わせた時の色*/
.entry-content a:hover { color: #a8a8a8; }

/* ふわっとエントリーカード(JIN/SANGO風)*/
.entry-card {
    transition: .3s;
}

.entry-card:hover {
    cursor: pointer;
    transform: translateY(-5px);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
}

/* 固定ページのタイトルの中央寄せ*/
.page .entry-title {
	text-align: center;
}

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

/*リンクの下線を消す*/
a{
text-decoration: none;
}

/* カテゴリーラベルを非表示 */
.cat-label{
display: none;
}

/************************************
****　記事本文　ブログカード　ラベル　表示させる　色は#のところ
************************************/
.bct-related .blogcard-label,/*関連記事*/
.bct-reference .blogcard-label,/*参考記事*/
.bct-reference-link .blogcard-label,/*参考リンク*/
.bct-popular .blogcard-label,/*人気記事*/
.bct-together .blogcard-label,/*あわせて読みたい*/
.bct-detail .blogcard-label,/*詳細はこちら*/
.bct-check .blogcard-label,/*チェック*/
.bct-pickup .blogcard-label,/*ピックアップ*/
.bct-official .blogcard-label,/*公式サイト*/
.bct-dl .blogcard-label{/*ダウンロード*/
background-color: #8ed1fc;
}
display: inline !important;
background-color: #90C31F;
margin-left:.5em;
}
@media screen and (max-width: 600px){
.blogcard-label{
margin-left:-0.3em!important;
}
}

/* テーブル、ページ送り、タグクラウド、エントリーカード、関連記事のカード、カルーセル、ページャー、目次、プロフィール、コメント、ランキングの枠線の色*/
table th, table td, .page-numbers, .page-numbers.dots, .tagcloud a, .list.ecb-entry-border .entry-card-wrap, .related-entries.recb-entry-border .related-entry-card-wrap, .carousel .a-wrap, .pager-post-navi.post-navi-border a.a-wrap, .article .toc, .a-wrap .blogcard, .author-box, .comment-reply-link, .ranking-item {
	border-color: #ddd;
}

/* 内部ブログカードのURLを非表示 */
.internal-blogcard-site {
    display: none;
}

/************************************
** ■関連記事カスタマイズ
************************************/
.related-entry-card-wrap.a-wrap.cf{ /*下余白クリア*/
  margin-bottom:0px;
  padding-bottom:0px;
}
.related-entry-card-content.card-content.e-card-content{ /*カード下余白設定*/
  padding-bottom:16px;
}
.related-entry-card-title.card-title.e-card-title{
  font-size: 16px; /*フォントサイズ*/
  height: 67px!important; /*メニュー縦幅設定*/
  display: flex;
  align-items: center; /*縦中央寄せ*/
}

/*ウィジェットカテゴリー前の階層わけ*/
.widget_categories .children a:before {
	content:

/*ウィジェットカテゴリーの行間調整*/
.widget {
  margin-bottom: 30px;
}

/*サブメニュー余白・*/
.navi .sub-menu {
	padding-top: 20px !important; /*上余白*/
	background-color: rgba(255,255,255,0.8) !important; /*背景色・透過・一番右が透過率*/
}
.navi-in>ul .sub-menu li {
	margin: 5px 0px 5px 0px !important; /*余白*/
	padding: 0px 0px 0px 0px !important; /*余白*/
	height: 30px !important; /*高さ*/
}
.navi-in>ul .sub-menu li a {
	color: #222222 !important; /*文字色*/
}


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

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

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