h2{
    font-size: 18px;
    font-weight: bolder;
}


/*ヘッダー下コラムタイトル共通デザイン*/
#column_title {
    text-align: center;
    width:95%;
    max-width: 100%;
    margin: 0 auto;

}
#column_title h1 {
    font-size: 24px;
    font-weight: bolder;
    color: #FF0000;
    font-style: italic;
}
#column_title h3 {
    font-size: 16px;
    font-weight: bolder;
    color: #006666;
    text-align: right;
    font-style: italic;
}
#column_title h2 {
    text-align: center;
}

/*コラム本文共通デザイン*/
#main {
    padding: 2em;
}
#main p{
    text-indent: 1em;
    margin:0px;
    line-height: 150%;
}

#main hr.section-gap {
    border: none;        /* 線を消す */
    height: 0;           /* 念のため */
    margin: 1.2em 0;     /* セクション区切りの空隙 */
}

/*イベント概要部分デザイン　パンフレット風*/
.pamphlet {
    margin: 1.2em 0 2em;
}

/* 見開き：デフォルトは縦並び（スマホ想定） */
.pamphlet__spread {
    display: grid;
    gap: 1em;
}
/*単ページごとの基本デザイン（スマホ想定）シンプル仕様*/
.pamphlet__page {
    border: 1px solid #ddd;
    padding: 1em;
}

/*イベントタイトル（PC想定）ロゴ風*/
.pamphlet__h{
    margin: 0 0 0.9em;
    padding: 0.4em 0.6em;
    text-align: center;

    font-size: 1.15em;
    font-weight: 800;
    letter-spacing: 0.06em;
    line-height: 1.25;

    border: 1px solid #222;
    background: linear-gradient(180deg, #fff, #f1f1f1);
}

/* サブタイトル（作品名/イベント名）強調部分 */
.pamphlet__h-sub{
    display: block;
    margin-top: 0.25em;

    font-size: 1.25em;
    font-weight: 900;
    letter-spacing: 0.12em;
}

/*イベント概要箇条書き　dt見出しdd内容*/
.pamphlet__meta {
    display: grid;
    grid-template-columns: 6.5em 1fr;
    gap: 0.4em 0.8em;
    margin: 0;
}
.pamphlet__meta dt {
    font-weight: 700;
}
.pamphlet__meta dd {
    margin: 0;
}

/* タイムテーブル */
.pamphlet__timeline {
    list-style: none;
    padding: 0;
    margin: 0;
}
.pamphlet__timeline > li {
    display: grid;
    grid-template-columns: 4.2em 1fr;
    gap: 0.6em;
    padding: 0.6em 0;
    border-top: 1px dashed #ddd;
}
.pamphlet__timeline > li:first-child {
    border-top: none;
    padding-top: 0;
}

.pamphlet__time {
    font-weight: 700;
    white-space: nowrap;
}

/*丸数字箇条書き*/
@counter-style circled-decimal {
    system: fixed;
    symbols: ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩;
    suffix: " ";
    fallback: decimal;
}

/*sublistは丸数字箇条書きで*/
.pamphlet__sublist {
    margin: 0.5em 0 0;
    list-style: circled-decimal;
    counter-reset: list-item;
}

/*リンク文字小さめ*/
.pamphlet__link a {
    font-size: 0.95em;
}

/* PC幅以上：見開き＋パンフレット感 */
@media (min-width: 769px) {

    .pamphlet__spread {
        grid-template-columns: 1fr 1fr;
        gap: 0;
        border: 1px solid #ddd; /* 外枠 */
        background: #f6f4ee;    /* “紙っぽい”軽い色 */
        padding: 0.8em;   /* ★これを追加 */
    }
    .pamphlet__h{
        margin-bottom: 1.1em;
        border: 1px solid #222;
        background: linear-gradient(180deg, #fff, #f1f1f1)
    }

    .pamphlet__page {
        border: none;
        background: transparent;
        padding: 1.2em 1.4em;
    }

    .pamphlet__page--left {
        border-right: 1px solid #ddd; /* 見開きの背割り */
    }

    /* ほんのり“ページ感” */
    .pamphlet__page--left,
    .pamphlet__page--right {
        background: #fff;
    }

}

/*スマホでタイトル折り返し強制　横スクロール回避*/
@media screen and (max-width:500px){
    #column_title{
        width:100%;
        max-width:100%;
    }
    #column_title h1{
        white-space: normal !important;     /* nowrap殺す */
        overflow-wrap: anywhere;            /* 日本語＋記号でも折る */
        word-break: break-word;             /* 念のため */
        line-height: 1.25;
        max-width: 100%;
    }
}