/*
 Theme Name: TENJIKU Child
 Template: tenjiku_tcd091
 Text Domain: tenjiku-child
*/


/* ===== migrated from Additional CSS / TCD options ===== */




/* ===== migrated: 親テーマ 追加CSS（全体用） ===== */

.header-logo {
    display: none !important;
}

.site-description {
    display: none !important;
}





/* ===== migrated: 固定ページイントロダクション（page-id-194）専用 ===== */
.page #page_header {
    height: 230px;
}

.page-id-194 .l-sidebar,
.page-id-194 #side_col,
.page-id-194 .p-sidebar,
.page-id-194 .c-sidebar {
  display: none !important;
}

.page-id-194 .l-contents,
.page-id-194 .c-contents,
.page-id-194 .p-contents {
  display: block !important;
}

/* 余白ゆったり版：iPad重視 + PCでもスカスカになり過ぎない設定 */

/* —— ベース（スマホ含む全体） —— */
.page-id-194 .l-main,
.page-id-194 #main_col,
.page-id-194 .p-main,
.page-id-194 .c-main {
  width: 100% !important;
  max-width: 1200px !important;     /* ベースの最大幅（スマホでは画面幅が優先され自動で狭く見えます） */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;     /* スマホでも端ベタを防ぐ最低限の余白 */
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* —— iPad（縦・横どちらも）優先ゾーン：768〜1199px —— */
/* ここを「一番きれい」に見えるように厚めの余白にします */
@media (min-width: 768px) and (max-width: 1199px) {
  .page-id-194 .l-main,
  .page-id-194 #main_col,
  .page-id-194 .p-main,
  .page-id-194 .c-main {
    max-width: 900px !important;    /* iPadで読みやすい行幅 */
    padding-left: 54px !important;   /* 余白しっかり＝第一印象のゆとり */
    padding-right: 54px !important;
  }
}

/* —— iPad横向き（より横幅が広い時は少しだけ余白を増やす） —— */
@media (min-width: 1024px) and (max-width: 1199px) and (orientation: landscape) {
  .page-id-194 .l-main,
  .page-id-194 #main_col,
  .page-id-194 .p-main,
  .page-id-194 .c-main {
    max-width: 900px !important;
    padding-left: 54px !important;
    padding-right: 54px !important;
  }
}

/* —— PC（1200px以上）：余白はしっかり、本文幅は広すぎない —— */
@media (min-width: 1200px) {
  .page-id-194 .l-main,
  .page-id-194 #main_col,
  .page-id-194 .p-main,
  .page-id-194 .c-main {
    max-width: 1200px !important;    /* 1100〜1200pxが“ゆとり×可読性”の目安 */
    padding-left: 52px !important;   /* 40〜64pxの範囲でお好み調整OK */
    padding-right: 52px !important;
  }
}

/* 画像やブロックのはみ出し防止（保険） */
.page-id-194 .l-main img,
.page-id-194 .l-main .wp-block-image img {
  max-width: 100% !important;
  height: auto !important;
}



/* ===== migrated: 固定ページコンセプト（page-id-406）専用 ===== */
.page #page_header {
    height: 230px;
}

.page-id-406 .l-sidebar,
.page-id-406 #side_col,
.page-id-406 .p-sidebar,
.page-id-406 .c-sidebar {
  display: none !important;
}

.page-id-406 .l-contents,
.page-id-406 .c-contents,
.page-id-406 .p-contents {
  display: block !important;
}

/* 余白ゆったり版：iPad重視 + PCでもスカスカになり過ぎない設定 */

/* —— ベース（スマホ含む全体） —— */
.page-id-406 .l-main,
.page-id-406 #main_col,
.page-id-406 .p-main,
.page-id-406 .c-main {
  width: 100% !important;
  max-width: 1200px !important;     /* ベースの最大幅（スマホでは画面幅が優先され自動で狭く見えます） */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;     /* スマホでも端ベタを防ぐ最低限の余白 */
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* —— iPad（縦・横どちらも）優先ゾーン：768〜1199px —— */
/* ここを「一番きれい」に見えるように厚めの余白にします */
@media (min-width: 768px) and (max-width: 1199px) {
  .page-id-406 .l-main,
  .page-id-406 #main_col,
  .page-id-406 .p-main,
  .page-id-406 .c-main {
    max-width: 900px !important;    /* iPadで読みやすい行幅 */
    padding-left: 54px !important;   /* 余白しっかり＝第一印象のゆとり */
    padding-right: 54px !important;
  }
}

/* —— iPad横向き（より横幅が広い時は少しだけ余白を増やす） —— */
@media (min-width: 1024px) and (max-width: 1199px) and (orientation: landscape) {
  .page-id-406 .l-main,
  .page-id-406 #main_col,
  .page-id-406 .p-main,
  .page-id-406 .c-main {
    max-width: 900px !important;
    padding-left: 54px !important;
    padding-right: 54px !important;
  }
}

/* —— PC（1200px以上）：余白はしっかり、本文幅は広すぎない —— */
@media (min-width: 1200px) {
  .page-id-406 .l-main,
  .page-id-406 #main_col,
  .page-id-406 .p-main,
  .page-id-406 .c-main {
    max-width: 1200px !important;    /* 1100〜1200pxが“ゆとり×可読性”の目安 */
    padding-left: 52px !important;   /* 40〜64pxの範囲でお好み調整OK */
    padding-right: 52px !important;
  }
}

/* 画像やブロックのはみ出し防止（保険） */
.page-id-406 .l-main img,
.page-id-406 .l-main .wp-block-image img {
  max-width: 100% !important;
  height: auto !important;
}



/* ===== migrated: 固定ページサービス（page-id-198）専用 ===== */
.page #page_header {
    height: 230px;
}

.page-id-198 .l-sidebar,
.page-id-198 #side_col,
.page-id-198 .p-sidebar,
.page-id-198 .c-sidebar {
  display: none !important;
}

.page-id-198 .l-contents,
.page-id-198 .c-contents,
.page-id-198 .p-contents {
  display: block !important;
}

/* 余白ゆったり版：iPad重視 + PCでもスカスカになり過ぎない設定 */

/* —— ベース（スマホ含む全体） —— */
.page-id-198 .l-main,
.page-id-198 #main_col,
.page-id-198 .p-main,
.page-id-198 .c-main {
  width: 100% !important;
  max-width: 1200px !important;     /* ベースの最大幅（スマホでは画面幅が優先され自動で狭く見えます） */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;     /* スマホでも端ベタを防ぐ最低限の余白 */
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* —— iPad（縦・横どちらも）優先ゾーン：768〜1199px —— */
/* ここを「一番きれい」に見えるように厚めの余白にします */
@media (min-width: 768px) and (max-width: 1199px) {
  .page-id-198 .l-main,
  .page-id-198 #main_col,
  .page-id-198 .p-main,
  .page-id-198 .c-main {
    max-width: 900px !important;    /* iPadで読みやすい行幅 */
    padding-left: 54px !important;   /* 余白しっかり＝第一印象のゆとり */
    padding-right: 54px !important;
  }
}

/* —— iPad横向き（より横幅が広い時は少しだけ余白を増やす） —— */
@media (min-width: 1024px) and (max-width: 1199px) and (orientation: landscape) {
  .page-id-198 .l-main,
  .page-id-198 #main_col,
  .page-id-198 .p-main,
  .page-id-198 .c-main {
    max-width: 900px !important;
    padding-left: 54px !important;
    padding-right: 54px !important;
  }
}

/* —— PC（1200px以上）：余白はしっかり、本文幅は広すぎない —— */
@media (min-width: 1200px) {
  .page-id-198 .l-main,
  .page-id-198 #main_col,
  .page-id-198 .p-main,
  .page-id-198 .c-main {
    max-width: 1200px !important;    /* 1100〜1200pxが“ゆとり×可読性”の目安 */
    padding-left: 52px !important;   /* 40〜64pxの範囲でお好み調整OK */
    padding-right: 52px !important;
  }
}

/* 画像やブロックのはみ出し防止（保険） */
.page-id-198 .l-main img,
.page-id-198 .l-main .wp-block-image img {
  max-width: 100% !important;
  height: auto !important;
}



/* ===== migrated: 固定ページプランニング（page-id-200）専用 ===== */
.page #page_header {
    height: 230px;
}

.page-id-200 .l-sidebar,
.page-id-200 #side_col,
.page-id-200 .p-sidebar,
.page-id-200 .c-sidebar {
  display: none !important;
}

.page-id-200 .l-contents,
.page-id-200 .c-contents,
.page-id-200 .p-contents {
  display: block !important;
}

/* 余白ゆったり版：iPad重視 + PCでもスカスカになり過ぎない設定 */

/* —— ベース（スマホ含む全体） —— */
.page-id-200 .l-main,
.page-id-200 #main_col,
.page-id-200 .p-main,
.page-id-200 .c-main {
  width: 100% !important;
  max-width: 1200px !important;     /* ベースの最大幅（スマホでは画面幅が優先され自動で狭く見えます） */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;     /* スマホでも端ベタを防ぐ最低限の余白 */
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* —— iPad（縦・横どちらも）優先ゾーン：768〜1199px —— */
/* ここを「一番きれい」に見えるように厚めの余白にします */
@media (min-width: 768px) and (max-width: 1199px) {
  .page-id-200 .l-main,
  .page-id-200 #main_col,
  .page-id-200 .p-main,
  .page-id-200 .c-main {
    max-width: 900px !important;    /* iPadで読みやすい行幅 */
    padding-left: 54px !important;   /* 余白しっかり＝第一印象のゆとり */
    padding-right: 54px !important;
  }
}

/* —— iPad横向き（より横幅が広い時は少しだけ余白を増やす） —— */
@media (min-width: 1024px) and (max-width: 1199px) and (orientation: landscape) {
  .page-id-200 .l-main,
  .page-id-200 #main_col,
  .page-id-200 .p-main,
  .page-id-200 .c-main {
    max-width: 900px !important;
    padding-left: 54px !important;
    padding-right: 54px !important;
  }
}

/* —— PC（1200px以上）：余白はしっかり、本文幅は広すぎない —— */
@media (min-width: 1200px) {
  .page-id-200 .l-main,
  .page-id-200 #main_col,
  .page-id-200 .p-main,
  .page-id-200 .c-main {
    max-width: 1200px !important;    /* 1100〜1200pxが“ゆとり×可読性”の目安 */
    padding-left: 52px !important;   /* 40〜64pxの範囲でお好み調整OK */
    padding-right: 52px !important;
  }
}

/* 画像やブロックのはみ出し防止（保険） */
.page-id-200 .l-main img,
.page-id-200 .l-main .wp-block-image img {
  max-width: 100% !important;
  height: auto !important;
}



/* ===== migrated: 固定ページドキュメンテーション（page-id-203）専用 ===== */
.page #page_header {
    height: 230px;
}

.page-id-203 .l-sidebar,
.page-id-203 #side_col,
.page-id-203 .p-sidebar,
.page-id-203 .c-sidebar {
  display: none !important;
}

.page-id-203 .l-contents,
.page-id-203 .c-contents,
.page-id-203 .p-contents {
  display: block !important;
}

/* 余白ゆったり版：iPad重視 + PCでもスカスカになり過ぎない設定 */

/* —— ベース（スマホ含む全体） —— */
.page-id-203 .l-main,
.page-id-203 #main_col,
.page-id-203 .p-main,
.page-id-203 .c-main {
  width: 100% !important;
  max-width: 1200px !important;     /* ベースの最大幅（スマホでは画面幅が優先され自動で狭く見えます） */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;     /* スマホでも端ベタを防ぐ最低限の余白 */
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* —— iPad（縦・横どちらも）優先ゾーン：768〜1199px —— */
/* ここを「一番きれい」に見えるように厚めの余白にします */
@media (min-width: 768px) and (max-width: 1199px) {
  .page-id-203 .l-main,
  .page-id-203 #main_col,
  .page-id-203 .p-main,
  .page-id-203 .c-main {
    max-width: 900px !important;    /* iPadで読みやすい行幅 */
    padding-left: 54px !important;   /* 余白しっかり＝第一印象のゆとり */
    padding-right: 54px !important;
  }
}

/* —— iPad横向き（より横幅が広い時は少しだけ余白を増やす） —— */
@media (min-width: 1024px) and (max-width: 1199px) and (orientation: landscape) {
  .page-id-203 .l-main,
  .page-id-203 #main_col,
  .page-id-203 .p-main,
  .page-id-203 .c-main {
    max-width: 900px !important;
    padding-left: 54px !important;
    padding-right: 54px !important;
  }
}

/* —— PC（1200px以上）：余白はしっかり、本文幅は広すぎない —— */
@media (min-width: 1200px) {
  .page-id-203 .l-main,
  .page-id-203 #main_col,
  .page-id-203 .p-main,
  .page-id-203 .c-main {
    max-width: 1200px !important;    /* 1100〜1200pxが“ゆとり×可読性”の目安 */
    padding-left: 52px !important;   /* 40〜64pxの範囲でお好み調整OK */
    padding-right: 52px !important;
  }
}

/* 画像やブロックのはみ出し防止（保険） */
.page-id-203 .l-main img,
.page-id-203 .l-main .wp-block-image img {
  max-width: 100% !important;
  height: auto !important;
}



/* ===== migrated: 固定ページメンタリング（page-id205）専用 ===== */
.page #page_header {
    height: 230px;
}

.page-id-205 .l-sidebar,
.page-id-205 #side_col,
.page-id-205 .p-sidebar,
.page-id-205 .c-sidebar {
  display: none !important;
}

.page-id-205 .l-contents,
.page-id-205 .c-contents,
.page-id-205 .p-contents {
  display: block !important;
}

/* 余白ゆったり版：iPad重視 + PCでもスカスカになり過ぎない設定 */

/* —— ベース（スマホ含む全体） —— */
.page-id-205 .l-main,
.page-id-205 #main_col,
.page-id-205 .p-main,
.page-id-205 .c-main {
  width: 100% !important;
  max-width: 1200px !important;     /* ベースの最大幅（スマホでは画面幅が優先され自動で狭く見えます） */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;     /* スマホでも端ベタを防ぐ最低限の余白 */
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* —— iPad（縦・横どちらも）優先ゾーン：768〜1199px —— */
/* ここを「一番きれい」に見えるように厚めの余白にします */
@media (min-width: 768px) and (max-width: 1199px) {
  .page-id-205 .l-main,
  .page-id-205 #main_col,
  .page-id-205 .p-main,
  .page-id-205 .c-main {
    max-width: 900px !important;    /* iPadで読みやすい行幅 */
    padding-left: 54px !important;   /* 余白しっかり＝第一印象のゆとり */
    padding-right: 54px !important;
  }
}

/* —— iPad横向き（より横幅が広い時は少しだけ余白を増やす） —— */
@media (min-width: 1024px) and (max-width: 1199px) and (orientation: landscape) {
  .page-id-205 .l-main,
  .page-id-205 #main_col,
  .page-id-205 .p-main,
  .page-id-205 .c-main {
    max-width: 900px !important;
    padding-left: 54px !important;
    padding-right: 54px !important;
  }
}

/* —— PC（1200px以上）：余白はしっかり、本文幅は広すぎない —— */
@media (min-width: 1200px) {
  .page-id-205 .l-main,
  .page-id-205 #main_col,
  .page-id-205 .p-main,
  .page-id-205 .c-main {
    max-width: 1200px !important;    /* 1100〜1200pxが“ゆとり×可読性”の目安 */
    padding-left: 52px !important;   /* 40〜64pxの範囲でお好み調整OK */
    padding-right: 52px !important;
  }
}

/* 画像やブロックのはみ出し防止（保険） */
.page-id-205 .l-main img,
.page-id-205 .l-main .wp-block-image img {
  max-width: 100% !important;
  height: auto !important;
}



/* ===== migrated: 固定ページアバウト（page-id-207）専用 ===== */
.page #page_header {
    height: 230px;
}

.page-id-207 .l-sidebar,
.page-id-207 #side_col,
.page-id-207 .p-sidebar,
.page-id-207 .c-sidebar {
  display: none !important;
}

.page-id-207 .l-contents,
.page-id-207 .c-contents,
.page-id-207 .p-contents {
  display: block !important;
}

/* 余白ゆったり版：iPad重視 + PCでもスカスカになり過ぎない設定 */

/* —— ベース（スマホ含む全体） —— */
.page-id-207 .l-main,
.page-id-207 #main_col,
.page-id-207 .p-main,
.page-id-207 .c-main {
  width: 100% !important;
  max-width: 1200px !important;     /* ベースの最大幅（スマホでは画面幅が優先され自動で狭く見えます） */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;     /* スマホでも端ベタを防ぐ最低限の余白 */
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* —— iPad（縦・横どちらも）優先ゾーン：768〜1199px —— */
/* ここを「一番きれい」に見えるように厚めの余白にします */
@media (min-width: 768px) and (max-width: 1199px) {
  .page-id-207 .l-main,
  .page-id-207 #main_col,
  .page-id-207 .p-main,
  .page-id-207 .c-main {
    max-width: 900px !important;    /* iPadで読みやすい行幅 */
    padding-left: 54px !important;   /* 余白しっかり＝第一印象のゆとり */
    padding-right: 54px !important;
  }
}

/* —— iPad横向き（より横幅が広い時は少しだけ余白を増やす） —— */
@media (min-width: 1024px) and (max-width: 1199px) and (orientation: landscape) {
  .page-id-207 .l-main,
  .page-id-207 #main_col,
  .page-id-207 .p-main,
  .page-id-207 .c-main {
    max-width: 900px !important;
    padding-left: 54px !important;
    padding-right: 54px !important;
  }
}

/* —— PC（1200px以上）：余白はしっかり、本文幅は広すぎない —— */
@media (min-width: 1200px) {
  .page-id-207 .l-main,
  .page-id-207 #main_col,
  .page-id-207 .p-main,
  .page-id-207 .c-main {
    max-width: 1200px !important;    /* 1100〜1200pxが“ゆとり×可読性”の目安 */
    padding-left: 52px !important;   /* 40〜64pxの範囲でお好み調整OK */
    padding-right: 52px !important;
  }
}

/* 画像やブロックのはみ出し防止（保険） */
.page-id-207 .l-main img,
.page-id-207 .l-main .wp-block-image img {
  max-width: 100% !important;
  height: auto !important;
}



/* ===== migrated: 固定ページプロフィール（page-id-209）専用 ===== */
.page #page_header {
    height: 230px;
}

.page-id-209 .l-sidebar,
.page-id-209 #side_col,
.page-id-209 .p-sidebar,
.page-id-209 .c-sidebar {
  display: none !important;
}

.page-id-209 .l-contents,
.page-id-209 .c-contents,
.page-id-209 .p-contents {
  display: block !important;
}

/* 余白ゆったり版：iPad重視 + PCでもスカスカになり過ぎない設定 */

/* —— ベース（スマホ含む全体） —— */
.page-id-209 .l-main,
.page-id-209 #main_col,
.page-id-209 .p-main,
.page-id-209 .c-main {
  width: 100% !important;
  max-width: 1200px !important;     /* ベースの最大幅（スマホでは画面幅が優先され自動で狭く見えます） */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;     /* スマホでも端ベタを防ぐ最低限の余白 */
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* —— iPad（縦・横どちらも）優先ゾーン：768〜1199px —— */
/* ここを「一番きれい」に見えるように厚めの余白にします */
@media (min-width: 768px) and (max-width: 1199px) {
  .page-id-209 .l-main,
  .page-id-209 #main_col,
  .page-id-209 .p-main,
  .page-id-209 .c-main {
    max-width: 900px !important;    /* iPadで読みやすい行幅 */
    padding-left: 54px !important;   /* 余白しっかり＝第一印象のゆとり */
    padding-right: 54px !important;
  }
}

/* —— iPad横向き（より横幅が広い時は少しだけ余白を増やす） —— */
@media (min-width: 1024px) and (max-width: 1199px) and (orientation: landscape) {
  .page-id-209 .l-main,
  .page-id-209 #main_col,
  .page-id-209 .p-main,
  .page-id-209 .c-main {
    max-width: 900px !important;
    padding-left: 54px !important;
    padding-right: 54px !important;
  }
}

/* —— PC（1200px以上）：余白はしっかり、本文幅は広すぎない —— */
@media (min-width: 1200px) {
  .page-id-209 .l-main,
  .page-id-209 #main_col,
  .page-id-209 .p-main,
  .page-id-209 .c-main {
    max-width: 1200px !important;    /* 1100〜1200pxが“ゆとり×可読性”の目安 */
    padding-left: 52px !important;   /* 40〜64pxの範囲でお好み調整OK */
    padding-right: 52px !important;
  }
}

/* 画像やブロックのはみ出し防止（保険） */
.page-id-209 .l-main img,
.page-id-209 .l-main .wp-block-image img {
  max-width: 100% !important;
  height: auto !important;
}



/* ===== migrated: 固定ページブログアーカイブ（page-id-123）専用 ===== */
⁻⁻⁻



/* ===== migrated: 固定ページコンタクト（page-id-219）専用 ===== */
.page #page_header {
    height: 230px;
}

.page-id-219 .l-sidebar,
.page-id-219 #side_col,
.page-id-219 .p-sidebar,
.page-id-219 .c-sidebar {
  display: none !important;
}

.page-id-219 .l-contents,
.page-id-219 .c-contents,
.page-id-219 .p-contents {
  display: block !important;
}

/* 余白ゆったり版：iPad重視 + PCでもスカスカになり過ぎない設定 */

/* —— ベース（スマホ含む全体） —— */
.page-id-219 .l-main,
.page-id-219 #main_col,
.page-id-219 .p-main,
.page-id-219 .c-main {
  width: 100% !important;
  max-width: 1200px !important;     /* ベースの最大幅（スマホでは画面幅が優先され自動で狭く見えます） */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;     /* スマホでも端ベタを防ぐ最低限の余白 */
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* —— iPad（縦・横どちらも）優先ゾーン：768〜1199px —— */
/* ここを「一番きれい」に見えるように厚めの余白にします */
@media (min-width: 768px) and (max-width: 1199px) {
  .page-id-219 .l-main,
  .page-id-219 #main_col,
  .page-id-219 .p-main,
  .page-id-219 .c-main {
    max-width: 900px !important;    /* iPadで読みやすい行幅 */
    padding-left: 54px !important;   /* 余白しっかり＝第一印象のゆとり */
    padding-right: 54px !important;
  }
}

/* —— iPad横向き（より横幅が広い時は少しだけ余白を増やす） —— */
@media (min-width: 1024px) and (max-width: 1199px) and (orientation: landscape) {
  .page-id-219 .l-main,
  .page-id-219 #main_col,
  .page-id-219 .p-main,
  .page-id-219 .c-main {
    max-width: 900px !important;
    padding-left: 54px !important;
    padding-right: 54px !important;
  }
}

/* —— PC（1200px以上）：余白はしっかり、本文幅は広すぎない —— */
@media (min-width: 1200px) {
  .page-id-219 .l-main,
  .page-id-219 #main_col,
  .page-id-219 .p-main,
  .page-id-219 .c-main {
    max-width: 1200px !important;    /* 1100〜1200pxが“ゆとり×可読性”の目安 */
    padding-left: 52px !important;   /* 40〜64pxの範囲でお好み調整OK */
    padding-right: 52px !important;
  }
}

/* 画像やブロックのはみ出し防止（保険） */
.page-id-219 .l-main img,
.page-id-219 .l-main .wp-block-image img {
  max-width: 100% !important;
  height: auto !important;
}



/* ===== migrated: 固定ページプライバシーポリシー（page-id-213）専用 ===== */
.page #page_header {
    height: 230px;
}

.page-id-213 .l-sidebar,
.page-id-213 #side_col,
.page-id-213 .p-sidebar,
.page-id-213 .c-sidebar {
  display: none !important;
}

.page-id-213 .l-contents,
.page-id-213 .c-contents,
.page-id-213 .p-contents {
  display: block !important;
}

/* 余白ゆったり版：iPad重視 + PCでもスカスカになり過ぎない設定 */

/* —— ベース（スマホ含む全体） —— */
.page-id-213 .l-main,
.page-id-213 #main_col,
.page-id-213 .p-main,
.page-id-213 .c-main {
  width: 100% !important;
  max-width: 1200px !important;     /* ベースの最大幅（スマホでは画面幅が優先され自動で狭く見えます） */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;     /* スマホでも端ベタを防ぐ最低限の余白 */
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* —— iPad（縦・横どちらも）優先ゾーン：768〜1199px —— */
/* ここを「一番きれい」に見えるように厚めの余白にします */
@media (min-width: 768px) and (max-width: 1199px) {
  .page-id-213 .l-main,
  .page-id-213 #main_col,
  .page-id-213 .p-main,
  .page-id-213 .c-main {
    max-width: 900px !important;    /* iPadで読みやすい行幅 */
    padding-left: 54px !important;   /* 余白しっかり＝第一印象のゆとり */
    padding-right: 54px !important;
  }
}

/* —— iPad横向き（より横幅が広い時は少しだけ余白を増やす） —— */
@media (min-width: 1024px) and (max-width: 1199px) and (orientation: landscape) {
  .page-id-213 .l-main,
  .page-id-213 #main_col,
  .page-id-213 .p-main,
  .page-id-213 .c-main {
    max-width: 900px !important;
    padding-left: 54px !important;
    padding-right: 54px !important;
  }
}

/* —— PC（1200px以上）：余白はしっかり、本文幅は広すぎない —— */
@media (min-width: 1200px) {
  .page-id-213 .l-main,
  .page-id-213 #main_col,
  .page-id-213 .p-main,
  .page-id-213 .c-main {
    max-width: 1200px !important;    /* 1100〜1200pxが“ゆとり×可読性”の目安 */
    padding-left: 52px !important;   /* 40〜64pxの範囲でお好み調整OK */
    padding-right: 52px !important;
  }
}

/* 画像やブロックのはみ出し防止（保険） */
.page-id-213 .l-main img,
.page-id-213 .l-main .wp-block-image img {
  max-width: 100% !important;
  height: auto !important;
}



































































/* ===== end migrated ===== */