@charset "utf-8";

/* 文字色とか */

.small_notes {
    color            : #666666;
    background-color : #ffffff;
    text-align       : left;
    font-size        : 13px;
    font-size        : 1.3rem;
}

.soeur_elder {
    color            : #000000;
    background-color : #bbffff;
}

.soeur_young {
    color            : #000000;
    background-color : #d9ffff;
}

/* CSSの方 */

.chrono_block {
    color            : #000000;
    margin           : 0px 1em;
    display          : table;
    border           : 1px solid #000000;
    border-top       : hidden;
    line-height      : 160%;
}

.chrono_sub_block {
    display          : table;
}

div.chrono_top {
    border-top       : 1px solid #000000;
}

.chrono_free {
/*  color            : #ff208f; */
    color            : #333333;
    border           : hidden;
}

.chrono_block>div {
    display          : table-cell;
}

.chrono_sub_block>div {
    display          : table-cell;
}

.chrono_block div.chrono_img {
    padding          : 10px 10px 10px 0px;
}

.chrono_time {
    padding          : 1em 0.5em;
    width            : 100px;
    background-color : #feefda;
}

.chrono_event {
    padding          : 1em;
    border-left      : 1px solid #000000;
    background-color : #e8ffe8;
    vertical-align   : middle;
}

.img_ground {
    vertical-align   : bottom;
}

.chrono_before {
    margin-top       : 1.5em;
}

.chrono_after {
    margin-bottom    : 1.5em;
}

.top_wait {
    margin-top       : 3em;
}

.chrono_free>div.chrono_time, .chrono_free>div.chrono_event {
    border-left      : hidden;
    background-color : #f6f6f6;
}

.chrono_event>ul {
    margin-top          : 1em;
}

.chrono_event>ul:first-child  { /* てけと */
    margin-top          : 0px;
}

.chrono_event ul>li {
    list-style-type     : disc;
    list-style-position : outside;
    margin-left         : 1em;
    margin-top          : 1em;
}

.chrono_event ul li:first-child {
    margin-top       : 0px;
}

.chrono_img p.img_noborder, .chrono_img p.img_border {
    margin           : 0px;
}

p.chrono_subtxt {
    padding-left     : 1em;
    text-indent      : -1em;
}

p.chrono_subsub {
    padding-left     : 3em;
    text-indent      : -3em;
}

p.chrono_txt, .chrono_txtzone>p {
    text-indent      : 0px;
    margin           : 0.8em 0em;
    line-height      : 150%;
}

p.annotation {
    font-size        : 12px;
    font-size        : 1.2rem;
    color            : #ff0000;
    text-indent      : -1em;
    padding-left     : 1em;
}

/* テーブル（数字中心） */

.table_sheet {
    margin           : 1.5em auto;
    color            : #000000;
}

.table_sheet {
    border-collapse  : separate;
    border-spacing   : 2px;
    background-color : #000000;
    text-align       : center;
    font-size        : 14px;
    font-size        : 1.4rem;
}

.table_sheet td {
    padding          : 3px;
}

.table_num {
    text-align       : right;
    font-size        : 13px;
    font-size        : 1.3rem;
}

.table_title_on {
    margin           : 0px auto 1.5em;
}

.table_title {
    margin-top       : 1.5em;
    color            : #000000;
    text-align       : center;
    font-size        : 14px;
    font-size        : 1.4rem;
}

/* テーブル（文字中心） */

p.partition_title {
    width               : 99%;
    margin              : 2em auto 1em;
    text-indent         : 0px;
    text-align          : center;
    color               : #000000;
    border-left-style   : dotted;
    border-left-color   : olive;
    border-bottom-style : dotted;
    border-bottom-color : olive;
}

.table_work, .table_ghost, .table_free {
    width            : 99%;
    margin           : 0px auto;
    border-collapse  : separate;
    border-spacing   : 1px;
    text-align       : left;
}

.table_work, .table_ghost {
    color            : #000000;
}

.table_free {
    background-color : #f6f6f6;
}

.table_work {
    background-color : #666666;
}

.table_work td, .table_ghost td {
    padding          : 5px;
}

.table_free td {
    padding          : 10px;
}

.table_work td {
    color            : #333333;
}

.table_free td p {
    margin           : 0.25em 0px;
    text-indent      : 1em;
}

.table_free ol {
    margin           : 0.5em 1em 0em 4em;
}

.table_free ol li {
    margin           : 0.25em 0px;
}

.td_time {
    width            : 12%;
}

/* テーブル内テーブル（てけと） */

.pellucidar {
    width            : 100%;
}

.half_mink, .half_bena, .half_dama {
    width            : 50%;
    text-align       : right;
}

.half_bena {
    color            : #000000;
}

.half_mink {
    color            : #ff0000;
}

.half_dama {
    color            : #0000cc;
}

/* 幅が狭めの場合 */

@media only screen and (max-width:1119px)
{
    .chrono_sub_block {
        display      : block;
    }

    .chrono_sub_block>div {
        display      : block;
    }
}

/* 幅が狭い場合のみ（年表用） */

@media only screen and (max-width:999px)
{
    .chrono_sub_block {
        display          : table;
        margin           : 0px auto;
    }

    .chrono_sub_block>div {
        display          : table-cell;
    }

    .chrono_block {
        margin           : 1em 0px 0px;
        display          : block;
        border           : hidden;
    }

    div.chrono_top {
        border-top       : hidden;
    }

    .chrono_block>div.chrono_free {
        color            : #000000;
    }

    .chrono_block>div {
        display          : block;
        border           : 1px solid #000000;
    }

    .chrono_block>div.chrono_event {
        padding          : 1em 0px;
    }
    
    .chrono_free>.chrono_time {
        display          : none;
    }

    .chrono_block>div.chrono_time {
        padding          : 0.5em;
    }

    .chrono_event ul>li {
        margin           : 0.5em 1em 0em 2em;
    }

    .chrono_free>div {
        border           : hidden;
    }

    .chrono_block div.chrono_img {
        padding          : 1em 0px;
    }

    .chrono_time {
        width            : auto;
    }

    div.chrono_event {
        border-top       : hidden;
    }

    p.chrono_subtxt {
        margin           : 0;
        padding          : 0.8em 1em 0.8em 2em;
        text-indent      : -1em;
    }

    p.chrono_subsub {
        margin           : 0;
        padding          : 0.8em 1em 0.8em 4em;
        text-indent      : -3em;
    }

    p.chrono_txt, .chrono_txtzone>p {
        padding-top      : 0.5em;
        margin           : 0px 1em;
        text-indent      : 0px;
    }

    div.chrono_img_only_wide {
        display      : none;
    }

    .chrono_visible_only_wide {
        display      : none;
    }
}

/* 幅が狭い場合のみ（スマホなど想定。てけと） */

.makeup_only_wide {
    width            : 180px;
}

@media only screen and (max-width:640px)
{
    .chrono_sub_block {
        display      : block;
    }

    .chrono_sub_block>div {
        display      : block;
    }

    .chrono_block>div.visible_only_wide {
        display       : none;
    }

    .makeup_only_wide {
        width         : auto;
    }

    .table_work, .table_ghost, .table_free {
        width         : 100%;
    }

    .table_free td {
        padding          : 10px 0px;
    }

    .table_sheet td {
        padding       : 1px;
    }

    .table_sheet {
        border-spacing   : 1px;
        font-size        : 13px;
        font-size        : 1.3rem;
    }
}