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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.article-big-text {
  font-size: 1.25em;
  font-weight: bold;
}

.bc-base{text-decoration:none;color:#333;display:block;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.08);font-family:sans-serif;transition:opacity .3s,transform .2s}

.bc-base:hover{opacity:.9;transform:translateY(-2px)}

.bc-thumb{background-position:center;background-size:cover;flex-shrink:0}

.bc-content{padding:15px 15px 0px 15px;flex:1;display:flex;flex-direction:column;justify-content:center}

.bc-title{font-weight:bold;font-size:30px;margin:0 0 5px;line-height:1.4;color:#333}

.bc-desc{font-size:20px;color:#777;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.bc-site{font-size:18px;color:#999;margin-top:8px;display:flex;align-items:center}

.bc-favicon{width:30px;height:30px;margin-right:5px;border-radius:2px}

.bc-simple{display:flex;border:1px solid #e0e0e0}

.bc-simple .bc-thumb{width:30%;min-height:100px}

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

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

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