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

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

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

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

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

/* サイドバー見出し */
.sidebar h3 {
  background: #E9EFED;
  color: #333735;
  border: none;
  border-left: 3px solid #607D7A;
  padding: 10px 14px;
  font-size: 18px;
  font-weight: 500;
}

/* サムネイル上のカテゴリラベルを非表示 */
.cat-label {
  display: none;
}

/* SNSシェアボタンをサイトカラーに統一 */
.sns-share-buttons a {
  background: #fff !important;
  color: #6f8f8c !important;
  border: 1px solid #9fb4b1 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ホバー */
.sns-share-buttons a:hover {
  background: #eef3f2 !important;
  color: #587875 !important;
  opacity: 1 !important;
  transform: none !important;
}

/* ========================================
   内部ブログカード
======================================== */

.internal-blogcard {
  border: 1px solid rgba(104, 137, 135, 0.45) !important;
  border-radius: 0 !important;
  padding: 16px !important;
  background: #fff !important;
}

/* ファビコン・サイト名を非表示 */
.internal-blogcard .blogcard-favicon,
.internal-blogcard .blogcard-domain {
  display: none !important;
}

/* タイトル */
.internal-blogcard .blogcard-title {
  font-weight: 600;
  line-height: 1.6;
  color: #333;
}

/* 抜粋 */
.internal-blogcard .blogcard-snippet {
  line-height: 1.8;
  color: #555;
}

/* 日付 */
.internal-blogcard .blogcard-date {
  font-size: 12px;
  color: #688987;
}
/* ブログカード 微調整 */

/* サムネイルを少し大きく */
.internal-blogcard .blogcard-thumbnail {
  width: 180px !important;
}

/* 抜粋は3行まで */
.internal-blogcard .blogcard-snippet {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 6px;
}

/* タイトル周り */
.internal-blogcard .blogcard-title {
  margin-bottom: 4px;
}

/* 記事下のカテゴリ表示を非表示 */
.entry-categories-tags {
  display: none;
}