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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
p,
img,
ul,
ol {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/*リンクカードの外枠*/
.keni-link-card_wrap{
position: relative;
padding: 34px 15px 15px 60px; /*外枠と内部との余白*/
border-radius: 0; /*丸みを無しに変更*/
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); /*リンクカードの影*/
}
/*リンクカードURL*/
.keni-link-card_url a{
color: #ffc06e;
}
/*リンクカード擬似*/
.keni-link-card_wrap:before{
position: absolute;
top: 5px; /*上からの位置*/
left: 65px; /*左からの位置*/
padding: 0 10px; /*「上下・左右」余白*/
content: "関連記事"; /*好きなコメントに変更出来ます*/
background-color: #ff4c4c; /*背景色*/
border-radius: 8px; /*枠の丸み*/
color: #fff; /*文字色*/
font-size: 14px; /*文字の大きさ*/
font-weight: bold; /*太文字*/
line-height: 24px; /*行間*/
}
.keni-link-card_wrap:after{
position: absolute;
top: 0; /*上からの位置*/
left: 0; /*左からの位置*/
display: flex; /*フレックスで中身のアイコンを移動可能にする*/
height: 100%; /*枠の高さ*/
padding: 0 15px; /*「上下・左右」余白*/
background-color: #e8f7f7; /*背景色*/
line-height: 25px; /*行間*/
-webkit-justify-content: center; /*上下の中央寄せ*/
justify-content: center; /*上下の中央寄せ*/
-webkit-align-items: center; /*左右の中央寄せ*/
align-items: center; /*左右の中央寄せ*/
font-family: "Font Awesome 5 Free"; /*WEBアイコンの種類*/
content: "\f138"; /*好みのアイコンの番号*/
font-weight:900; /*freeは900指定で表示可能に*/
font-size: 25px; /*アイコンの大きさ*/
color: #00858a; /*アイコンの色*/
}