@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){
  /*必要ならばここにコードを書く*/
}
/* ==================================================
   ママ応援部｜仕上げ調整
================================================== */

/* Cocoon側の不要な下線・装飾を抑える */
.mama-directory + hr,
.mama-directory ~ hr,
.mama-directory .article-footer,
.mama-directory .post-footer,
.mama-directory .sns-share,
.mama-directory .sns-follow {
  display: none !important;
}

/* カードを少しコンパクトに */
.mama-member-card {
  border-radius: 22px;
}

/* 名前を一覧で読みやすく */
.mama-member-card h3 {
  font-size: 21px;
  line-height: 1.6;
  letter-spacing: .03em;
  border-left: 4px solid #b9d0dc;
  padding-left: 12px;
  margin-top: 12px;
}

/* 紹介文の行数を揃える */
.mama-member-card p {
  line-height: 1.8;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* タグを見やすく */
.mama-tag {
  font-weight: 600;
}

/* ボタンを少し柔らかく */
.mama-member-link {
  margin-top: 14px;
  padding: 13px 15px;
  font-size: 14px;
}

/* スマホ時の余白 */
@media(max-width:600px) {
  .mama-directory {
    padding-bottom: 20px;
  }

  .mama-member-body {
    padding: 18px;
  }

 .mama-member-card h3 {
  font-size: 21px;
  line-height: 1.6;
  letter-spacing: .03em;
  margin: 12px 0 10px;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}
}