/*
Theme Name:   gensen_tcd050 Child
Template:     gensen_tcd050
Description:  親テーマ gensen_tcd050 のカスタマイズ用子テーマ
Author:       Yuriko.Seo
Version:      1.0
*/

/* ここから子テーマ用の追加 CSS を書いていきます */


/*埋め込み要素のはみ出しを防止*/
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

embed, iframe, object, video{
	max-width: 100%;
}

/* figure を幅 auto に戻して中央寄せ */
.post_content figure.aligncenter,
.wp-block-image.aligncenter {
  display: block !important;
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* img 自身も念のため */
.post_content figure.aligncenter img,
.wp-block-image.aligncenter img {
  display: block;
  width: auto !important;
  margin: 0 auto !important;
}

/* iframe を中央寄せ */
.post_content iframe,
.wp-block-embed iframe {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* embed ブロック全体にも念のため text-align 中央 */
.wp-block-embed {
  text-align: center !important;
}

/* 1) まず親コンテナに中央寄せを指示 */
.post_content .wp-block-image {
  text-align: center !important;
}

/* 2) 画像（リンク付きのバナーなど）を inline-block に */
.post_content .wp-block-image img {
  display: inline-block !important;
  margin: 0 !important;
}

/* リンク付きで a がある場合も念のため */
.post_content .wp-block-image a {
  display: inline-block !important;
}

/* ———————— 追加 ———————— */
/* figcaption（.wp-caption-text）を元幅に */
.post_content figcaption,
.post_content .wp-caption-text {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0.5em 0 1em;
  text-align: center;
  line-height: 1.4;
}

/* もし figure 自体も幅いっぱいにしたいなら、auto → 100% に */
.post_content figure.aligncenter,
.wp-block-image.aligncenter {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* トップページ紹介文　少し表示 */
@media only screen and (max-width: 767px) {
  /* .introduce_list_col .info .excerpt を再表示 */
  .introduce_list_col .info .excerpt {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
  }
}


/* フッターメニューの高さ */
.widget_nav_menu ul li a {
    line-height: 1.1;
}

/* 体験談 */
/* ↓ これに書き換え or 上書き ↓ */
.child-pages-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* ２列固定 */
  gap: 1.5em;
  margin: 2em 0;
}