/*
 Theme Name: Lightning Child
 Template: lightning
 Description: Lightning の子テーマ
 Version: 1.0.0
*/

/* ====== ここから下に自由にカスタムCSSを書く ====== */

/* ブロックエディタのキャンバス幅 */
.editor-styles-wrapper .wp-block {
  max-width: 1200px; 
  margin-left: auto;
  margin-right: auto;
}
.editor-styles-wrapper .wp-block[data-align="wide"] {
  max-width: 1100px;
}
.editor-styles-wrapper .wp-block[data-align="full"] {
  max-width: none;
}

/* サイト全体の最大幅 */
.site-container,
.container,
.vk-container,
.l-mainSection {
  max-width: 960px; 
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

/* 1カラム記事や固定ページ本文の幅 */
.single .entry-body,
.page .entry-body {
  max-width: 900px;  /* 本文コンテンツは狭める */
  margin-left: auto;
  margin-right: auto;
}


/* PCのみ　スマホのみ */

/* デフォルトはどちらも表示 */
.only-sp { display: block; }
.only-pc { display: block; }

/* PC幅では SP を隠す */
@media (min-width:1025px){
  .only-sp { display: none; }
}

/* SP幅では PC を隠す */
@media (max-width:1024px){
  .only-pc { display: none; }
}


/* 保険料金表 */

.tbl-insurance{ max-width:520px; margin:24px auto; }
.tbl-insurance table{ width:100%; border-collapse:collapse; text-align:center; }
.tbl-insurance .tbl-note{ margin:2px 0 0; font-size:10px; color:#555; text-align:center; }
.th .td{text-align:center;}

.tbl-insurance th,
.tbl-insurance td {
  text-align: center;      /* 横方向の中央寄せ */
  vertical-align: middle;  /* 縦方向の中央寄せ */
}