/* WordPress（JIN）上での DB版ページ調整（レイアウト） */

/* voxy-nebiki-db.css の body/* が WP サイト全体に漏れるため戻す */
body.voxy-db-wp {
  background: initial !important;
  font-family: initial !important;
  color: initial !important;
  line-height: initial !important;
}

body.voxy-db-wp .cps-post-box,
body.voxy-db-wp .cps-post-main-box,
body.voxy-db-wp .cps-post-main {
  background: #e8eef5 !important;
  box-shadow: none !important;
}

body.voxy-db-wp #app .page.voxy-db-page {
  max-width: var(--wide, 1080px);
  margin: 24px auto 80px;
  padding: 0 16px 32px;
}

/* 960px テンプレートの外枠を DB版デザイン幅（1080px）に合わせる */
body.voxy-db-wp #contents {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.voxy-db-wp #onecolumn960 {
  width: min(calc(100% - 32px), 1140px) !important;
  max-width: 1140px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  float: none !important;
}

body.voxy-db-wp .cps-post-main-box {
  width: 100% !important;
  max-width: none !important;
}

body.voxy-db-wp .cps-post-thumb,
body.voxy-db-wp .cps-post-meta,
body.voxy-db-wp #rtoc-mokuji-wrapper,
body.voxy-db-wp .cps-post-main > .nebiki-firstview-box,
body.voxy-db-wp .cps-post-main > style,
body.voxy-db-wp .cps-post-main > script {
  display: none !important;
}

body.voxy-db-wp .cps-post-main {
  max-width: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

body.voxy-db-wp .page-footer--wp {
  margin-top: 28px;
}

/* style.css の svg { fill:#2b2b2b } 対策（reset より後） */
body.voxy-db-wp .cps-post-main #app i svg,
body.voxy-db-wp .cps-post-main #app svg {
  fill: currentColor !important;
}

body.voxy-db-wp--test::before {
  content: "TEST — DB版プレビュー（nebiki_info_test）";
  display: block;
  position: sticky;
  top: 0;
  z-index: 200;
  padding: 8px 12px;
  background: #7f1d1d;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}
body.voxy-db-wp .cps-post-header {
  max-width: var(--wide, 1080px);
  margin: 24px auto 14px !important;
  padding: 0 16px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.voxy-db-wp .cps-post-title.entry-title {
  margin: 0 !important;
  padding: 0 0 12px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.12) !important;
  background: transparent !important;
  color: #0f172a !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif !important;
  font-size: clamp(25px, 3.2vw, 38px) !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body.voxy-db-wp .cps-post-title.entry-title::before,
body.voxy-db-wp .cps-post-title.entry-title::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 760px) {
  body.voxy-db-wp .cps-post-header {
    margin: 18px auto 10px !important;
    padding: 0 14px !important;
  }

  body.voxy-db-wp .cps-post-title.entry-title {
    font-size: 24px !important;
    line-height: 1.42 !important;
  }
}
body.voxy-db-wp .toppost-list-box-simple {
  display: none !important;
}