/*
Theme Name: Lightning Child
Template: lightning
*/
/*
Theme Name: Lightning Child
Template: lightning
*/

/* ---- ここから実効CSS ---- */

/* 明朝ファミリーを1か所で定義 */
:root{
  --mincho: "Yu Mincho","游明朝",
            "Hiragino Mincho ProN","Hiragino Mincho ProN W3",
            "MS PMincho","ＭＳ Ｐ明朝",
            "Times New Roman",Times,serif;
}

/* 文字はすべて明朝（アイコン類は除外） */
html, body, *:not(i):not([class*="dashicons"]):not([class*="icon"]){
  font-family: var(--mincho) !important;
}

/* 継承しにくいフォーム要素にも明朝を明示 */
input, textarea, select, button {
  font-family: var(--mincho) !important;
}

/* ギャラリーを中央寄せにする */
.vk_slider,
.vk_posts,
.vk_gallery,
.vk_slider .slick-slide,
.vk_posts .slick-slide {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* 画像を中央に揃える */
.vk_slider img,
.vk_gallery img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ===== GALLERY（MetaSlider）を確実に中央寄せ ===== */

/* ショートコードブロック自体を中央に */
.entry-content .wp-block-shortcode{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  width:100%;
  box-sizing:border-box;
}

/* MetaSlider 外枠～内側まで幅と左右中央を固定 */
.entry-content .metaslider,
.entry-content .metaslider .flexslider,
.entry-content .metaslider .flex-viewport{
  margin-left:auto !important;
  margin-right:auto !important;
  max-width:100% !important;
}

/* 各スライドを中央に配置（画像が左に寄るのを防止） */
.entry-content .metaslider .slides li{
  display:flex !important;
  justify-content:center !important;
}

/* 画像は中央＆はみ出し防止 */
.entry-content .metaslider img{
  display:block !important;
  margin:0 auto !important;
  max-width:100% !important;
  height:auto !important;
}

/* 見出しとドットナビも中央に */
.entry-content .metaslider .flex-control-nav{
  left:0; right:0;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

/* 親のグループブロックが“片寄り”指定を持っていても中央に揃える */
.wp-block-group.is-layout-constrained{
  justify-items:center;
}
.wp-block-group.is-layout-constrained > *{
  margin-left:auto !important;
  margin-right:auto !important;
}