/* ==========================================================================
   p-column-detail — PC/13_ColumnDetail・PC/07_TpmReport（/column/{slug}/。TPM市場レポートはコラム /column/294/）
   本文カラム 720px（中央）・要素間 32px・上下 80px / SP: 左右 16px・要素間 24px・上下 64px
   ========================================================================== */

.p-column-body {
  padding-block: var(--space-80);
}

.p-column-body__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-32);
  width: 100%;
  max-width: calc(var(--layout-article-max) + var(--layout-gutter) * 2);
  margin-inline: auto;
  padding-inline: var(--layout-gutter);
}

.p-column-body__eyecatch-image {
  width: 100%;
}

.p-column-body__share {
  justify-content: flex-end;
}

/* 一覧に戻るボタン（c-button--outline）の配置 */
.p-column-body__back {
  align-self: center;
}

@media (max-width: 1023px) {

  .p-column-body {
    padding-block: var(--space-64);
  }

  .p-column-body__inner {
    gap: var(--space-24);
    padding-inline: var(--space-16); /* Figma SP: 左右 16px */
  }

  .p-column-body__back {
    align-self: stretch; /* Figma SP: 幅いっぱい（343×56） */
  }
}