@charset "UTF-8";

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

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


/* ---------------------------------------------------------
   1. PDF本文の段組み
      見出しは段組みの外に出し、全幅で表示する。
   --------------------------------------------------------- */

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

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

    .issue-017 article section.pdf-two-column > .page-marker,
    .issue-017 article section.pdf-two-column > .page-end {
        break-inside: avoid;
    }
}


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

.issue-017 .editorial {
    margin-top: 1rem;
}

.issue-017 .editorial .note {
    font-size: 0.86rem;
    line-height: 1.7;
}


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

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