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

/**********************************************
** 固定ページの新着記事一覧(new_list)を
** 2カラム表示にする
**********************************************/
.new-entry-cards.fp-new-entry-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}

.fp-new-entry-cards .new-entry-card-link.a-wrap {
    display: inline-block;
    width: 49.5%;
}


/**********************************************
** パンくずリストの変更
**********************************************/
.breadcrumb-home{
	color: #89A64B;
	font-size: 14px;
}

.breadcrumb-item{
	color: #89A64B;
	font-size: 14px;
}

.breadcrumb-caption{
	color: #89A64B;
	font-size: 14px;
	font-weight: bold;
}

/**********************************************
** シェアボタンの変更
**********************************************/

.share-buttons {
  height: 90px; /* 任意の高さに調整 */
}

.button-caption {
  font-size: 5px　!important; /* お好きなサイズに変更 */
}


/***********************************************
 * 固定ページの投稿日、更新日、投稿者名を非表示にする*
 *********************************************** */
.page .date-tags,
.page .author-info {
    display: none;
}


/*投稿ページのデザイン用CSS*/

.custom-archive-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 20px;
}

.custom-archive-item {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #89A64B; /* 明るい黄緑で区切り線 */
  border-radius: 8px;
  overflow: hidden;
}

.custom-thumb {
  flex: 1 1 40%;
  max-width: 40%;
}

.custom-thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.custom-content {
  flex: 1 1 60%;
  padding: 15px;
}

.custom-title {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 0 10px;
}

.custom-excerpt {
  font-size: 1rem;
  line-height: 1.6;
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
  .custom-archive-item {
    flex-direction: column;
  }
  .custom-thumb,
  .custom-content {
    max-width: 100%;
  }
}

.responsive-two-column {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 10px;
}

.responsive-two-column li {
  width: 48%;
  margin-bottom: 10px;
  border: 2px solid #89A64B; /* 枠線の色と太さ */
  padding: 10px;              /* 内側の余白 */
  box-sizing: border-box;     /* 幅にpaddingとborderを含める */
}

/* スマホ表示時の調整 */
@media screen and (max-width: 768px) {
  .responsive-two-column li {
	box-sizing: border-box;
    width: 100%;
   /*text-align: center;*/ 
  }
	
ul.responsive-two-column {
  padding-left: 0;
  margin-left: 0;
}


#comment-area{
  display: none;
}