@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){
  /*必要ならばここにコードを書く*/
}

/*以降、自分でカスタマイズしたCSS*/

/*見出しの変更*/

/*.article h2 {
  position: relative;
  padding: 0.5em;
  background: #a6d3c8;
  color: black;
}*/

.article h2 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #FFFFFF;/*文字色*/
  background: #2F4F4F;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}

/*.article h2::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}*/

/*アイキャッチ画像に影を付ける*/
.card-thumb img {
    width: 100%;
    box-shadow: 5px 5px 6px -6px #777;
}

div .date-tags {
	padding:0 ;
	margin:0;
}