@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.entry-date,.date-tags{display:none;}@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
*/

/************************************
****　エントリーカードインデックス
************************************/
a.entry-card-wrap.a-wrap.border-element.cf{
padding:0 0 .5em;
border-radius:6px;
width:49%;
margin-bottom:1em;
}
a.entry-card-wrap.a-wrap{
transition: all .1s;
}

a.entry-card-wrap.a-wrap:hover {/*カーソルをホバーした際の設定*/
transform: translateY(-1px);/*少し浮かす*/
transition: all .1s;/*浮かす速さ*/
background-color: #fff;/*カーソルをホバーした際の背景の色*/
}
figure.entry-card-thumb.card-thumb.e-card-thumb{/*エントリーカードの形設定*/
max-height:200px;
border-radius:6px 6px 0 0/ 6px 6px 0 0;
overflow:hidden;
display: flex;
justify-content: center;
align-items: center;
}
.e-card-thumb .cat-label{/*ラベル位置*/
margin-top:.3em;
margin-left:.3em;
}
.cat-label {background-color: #004f9d!important;}
/************************************
** ヘッドナビ部分
************************************/
#navi .navi-in a{color:#008000;font-size:1rem;}
#navi .navi-in a:hover {background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(76,253,45,1) 100%);transition: all 0.3s ease-in-out;color: #FFFFFF;}
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 1px;/*線の位置*/
height: 2px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #556b2f;/*線の色*/
transform: scale(0,1);/*マウスオーバーの前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
}
#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}
.navi-in > ul .sub-menu a {padding-left: 16px;padding-right: 16px;font-size:12px!important;}

/*ヘッダーの現在のページに色を付ける指定*/
.page-id-55 #navi li:nth-child(2) a {background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(76,253,45,1) 100%);color: #FFFFFF;}
.page-id-58 #navi li:nth-child(3) a {background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(76,253,45,1) 100%);color: #FFFFFF;}
.page-id-61 #navi li:nth-child(4) a {background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(76,253,45,1) 100%);color: #FFFFFF;}
.page-id-17 #navi li:nth-child(5) a {background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(76,253,45,1) 100%);color: #FFFFFF;}
.page-id-125 #navi li:nth-child(6) a {background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(76,253,45,1) 100%);color: #FFFFFF;}

/************************************
** サイドバーの設定
************************************/

@media screen and (max-width: 1100px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:120px;
}}
@media screen and (max-width: 1023px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:180px;
}
a.entry-card-wrap.a-wrap:hover {
transform: none;
background-color: #f7f7f7;
}}
@media screen and (max-width: 900px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:160px;
}}
@media screen and (max-width: 750px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:130px;
}}
@media screen and (max-width: 600px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:250px;
}
a.entry-card-wrap.a-wrap.border-element.cf{
margin:.5em 1em!important;
}
.ect-vertical-card .entry-card-wrap {
width: 95%!important;
}
}
@media screen and (max-width: 480px){
.e-card-thumb .cat-label{
margin-left:1em;
}}
@media screen and (max-width: 1023px){
div#list a {
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}
}
@media screen and (min-width: 601px) and (max-width: 834px){
div#content.content.cf{
margin:1em;
}}
h2.entry-card-title.card-title.e-card-title{/*タイトル部変更*/
font-size:18px;/*文字サイズ*/
color:#7b7b7b;/*文字の色*/
font-weight:bold;
text-align:center;
line-height:1.8em;
margin-top:0.5em;
margin-bottom:0em;
padding: 0 0.3em 0;
}
.entry-card-snippet.card-snippet.e-card-snippet{/*抜粋文の設定*/
font-size:14px;/*文字サイズ変更*/
color:#7b7b7b;/*文字の色変更*/
text-align:center;/*文字の配置変更*/
border-top:3px dotted #c0c0c0;/*点線の色変更*/
line-height:1.8em;
padding-top:0.6em;
margin-left:2em;
margin-right:2em;
margin-bottom:1em;
max-height:20em;
}
.eye-catch .cat-label, .cat-label{/*ラベルの設定*/
font-size:.7em;/*カテゴリーラベルの文字サイズ変更*/
padding:0 0.5em 0;/*カテゴリーラベルの位置変更*/
opacity: 0.85;/*カテゴリーラベルの透明度変更*/
background-color:#f5f5f5;/*カテゴリーラベルの色変更*/
color:#696969;/*カテゴリーラベルの文字色変更*/
}
div.admin-pv{/*閲覧数を非表示*/
display:none;
}