/*
Theme Name: lightning_child
Template: lightning
Version: 1.0.0
Description: Lightningの子テーマです。
Author: junsuzuki
*/

body {
    font-family: "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", "HGS明朝E", "メイリオ", Meiryo, serif;
}
  
.responsive-layout {
    display: flex;
    flex-direction: column; /* デフォルトは縦並び */
    align-items: center; /* 中央揃え */
}
  
.responsive-layout img {
    width: 100%; /* 画像の幅を100%にする */
    max-width: 500px; /* 画像の最大幅 */
    height: auto; /* 高さ自動調整 */
}
  
 @media (min-width: 768px) {
    /* 768px以上の画面幅の場合 */
    .responsive-layout {
      flex-direction: row; /* 横並びにする */
      align-items: flex-start; /* 上揃え */
    }
  
    .responsive-layout img {
      width: 50%; /* 画像の幅を50%にする */
      max-width: none; /* 最大幅を解除 */
    }
  
    .responsive-layout > * {
      width: 50%; /* 見出しとテキストの幅を50%にする */
      padding: 0 10px; /* 左右に余白を追加 */
    }
}
  
/* responsive-layout クラスを持つ要素内の画像に対するスタイル */
.responsive-layout img {
  object-fit: contain; /* 画像全体を表示 */
  height: auto; /* 高さ自動調整 */
}

/* 幅広画面での responsive-layout クラスを持つ要素内の画像に対するスタイル */
@media (min-width: 768px) {
  .responsive-layout img {
      object-fit: contain; /* 画像全体を表示 */
  }
}

/* カバーブロック内の画像に対するスタイル */
.wp-block-cover__image-background,
.wp-block-cover__video-background {
  object-fit: contain; /* 画像全体を表示 */
  object-position: center center; /* 画像を中央に配置 */
}