@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){
  /*必要ならばここにコードを書く*/
}
/* ホームページの投稿日・更新日を非表示 */
.home .date-tags {
    display: none !important;
}
/* ホーム上部のキャッチコピーをスマホで1行表示 */
@media screen and (max-width: 834px) {
    .home .tagline {
        font-size: 14px !important;
        white-space: nowrap;
    }
}
/* ホーム本文最初の太字キャッチコピーだけを1行にする */
@media screen and (max-width: 834px) {
    .home .entry-content > p:first-of-type {
        white-space: normal !important;
    }

    .home .entry-content > p:first-of-type strong {
        font-size: 14px !important;
        white-space: nowrap !important;
    }
}

/* 自動記事カード */
.category-auto-cards .wp-block-post-template{
  list-style:none;
  margin:0;
  padding:0;
}
.category-auto-cards .wp-block-post{
  background:#fff;
  border:1px solid #e7d7c3;
  border-radius:14px;
  box-shadow:0 3px 10px rgba(107,78,46,.12);
  overflow:hidden;
  padding:0 18px 18px;
  margin-bottom:24px;
}
.category-auto-cards .wp-block-post-featured-image{
  width:calc(100% + 36px);
  margin:0 -18px 14px;
}
.category-auto-cards .wp-block-post-featured-image img{
  display:block;
  width:100%;
  height:auto;
}
.category-auto-cards .wp-block-post-terms{
  margin:0 0 10px;
}
.category-auto-cards .wp-block-post-terms a{
  display:inline-block;
  background:#eef7ea;
  color:#579437!important;
  border-radius:6px;
  padding:5px 10px;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
}
.category-auto-cards .wp-block-post-title{
  background:none!important;
  border:none!important;
  box-shadow:none!important;
  margin:8px 0 12px!important;
  padding:0!important;
  font-size:22px!important;
  line-height:1.5!important;
}
.category-auto-cards .wp-block-post-title:before,
.category-auto-cards .wp-block-post-title:after{
  display:none!important;
}
.category-auto-cards .wp-block-post-title a{
  color:#6b4e2e!important;
  text-decoration:none;
}
.category-auto-cards .wp-block-post-excerpt{
  color:#555;
  margin:0;
}
.category-auto-cards .wp-block-post-excerpt__more-link{
  display:block;
  margin-top:16px;
  padding:14px 12px;
  background:#79b84a;
  color:#fff!important;
  border-radius:10px;
  text-align:center;
  font-size:18px;
  font-weight:bold;
  text-decoration:none;
}

/* 自動記事カードの最終調整 */
.category-auto-cards h2.wp-block-post-title{
  font-size:19px!important;
  line-height:1.45!important;
}

.category-auto-cards a.wp-block-post-excerpt__more-link{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}