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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.sub-caption {
	font-family: "Sawarabi Mincho", sans-serif;	
}

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}

/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
  display: none;
}

/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
  display: none;
}

/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
  display: none;
}

/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
  display: none;
}

/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
  display: none;
}

.date-tags {
	display: none;
}
.author-info {
	display: none;
}

.main {
	padding: 0px 29px;
}


/* topページカテゴリースタイル */

.top-category-grid {
    grid-template-columns: repeat(4, 1fr); 
    gap: 20px;
}

.top-category-grid .bn_big {
    grid-column: span 2; /* 横に2列ぶん広がる */
    grid-row: span 2;    /* 縦に2行ぶん広がる */
}

.top-category-grid img {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px; /* 角丸任意 */
}

.top-category-grid a:hover img {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  filter: brightness(1.1) contrast(0.95) saturate(0.9);
}



/* Full画面幅 */
.full-width {
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
	padding-top: 10px; /* 不要なら削除または、任意の数値を設定してください */
	padding-bottom: 10px; /* 不要なら削除または、任意の数値を設定してください */
}

.entry-content {
    margin-top: 0px;

}
.content {
    margin-top: 0px;
}






/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1100px以下*/
@media screen and (max-width: 1100px){
  .table-scroll.wp-block-table.alignwide {
    overflow-x: auto;
    display: block;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    box-sizing: border-box;
  }

  .table-scroll.wp-block-table.alignwide table {
    min-width: 1000px; /* 必要に応じて調整 */
  }
}

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

	.top-category-grid {
    grid-template-columns: repeat(8, 1fr);
    gap: 15px;
  }

  .top-category-grid .bn_big {
    grid-column: span 4;
    grid-row: span 4;
  }

  .top-category-grid figure:not(.bn_big) {
    grid-column: span 2;
  }
	
	.re-img-text {
    flex-direction: column !important; /* 子要素を縦並びに変更 */
  }

  .re-img-text > .wp-block-column:first-child {
    order: 2; /* テキストを下に */
  }

  .re-img-text > .wp-block-column:last-child {
    order: 1; /* 画像を上に */
  }
	
}

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