@charset "UTF-8";

/* =========================================================
   TUTTI 第18号 専用CSS

   共通CSSで定義済みの本文・見出し・ページ表示・外枠は
   再定義しない。第18号固有の段組み・注記のみを記述する。
   ========================================================= */


/* ---------------------------------------------------------
   1. PDF 2ページ目の段組み
      見出しは全幅、本文のみ2段組み。
   --------------------------------------------------------- */

@media screen and (min-width: 768px) {
    .issue-018 .pdf-two-column {
        column-count: 2;
        column-gap: 2.2rem;
        column-fill: balance;
    }

    .issue-018 .pdf-two-column > .article-heading {
        column-span: all;
        break-after: avoid;
    }

    .issue-018 .pdf-two-column p {
        break-inside: avoid-column;
    }
}


/* ---------------------------------------------------------
   2. 編集後記
   --------------------------------------------------------- */

.issue-018 .afterword {
    margin-top: 1rem;
}

.issue-018 .afterword .small-note {
    font-size: 0.88rem;
    line-height: 1.7;
}


/* ---------------------------------------------------------
   3. スマートフォン表示
   --------------------------------------------------------- */

@media screen and (max-width: 767px) {
    .issue-018 .pdf-two-column {
        column-count: 1;
    }
}