@font-face {
    font-family: "マキナスFlat";
    src: local("Makinas-4-Flat"),
    local("Makinas 4 Flat"),
    local("マキナス 4 Flat"),
    url("../../assets/fonts/Makinas-4-Flat-sub.woff2?version=1.2.0");
}

body > .body {
    background-color: lightslategray;
    background-image: url("../../core/pictures/bg.png");
}
@media all and (min-width: 1280px) {
    body > .body {
        padding: 2rem;
    }
}
body > .body > .body-inner {
    background-color: rgba(240, 248, 255, 0.35);
}
@media screen and (min-width: 1441px) {
    body > .body > .body-inner{
        width: min(93rem, 90vw);
    }
}
@media screen and (max-width: 1440px) {
    body > .body > .body-inner {
        width: 100%;
    }
}

@media screen and (min-width: 1280px) {
    .hamburger-menu[data-title="全体メニュー"] {
        width: 30em;
        font-size: 0.9rem;
    }
}
@media screen and (max-width: 1278px) {
    .hamburger-menu[data-title="全体メニュー"] {
        font-size: 0.9rem;
    }
}

:is(.character-sheet, .virtual-window[data-title="ミッションクリア報酬"]) :is(input[type="text"], input[type="number"], textarea, select) {
    background-color: #e9f4e9;
    border: 2px solid rgba(128, 128, 128, 0.5);

    &[readonly], &[disabled] {
        color: black;
        background-color: #d4e4d4;
        opacity: 1;
    }
}
.character-sheet .error > :is(input[type="text"], input[type="number"], textarea) {
    background-color: #d6a69b;
}
.character-sheet[data-mode="blank"] .image-property .dummy, .character-sheet[data-mode="mine"] .image-property .dummy {
    background-color: #e9f4e9;
}

.character-sheet .hamburger-button {
    --line-color: black;
}

.character-limit {
    --outline-size: 2px;
    text-shadow: var(--outline-size) var(--outline-size) 0 #FFF, calc(var(--outline-size) * -1) calc(var(--outline-size) * -1) 0 #FFF,
    calc(var(--outline-size) * -1) var(--outline-size) 0 #FFF, var(--outline-size) calc(var(--outline-size) * -1) 0 #FFF,
    0 var(--outline-size) 0 #FFF, 0 calc(var(--outline-size) * -1) 0 #FFF,
    calc(var(--outline-size) * -1) 0 0 #FFF, var(--outline-size) 0 0 #FFF;
}

.dialog.edit-external-content {
    min-width: min(68em, 80vw);
}

.character-sheet[data-name="シュヴァリエ"] > [data-name="キャラクター"], .character-sheet[data-name="シュヴァリエ"] > [data-name="リヴァルチャー"], .character-sheet[data-name="フィアンセ"] {
    background-color: rgba(240, 248, 255, 0.57);
    box-sizing: border-box;
    --sheet-section-padding: 1.2rem;
    padding: 0 var(--sheet-section-padding) var(--sheet-section-padding) var(--sheet-section-padding);
}
@media screen and (max-width: 1279px) {
    .character-sheet[data-name="シュヴァリエ"] > [data-name="キャラクター"], .character-sheet[data-name="シュヴァリエ"] > [data-name="リヴァルチャー"], .character-sheet[data-name="フィアンセ"] {
        --sheet-section-padding: 2rem;
    }
}

.character-sheet[data-name="シュヴァリエ"], .character-sheet[data-name="フィアンセ"] {
    float: left;
}

.character-sheet[data-name="シュヴァリエ"] {
    width: calc(100% - 2rem - (250px + 1rem + (1.2rem * 2)));
    display: flex;
    flex-flow: row;
    --role-name: "シュヴァリエ";
}
@media screen and (max-width: 1279px) {
    .character-sheet[data-name="シュヴァリエ"] {
        display: block;
        width: auto;
    }
}
.character-sheet[data-name="フィアンセ"] {
    --role-name: "フィアンセ";
    width: calc(250px + 1rem + (1.2rem * 2));
}
@media screen and (max-width: 1279px) {
    .character-sheet[data-name="フィアンセ"] {
        width: 100%;
    }
}

.character-sheet {
    --sheet-section-title-height: calc(1.2rem + 1.5rem);
    --row-header-width: 1.5rem;
    --row-header-font-size: 0.8rem;
}
@media screen and (max-width: 1279px) {
    .character-sheet {
        --sheet-section-title-height: 5rem;
        --row-height: 2.5rem;
        --row-header-width: 2.5rem;
        --row-header-font-size: 1rem;
    }
}
.character-sheet > [data-name="キャラクター"]::before, .character-sheet[data-name="シュヴァリエ"] > [data-name="リヴァルチャー"] > .name {
    width: 100%;
    height: var(--sheet-section-title-height);
    display: flex;
    font-weight: bolder;
    font-size: larger;
    justify-content: center;
    align-items: center;
    font-family: "Makinas 4 Flat", "マキナス 4 Flat", "マキナスFlat", sans-serif;
}
@media screen and (max-width: 1279px) {
    .character-sheet > [data-name="キャラクター"]::before, .character-sheet[data-name="シュヴァリエ"] > [data-name="リヴァルチャー"] > .name {
        font-size: xx-large;
    }
}

.character-sheet[data-name="シュヴァリエ"] > [data-name="キャラクター"] {
    width: calc(250px + 1rem + (1.2rem * 2));
    display: flex;
    flex-flow: column;
}
@media screen and (max-width: 1279px) {
    .character-sheet[data-name="シュヴァリエ"] > [data-name="キャラクター"] {
        width: 100%;
        height: auto;
    }
}
.character-sheet[data-name="シュヴァリエ"] > [data-name="キャラクター"]::before{
    content: var(--role-name);
}

[data-name="キャラクター"] > .button-container {
    width: 100%;
    height: 0;
    overflow-y: visible;
    --button-size: 2.2rem;
    position: relative;
    top: calc(max(var(--sheet-section-title-height) * 0.8, var(--button-size)) * -1);
}
@media screen and (max-width: 1279px) {
    [data-name="キャラクター"] > .button-container {
        --button-size: 3rem;
    }
}
[data-name="キャラクター"] > .button-container > .partner-menu-button {
    width: var(--button-size);
    height: var(--button-size);
    float: right;
}

[data-name="キャラクター"] > .name{
    display: none;
}
[data-name="キャラクター"] > [data-name] {
    width: 100%;
    margin-bottom: 0.4rem;
}
@media screen and (max-width: 1279px) {
    [data-name="キャラクター"] > [data-name] {
        height: var(--row-height);
        margin-bottom: 1rem;
    }
}
@media screen and (max-width: 999px) {
    [data-name="キャラクター"] > [data-name] {
        height: auto;
        flex-flow: column;
    }
    [data-name="キャラクター"] > [data-name] .character-limit{
        width: 100%;
        height: 0;
        text-align: right;
    }
    [data-mode="others"] [data-name="キャラクター"] > [data-name] {
        display: block;
    }
    [data-mode="others"] [data-name="キャラクター"] > [data-name]::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        clear: both;
    }
}
@media screen and (min-width: 1280px) {
    [data-name="キャラクター"] > [data-name="名前"], [data-name="キャラクター"] > [data-name="適性"], [data-name="キャラクター"] > [data-name="あなたの物語"] {
        height: 2rem;
    }
}
[data-mode="others"] [data-name="キャラクター"] > [data-name="名前"], [data-mode="others"] [data-name="キャラクター"] > [data-name="適性"], [data-mode="others"] [data-name="キャラクター"] > [data-name="あなたの物語"]{
    border-bottom: 1px solid rgba(128, 128, 128, 0.5);
}
[data-name="キャラクター"] > [data-name="名前"] {
    --headline-width: 2.4rem;
}
@media screen and (max-width: 1279px) {
    [data-name="キャラクター"] > [data-name="名前"] {
        --headline-width: 10.5rem;
    }
}
[data-mode="others"] [data-name="キャラクター"] > [data-name="名前"] {
    font-weight: bolder;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="キャラクター"] > [data-name="名前"] {
        display: flex;
        justify-content: center;
    }
}
[data-name="シュヴァリエ"] [data-name="キャラクター"] > [data-name="適性"] {
    --headline-width: 8.3rem;
}
[data-name="フィアンセ"] [data-name="キャラクター"] > [data-name="適性"] {
    --headline-width: 7.2rem;
}
@media screen and (max-width: 1279px) {
    [data-name="シュヴァリエ"] [data-name="キャラクター"] > [data-name="適性"] {
        --headline-width: 10.5rem;
    }
    [data-name="フィアンセ"] [data-name="キャラクター"] > [data-name="適性"] {
        --headline-width: 10.5rem;
    }
}
[data-name="キャラクター"] > [data-name="あなたの物語"] {
    --headline-width: 6.5rem;
    margin-bottom: 0.8rem;
}
@media screen and (max-width: 1279px) {
    [data-name="キャラクター"] > [data-name="あなたの物語"] {
        --headline-width: 10.5rem;
        margin-bottom: 2rem;
    }
}
[data-name="キャラクター"] > [data-name="設定メモ"] {
    height: 6rem;
    flex-flow: column;
}
@media screen and (max-width: 1279px) {
    [data-name="キャラクター"] > [data-name="設定メモ"] {
        height: auto;
        margin-bottom: 2rem;
    }
}
[data-mode="others"] [data-name="キャラクター"] > [data-name="設定メモ"] {
    border-color: rgba(128, 128, 128, 0.5);
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding-left: 0.5em;
    box-sizing: border-box;
}
@media screen and (max-width: 1279px) {
    [data-mode="others"] [data-name="キャラクター"] > [data-name="設定メモ"] {
        border-width: 0;
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="キャラクター"] > [data-name="設定メモ"] {
        padding-left: 0;
    }
}
[data-mode="others"] [data-name="キャラクター"] > [data-name="設定メモ"][data-current-size="0"] {
    border-left-width: 0;
    border-bottom-width: 0;
}
@media screen and (max-width: 1279px) {
    [data-mode="others"] [data-name="キャラクター"] > [data-name="設定メモ"][data-current-size="0"] {
        display: none;
    }

    [data-mode="others"] [data-name="キャラクター"] > [data-name="設定メモ"] > .value {
        border-top: 1px solid rgba(128, 128, 128, 0.5);
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="キャラクター"] > [data-name="設定メモ"] > .value {
        border-top: none;
        border-bottom: 1px solid rgba(128, 128, 128, 0.5);
    }
}
[data-name="キャラクター"] > [data-name="容姿"] {
    --image-width: 250px;
    --image-height: 250px;
}
@media screen and (min-width: 500px) and (max-width: 1279px) {
    [data-name="キャラクター"] > [data-name="容姿"] {
        --image-width: 500px;
        --image-height: 500px;
        margin-bottom: 2rem;
        width: var(--image-node-width);
        height: var(--image-node-height);
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 999px) {
    [data-name="キャラクター"] > [data-name="容姿"] {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
}
@media screen and (max-width: 699px) {
    [data-name="キャラクター"] > [data-name="容姿"] {
        --image-width: 400px;
        --image-height: 400px;
    }
}
@media screen and (max-width: 599px) {
    [data-name="キャラクター"] > [data-name="容姿"] {
        --image-width: 300px;
        --image-height: 300px;
    }
}
@media screen and (max-width: 499px) {
    [data-name="キャラクター"] > [data-name="容姿"] {
        --image-width: 250px;
        --image-height: 250px;
    }
}
@media screen and (max-width: 449px) {
    [data-name="キャラクター"] > [data-name="容姿"] {
        --image-width: 150px;
        --image-height: 150px;
    }
}
@media all and (min-width: 1280px) {
    [data-name="キャラクター"] > [data-name^="パートナー"] {
        height: 3rem;
        display: block;
    }
}
@media all and (max-width: 1279px) {
    [data-name="キャラクター"] > [data-name^="パートナー"] {
        --headline-width: 16em;
    }
    [data-name="キャラクター"] > [data-name="パートナーをどう呼ぶ？"] {
        margin-bottom: 0;
    }
}

[data-mode="others"] [data-name="キャラクター"] > [data-name^="パートナー"]{
    border-bottom: 1px solid rgba(128, 128, 128, 0.5);
    box-sizing: border-box;
}
[data-name="キャラクター"] > [data-name] > .name {
    width: var(--headline-width);
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}
@media screen and (max-width: 1279px) {
    [data-name="キャラクター"] > [data-name] > .name {
        justify-content: flex-end;
        padding-right: 0.25em;
    }
}
@media screen and (max-width: 999px) {
    [data-name="キャラクター"] > [data-name] > .name {
        height: var(--row-height);
        justify-content: flex-start;
        width: 100%;
    }

    [data-mode="others"] [data-name="キャラクター"] > [data-name] > .name {
        width: auto;
        float: left;
        height: auto;
        min-height: var(--row-height);
    }
}
[data-mode="others"] [data-name="キャラクター"] > [data-name="名前"] > .name{
    display: none;
}
[data-name="キャラクター"] > [data-name] > .value {
    height: 100%;
    width: calc(100% - var(--headline-width));
    box-sizing: border-box;
}
@media screen and (max-width: 999px) {
    [data-name="キャラクター"] > [data-name] > .value {
        height: var(--row-height);
        width: 100%;
    }
}
[data-mode="others"] [data-name="キャラクター"] > [data-name] > .value {
    width: auto;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="キャラクター"] > [data-name] > .value {
        height: auto;
        min-height: var(--row-height);
        float: left;
        margin-left: 0.5rem;
    }
}
[data-name="キャラクター"] > [data-name="適性"] > .name {
    font-size: 92%;
}
[data-name="キャラクター"] > [data-name="適性"] > .name::before{
    content: var(--role-name);
    display: inline;
}
[data-name="キャラクター"] > [data-name="設定メモ"] > .name, [data-name="キャラクター"] > [data-name="設定メモ"] > .value{
    width: 100%;
}
[data-name="キャラクター"] > [data-name="設定メモ"] > .name {
    height: 1.2rem;
    font-size: 80%;
}
@media screen and (max-width: 1279px) and (min-width: 1000px) {
    [data-name="キャラクター"] > [data-name="設定メモ"] > .name {
        height: auto;
        font-size: inherit;
        justify-content: center;
        margin-bottom: 0.5em;
    }
}
@media screen and (max-width: 999px) {
    [data-name="キャラクター"] > [data-name="設定メモ"] > .name {
        height: var(--row-height);
        justify-content: flex-start;
    }
}
[data-mode="others"] [data-name="キャラクター"] > [data-name="設定メモ"] > .name {
    margin-bottom: 0.2rem;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="キャラクター"] > [data-name="設定メモ"] > .name {
        width: 100%;
        margin-bottom: 0.25rem;
        padding-right: 0;
    }
    [data-mode="others"] [data-name="キャラクター"] > [data-name="設定メモ"] > .name::after {
        content: ":";
    }
}
[data-mode="others"] [data-name="キャラクター"] > [data-name="設定メモ"][data-current-size="0"] > .name {
    display: none;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="キャラクター"] > [data-name="名前"] > .value {
        margin-left: 0;
        width: 100%;
        justify-content: center;
        height: auto;
        min-height: var(--row-height);
    }
}
[data-name="キャラクター"] > [data-name="設定メモ"] > .value {
    height: calc(100% - 1.2rem);
    font-size: 8.5pt;
}
@media screen and (max-width: 1279px) {
    [data-name="キャラクター"] > [data-name="設定メモ"] > .value {
        font-size: inherit;
        height: 8em;
    }
}
[data-mode="others"] [data-name="キャラクター"] > [data-name="設定メモ"] > .value {
    height: calc(100% - 0.2rem - 1.2rem);
}
@media screen and (max-width: 1279px) {
    [data-mode="others"] [data-name="キャラクター"] > [data-name="設定メモ"] > .value {
        height: auto;
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="キャラクター"] > [data-name="設定メモ"] > .value {
        margin-left: 0;
        width: 100%;
    }
}
[data-name="キャラクター"] > [data-name="設定メモ"] > .character-limit{
    width: 100%;
    height: 0;
}
[data-name="キャラクター"] > [data-name="容姿"] > .name {
    display: none;
}
[data-name="キャラクター"] > [data-name="容姿"] > .value {
    width: var(--image-width);
    height: var(--image-height);
}
[data-mode="others"] [data-name="キャラクター"] > [data-name="容姿"] > .value {
    width: var(--image-width);
    height: var(--image-height);
}
@media all and (min-width: 1280px) {
    [data-name="キャラクター"] > [data-name="容姿"] input[type="file"] {
        font-size: 8pt;
    }
}
@media all and (min-width: 1280px) {
    [data-name="キャラクター"] > [data-name^="パートナー"] > .name, [data-name="キャラクター"] > [data-name^="パートナー"] > .value {
        width: 100%;
    }

    [data-name="キャラクター"] > [data-name^="パートナー"] > .name {
        height: 1.4rem;
    }

    [data-name="キャラクター"] > [data-name^="パートナー"] > .value {
        height: calc(100% - 1.4rem);
    }

    [data-name="キャラクター"] > [data-name^="パートナー"] > .character-limit {
        width: 100%;
        text-align: right;
    }
}

[data-name="シュヴァリエ"] [data-name="キャラクター"] > .bottom-area {
    display: flex;
    height: calc(100% - (1.2rem + 1.5rem) - ((2rem + 0.4rem) * 2) - (2rem + 0.8rem) - 6rem - 0.4rem - (250px + 2rem) - 0.4rem - (3rem + 0.4rem) - (3rem + 0.8rem));
    box-sizing: border-box;
    width: 100%;
    margin-top: 0.8rem;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
}
@media screen and (max-width: 1279px) {
    [data-name="シュヴァリエ"] [data-name="キャラクター"] > .bottom-area {
        margin-top: 3rem;
    }
}
[data-name="シュヴァリエ"] [data-name="キャラクター"] > .bottom-area > button {
    box-sizing: border-box;
    width: 100%;
    font-family: マキナスFlat, sans-serif;
    height: 3em;
    border-radius: 1.5em;
    border: 2px solid rgba(128, 128, 128, 0.5);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    color: black;
}
@media screen and (max-width: 999px) {
    [data-name="シュヴァリエ"] [data-name="キャラクター"] > .bottom-area > button {
        height: 4rem;
        margin-bottom: 1.5rem;
    }
}
[data-name="シュヴァリエ"] [data-name="キャラクター"] > .bottom-area > button:last-child {
    margin-bottom: 0;
}
[data-name="シュヴァリエ"] [data-name="キャラクター"] > .bottom-area > button:hover {
    background-color: var(--chevalier-theme-color-rgb);
    filter: brightness(125%);
}
[data-name="シュヴァリエ"] [data-name="キャラクター"] > .bottom-area > button .icon {
    font-size: 100%;
    opacity: 0.5;
    margin-right: 0.25em;
}
[data-name="シュヴァリエ"][data-mode="others"] [data-name="キャラクター"] > .bottom-area > button.to-open-mission-rewards {
    display: none;
}
[data-name="シュヴァリエ"][data-mode="others"] [data-name="キャラクター"] > .bottom-area > button.to-open-mission-rewards[data-number-of-items] {
    display: flex;
}
[data-name="シュヴァリエ"][data-mode="others"] [data-name="キャラクター"] > .bottom-area > button.to-open-mission-rewards[data-number-of-items="0"] {
    display: none;
}
[data-name="シュヴァリエ"][data-mode="others"] [data-name="キャラクター"] > .bottom-area > button.to-open-mission-rewards[data-number-of-items]::after {
    content: "(" attr(data-number-of-items) ")";
}
[data-name="シュヴァリエ"][data-mode="others"] [data-name="キャラクター"] > .bottom-area > button.to-open-achievements {
    display: none;
}
[data-name="シュヴァリエ"][data-mode="others"] [data-name="キャラクター"] > .bottom-area > button.to-open-achievements[data-number-of-achievements] {
    display: flex;
}
[data-name="シュヴァリエ"][data-mode="others"] [data-name="キャラクター"] > .bottom-area > button.to-open-achievements[data-number-of-achievements="0"] {
    display: none;
}
[data-name="シュヴァリエ"][data-mode="others"] [data-name="キャラクター"] > .bottom-area > button.to-open-achievements[data-number-of-achievements]::after {
    content: "(" attr(data-number-of-achievements) ")";
}

.character-sheet[data-name="シュヴァリエ"] > [data-name="リヴァルチャー"] {
    width: calc(100% - 2rem - (250px + 1rem + (1.2rem * 2)));
}
@media screen and (max-width: 1279px) {
    .character-sheet[data-name="シュヴァリエ"] > [data-name="リヴァルチャー"] {
        width: 100%;
        height: auto;
    }
}

[data-name="リヴァルチャー"] {
    --ability-height: 5.4rem;
    --frame-content-space: 0.4rem;
    --frame-height: 17rem;
    --frame-row-height: calc((var(--frame-height) - (var(--frame-content-space) * 4) - (var(--ability-height) * 2)) / 3);
    --chronicle-height: calc(((1.5rem + 0.8rem + var(--ability-height)) * 2) + 0.8rem);
    --chronicle-record-height: calc((var(--chronicle-height) - 0.8rem) / 2);
    --inner-row-header-width: 1.2rem;
    --inner-row-header-font-size: 0.6rem;
}
@media all and (max-width: 1599px) {
    [data-name="リヴァルチャー"] {
        --frame-height: 18.5rem;
        --frame-row-height: calc((var(--frame-height) - (var(--frame-content-space) * 4) - (var(--frame-content-space) / 2) - (var(--ability-height) * 2)) / 4);
    }
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] {
        --inner-row-header-width: 1.8rem;
        --frame-row-height: var(--row-height);
        --ability-height: calc(var(--row-height) + 0.5rem + 8rem);
        --chronicle-record-height: calc(var(--row-height) + 1rem + var(--ability-height));
        --chronicle-height: calc((var(--chronicle-record-height) * 2) + 2rem);
    }
}
@media screen and (max-width: 999px) {
    [data-name="リヴァルチャー"] {
        --ability-height: calc(var(--inner-row-header-width) + 1rem + (var(--row-height) * 2) + 1rem + (var(--row-height) * 2) + 1rem + (var(--row-height) + 12rem));
        --inner-row-header-font-size: 0.8rem;
        --frame-content-space: 1.5rem;
    }
}
[data-name="リヴァルチャー"] > .name > .text[data-unique-name]::after {
    content: "「" attr(data-unique-name) "」";
    font-family: 'Zen Antique Soft', serif;
    font-weight: normal;
    display: inline-block;
    white-space: nowrap;
}
[data-name="リヴァルチャー"] > .name > .text[data-unique-name=""]::after {
    content: none;
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] {
    font-size: 90%;
    margin-bottom: 1rem;
    height: var(--frame-height);
    display: grid;
    grid-template-rows: repeat(2, var(--frame-row-height)) calc((var(--frame-row-height) * 2) + (var(--frame-content-space) / 2)) repeat(2, 1fr);
    grid-template-columns: max-content repeat(6, 1fr);
    grid-gap: var(--frame-content-space);

    [data-mode="others"] & {
        grid-template-rows: repeat(2, var(--frame-row-height)) max-content repeat(2, 1fr);

        @media screen and (max-width: 1279px) {
            grid-template-rows: repeat(5, max-content);
        }
    }

    @media screen and (max-width: 1279px) {
        grid-template-rows: repeat(5, max-content);
        height: auto;
        margin-bottom: 2rem;
        --frame-content-space: 1.2rem;
        font-size: 100%;
    }

    @media screen and (max-width: 999px) {
        margin-bottom: 4rem;
    }

    > .name {
        grid-row: 1 / -1;
        grid-column: 1 / 2;
    }

    > [data-name="名称"],
    > [data-name="ジアドエネルギー"] {
        grid-row: 1 / 2;
        grid-column: 2 / -1;
        width: 100%;
        height: 100%;
    }

    > [data-name="名称"] {
        grid-column: 2 / 5;
    }

    > [data-name="ジアドエネルギー"] {
        grid-column: 5 / 8;
    }

    > [data-name="シールド枚数"],
    > [data-name="シールド耐久力"] {
        grid-row: 2 / 3;
    }

    > [data-name="シールド枚数"] {
        grid-column: 2 / 5;
    }

    > [data-name="シールド耐久力"] {
        grid-column: 5 / 8;
    }

    > [data-name="ノーマルムーヴ"],
    > [data-name="ブーストムーヴ"] {
        grid-row: 3 / 4;
    }

    > [data-name="ノーマルムーヴ"] {
        grid-column: 2 / 5;
    }

    > [data-name="ブーストムーヴ"] {
        grid-column: 5 / 8;
    }

    > [data-name^="アビリティ"] {
        grid-column: 2 / -1;
    }

    > [data-name="アビリティ1"] {
        grid-row: 4 / 5;
    }

    > [data-name="アビリティ2"] {
        grid-row: 5 / 6;
    }

    @media screen and (max-width: 1279px) {
        > [data-name="名称"] {
            grid-column: 2 / -1;
        }

        > [data-name="ジアドエネルギー"] {
            grid-row: 2 / 3;
            grid-column: 2 / 4;
        }

        > [data-name="シールド枚数"] {
            grid-column: 4 / 6;
        }

        > [data-name="シールド耐久力"] {
            grid-column: 6 / 8;
        }
    }

    @media screen and (max-width: 999px) {
        grid-template-rows: repeat(6, max-content);
        grid-template-columns: repeat(6, 1fr);

        > .name,
        > [data-name="名称"],
        > [data-name^="アビリティ"] {
            grid-column: 1 / -1;
        }

        > .name {
            grid-row: 1 / 2;
        }

        > [data-name="名称"] {
            grid-row: 2 / 3;
            height: auto;
            grid-template-rows: repeat(2, max-content);

            > .name {
                float: left;
            }
        }

        > [data-name="ジアドエネルギー"],
        > [data-name="シールド枚数"],
        > [data-name="シールド耐久力"] {
            grid-row: 3 / 4;
            display: grid;
            grid-template-rows: repeat(2, max-content);
            grid-template-columns: 100%;

            > .name,
            > .value {
                grid-column: 1 / -1;
            }

            > .name {
                grid-row: 1 / 2;
            }

            > .value {
                grid-row: 2 / 3;
            }
        }

        > [data-name="ジアドエネルギー"] {
            grid-column: 1 / 3;
        }

        > [data-name="シールド枚数"] {
            grid-column: 3 / 5;
        }

        > [data-name="シールド耐久力"] {
            grid-column: 5 / 7;
        }

        > [data-name$="ムーヴ"] {
            grid-row: 4 / 5;

            display: grid;
            grid-template-rows: repeat(3, max-content);
            grid-template-columns: 100%;

            > .name,
            > [data-name="セル数"],
            > [data-name="消費エネルギー"] {
                grid-column: 1 / -1;
            }

            > .name {
                grid-row: 1 / 2;
            }

            > [data-name="セル数"] {
                grid-row: 2 / 3;
                margin-bottom: calc(var(--frame-content-space) / 2);

                @media screen and (max-width: 999px) {
                    margin-bottom: 0;
                }
            }

            > [data-name="消費エネルギー"] {
                grid-row: 3 / 4;

                display: grid;
                grid-template-rows: 100%;
                grid-template-columns: max-content 1fr;

                > .name,
                > .value {
                    grid-row: 1 / -1;
                }

                > .name {
                    grid-column: 1 / 2;
                    width: max-content;
                }

                > .value {
                    grid-column: 2 / 3;
                }
            }
        }

        > [data-name="ノーマルムーヴ"] {
            grid-column: 1 / 4;
        }

        > [data-name="ブーストムーヴ"] {
            grid-column: 4 / 7;
        }

        > [data-name="アビリティ1"] {
            grid-row: 5 / 6;
        }

        > [data-name="アビリティ2"] {
            grid-row: 6 / 7;
        }
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > .name {
    font-size: var(--row-header-font-size);
    width: var(--row-header-width);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    writing-mode: vertical-rl;
    background-color: rgba(0, 0, 0, 0.1);
    font-family: "Makinas 4 Flat", "マキナス 4 Flat", "マキナスFlat", sans-serif;
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > .name {
        height: auto;
    }
}
@media screen and (max-width: 999px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > .name {
        width: 100%;
        height: var(--row-header-width);
        writing-mode: inherit;
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name] {
    box-sizing: border-box;

    &:not(.ability-unit) {
        --label-width: 6.6rem;
        width: 100%;

        @media screen and (max-width: 1279px) {
            --label-width: 3rem;
        }

        @media screen and (min-width: 1000px) {
            &:not([data-name$="ムーヴ"]):not([data-name="名称"]) {
                display: grid;
                grid-template-rows: 100%;
                grid-template-columns: var(--label-width) 1fr;
                grid-gap: calc(var(--frame-content-space) / 2);

                [data-mode="others"] & {
                    grid-template-columns: repeat(3, max-content);
                }

                @media screen and (max-width: 1279px) and (min-width: 1000px) {
                    grid-template-columns: max-content 1fr;
                }

                > .name {
                    grid-row: 1 / -1;
                    grid-column: 1 / 2;
                    width: 100%;
                    height: 100%;
                    box-sizing: border-box;
                }

                > .value {
                    grid-row: 1 / -1;
                    grid-column: 2 / 3;
                    width: 100%;
                    height: 100%;
                    box-sizing: border-box;

                    @media screen and (max-width: 1279px) {
                        height: var(--frame-row-height);
                    }
                }
            }
        }
    }
}
@media screen and (max-width: 1279px) and (min-width: 1000px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name] {
        height: auto;
        --label-width: 11rem;
    }
}
@media screen and (max-width: 999px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name]:not([data-name^="アビリティ"]) {
        width: 100%;
        flex-flow: column;
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name] {
    border-bottom: 1px solid rgba(128, 128, 128, 0.5);
    box-sizing: border-box;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name] {
        height: auto;
        width: 100%;
        display: block;

        &[data-name="名称"] {
            height: max-content;
        }

        &:not([data-name="ジアドエネルギー"]):not([data-name^="シールド"]):not([data-name$="ムーヴ"]) {
            display: grid;
            grid-template-rows: repeat(4, max-content);
            grid-template-columns: 100%;
            grid-gap: 0.5rem;

            > .name,
            > [data-name="名称"],
            > [data-name="タイミング"],
            > [data-name="効果"] {
                grid-column: 1 / -1;
            }

            > .name {
                grid-row: 1 / 2;
            }

            > [data-name="名称"] {
                grid-row: 2 / 3;

                > .fields {
                    width: max-content;

                    > [data-name] {
                        width: max-content;
                    }
                }
            }

            > [data-name="タイミング"] {
                grid-row: 3 / 4;
                justify-content: center;

                > .name,
                > .value,
                &::before,
                &::after {
                    height: max-content;
                    min-height: initial;
                }
            }

            > [data-name="効果"] {
                grid-row: 4 / 5;
            }
        }
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="名称"], [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="ジアドエネルギー"], [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="ノーマルムーヴ"] {
        margin-left: 0;
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="ジアドエネルギー"],
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name^="シールド"] {
        width: 100%;
        display: grid;
        grid-template-rows: max-content var(--row-height);
        grid-template-columns: 1fr max-content;

        > .name {
            grid-row: 1 / 2;
            grid-column: 1 / -1;
        }

        > .value,
        &::after {
            grid-row: 2 / -1;
        }

        > .value {
            grid-column: 1 / 2;
            width: 100%;
            justify-content: flex-end;
        }

        &::after {
            grid-column: 2 / 3;
        }
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="名称"] {
    @media screen and (max-width: 999px) {
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 100%;
    }

    @media screen and (min-width: 1000px) {
        display: flex;
        flex-flow: row;

        > .name {
            float: left;
            width: var(--label-width);
        }

        > .fields {
            width: calc(100% - var(--label-width) - (var(--frame-content-space) / 2));
            margin-left: calc(var(--frame-content-space) / 2);
            float: left;

            [data-mode="others"] & {
                margin-left: 0;
                width: 100%;
            }
        }
    }

    > .fields {
        height: var(--frame-row-height);

        @media screen and (max-width: 999px) {
            grid-row: 2 / 3;
            grid-column: 1 / -1;
        }

        @media screen and (max-width: 1659px) and (min-width: 1280px) {
            select {
                font-size: 90%;
            }
        }

        @media screen and (max-width: 1559px) and (min-width: 1280px) {
            select {
                font-size: 80%;
            }
        }

        @media screen and (max-width: 1499px) and (min-width: 1280px) {
            select {
                font-size: 70%;
                letter-spacing: 0;
            }
        }

        @media screen and (max-width: 1399px) and (min-width: 1280px) {
            select {
                font-size: 60%;
            }
        }

        @media screen and (max-width: 1339px) and (min-width: 1280px) {
            select {
                font-size: 50%;
            }
        }
    }
}
@media screen and (max-width: 999px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="名称"] .character-limit {
        width: 100%;
        height: 0;
        text-align: right;
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="名称"] {
    margin-right: 0;
    font-weight: bolder;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="名称"] {
        width: 100%;

        > .fields {
            display: flex;
            flex-flow: row;
            justify-content: center;

            > [data-name] {
                width: max-content;
            }
        }
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="名称"] > .name{
    display: none;
}
@media screen and (max-width: 1279px) and (min-width: 1000px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] {
        > [data-name="ジアドエネルギー"],
        > [data-name="シールド枚数"],
        > [data-name="シールド耐久力"] {
            display: grid;
            grid-template-rows: 100%;
            grid-template-columns: max-content 1fr;

            > .name,
            > .value {
                grid-row: 1 / -1;
                height: 100%;
            }

            > .name {
                grid-column: 1 / 2;
            }

            > .value {
                grid-column: 2 / 3;
                width: 100%;
            }
        }
    }

    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="ジアドエネルギー"] {
        position: relative;
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="ジアドエネルギー"] {
    [data-mode]:not([data-mode="others"]) & {
        position: relative;

        &::before {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 1.3rem;
            line-height: 100%;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            pointer-events: none;
        }

        @media screen and (max-width: 1279px) {
            &::before {
                font-size: var(--standard-font-size);
                right: 1.75rem;
            }
        }

        @media screen and (max-width: 999px) {
            &::before {
                top: 50%;
            }
        }

        &[data-chronicle-1-offset]:not([data-chronicle-1-offset="0"]),
        &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
            input.value {
                padding-right: 2.5rem;

                @media screen and (max-width: 1279px) {
                    padding-right: calc(2.5rem + 0.45rem);
                }
            }
        }

        &[data-chronicle-1-offset]:not([data-chronicle-1-offset="0"]) {
            &::before {
                content: attr(data-chronicle-1-offset);
            }

            &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
                input.value {
                    padding-right: 3.5rem;

                    @media screen and (max-width: 1279px) {
                        padding-right: calc(3.5rem + 0.45rem);
                    }
                }

                &::before {
                    content: attr(data-chronicle-1-offset) attr(data-chronicle-2-offset);
                }
            }
        }

        &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
            &::before {
                content: attr(data-chronicle-2-offset);
            }
        }
    }

    [data-mode="others"] & {
        .value-on-print {
            &[data-chronicle-1-offset]:not([data-chronicle-1-offset="0"]) {
                &::after {
                    content: attr(data-chronicle-1-offset);
                }

                &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
                    &::after {
                        content: attr(data-chronicle-1-offset) attr(data-chronicle-2-offset);
                    }
                }
            }

            &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
                &::after {
                    content: attr(data-chronicle-2-offset);
                }
            }
        }
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="ジアドエネルギー"] {
    position: relative;
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="ジアドエネルギー"]::after {
    content: "個";
    display: flex;
    width: max-content;
    height: 100%;
    overflow: visible;
    justify-content: center;
    align-items: center;
    opacity: 0.5;
    position: absolute;
    top: 0;
    right: 0.35em;
    bottom: 0;
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="ジアドエネルギー"]::after {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        box-sizing: border-box;
        padding-right: 0.25em;
        justify-content: flex-end;
        pointer-events: none;
    }
}
@media screen and (max-width: 999px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="ジアドエネルギー"]::after {
        top: var(--row-height);
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="ジアドエネルギー"]::after {
    width: auto;
    position: static;
    padding: 0;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="ジアドエネルギー"]::after {
        height: var(--row-height);
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > .empty[data-name="ジアドエネルギー"]::after {
    content: none;
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="ジアドエネルギー"] > .name {
    font-size: 85%;
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="ジアドエネルギー"] > .name {
        font-size: inherit;
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="ジアドエネルギー"] > .name{
    font-size: inherit;
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="ジアドエネルギー"] > input.value {
    padding-right: 1.2rem;
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="ジアドエネルギー"] > input.value {
        padding-right: 1.7rem;
    }
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド枚数"] {
        position: relative;
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド枚数"] {
    [data-mode]:not([data-mode="others"]) & {
        position: relative;

        &::before {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 1.3rem;
            line-height: 100%;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            pointer-events: none;
        }

        @media screen and (max-width: 1279px) {
            &::before {
                font-size: var(--standard-font-size);
                right: 1.75rem;
            }
        }

        @media screen and (max-width: 999px) {
            &::before {
                top: 50%;
            }
        }

        &[data-chronicle-1-offset]:not([data-chronicle-1-offset="0"]),
        &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
            input.value {
                padding-right: 2.7rem;

                @media screen and (max-width: 1279px) {
                    padding-right: calc(2.7rem + 0.45rem);
                }
            }
        }

        &[data-chronicle-1-offset]:not([data-chronicle-1-offset="0"]) {
            &::before {
                content: attr(data-chronicle-1-offset);
            }

            &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
                input.value {
                    padding-right: 3.6rem;

                    @media screen and (max-width: 1279px) {
                        padding-right: calc(3.6rem + 0.45rem);
                    }
                }

                &::before {
                    content: attr(data-chronicle-1-offset) attr(data-chronicle-2-offset);
                }
            }
        }

        &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
            &::before {
                content: attr(data-chronicle-2-offset);
            }
        }
    }

    [data-mode="others"] & {
        .value-on-print {
            &[data-chronicle-1-offset]:not([data-chronicle-1-offset="0"]) {
                &::after {
                    content: attr(data-chronicle-1-offset);
                }

                &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
                    &::after {
                        content: attr(data-chronicle-1-offset) attr(data-chronicle-2-offset);
                    }
                }
            }

            &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
                &::after {
                    content: attr(data-chronicle-2-offset);
                }
            }
        }
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド枚数"]::after,
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド耐久力"]::after {
    display: flex;
    width: max-content;
    height: 100%;
    overflow: visible;
    justify-content: center;
    align-items: center;
    opacity: 0.5;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.35em;
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド枚数"]::after {
    content: "枚";
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド耐久力"]::after {
    content: "点";
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド枚数"]::after,
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド耐久力"]::after {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        box-sizing: border-box;
        padding-right: 0.25em;
        justify-content: flex-end;
        pointer-events: none;
    }
}
@media screen and (max-width: 999px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド枚数"]::after,
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド耐久力"]::after {
        top: var(--row-height)
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド枚数"]::after,
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド耐久力"]::after {
    width: auto;
    position: static;
    padding: 0;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド枚数"]::after,
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド耐久力"]::after {
        height: var(--row-height);
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > .empty[data-name="シールド枚数"]::after,
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > .empty[data-name="シールド耐久力"]::after {
    display: none;
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド枚数"] input.value,
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド耐久力"] input.value {
    padding-right: 1.2rem;
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド枚数"] input.value,
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド耐久力"] input.value {
        padding-right: 1.7rem;
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="シールド耐久力"] {
    [data-mode]:not([data-mode="others"]) & {
        position: relative;

        &::before {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 1.3rem;
            line-height: 100%;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            pointer-events: none;
        }

        @media screen and (max-width: 999px) {
            &::before {
                top: 50%;
            }
        }

        @media screen and (max-width: 1279px) {
            &::before {
                font-size: var(--standard-font-size);
                right: 1.75rem;
            }
        }

        &[data-chronicle-1-offset]:not([data-chronicle-1-offset="0"]),
        &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
            input.value {
                padding-right: 2.7rem;

                @media screen and (max-width: 1279px) {
                    padding-right: calc(2.7rem + 0.45rem);
                }
            }
        }

        &[data-chronicle-1-offset]:not([data-chronicle-1-offset="0"]) {
            &::before {
                content: attr(data-chronicle-1-offset);
            }

            &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
                input.value {
                    padding-right: 3.6rem;

                    @media screen and (max-width: 1279px) {
                        padding-right: calc(3.6rem + 0.45rem);
                    }
                }

                &::before {
                    content: attr(data-chronicle-1-offset) attr(data-chronicle-2-offset);
                }
            }
        }

        &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
            &::before {
                content: attr(data-chronicle-2-offset);
            }
        }
    }

    [data-mode="others"] & {
        .value-on-print {
            &[data-chronicle-1-offset]:not([data-chronicle-1-offset="0"]) {
                &::after {
                    content: attr(data-chronicle-1-offset);
                }

                &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
                    &::after {
                        content: attr(data-chronicle-1-offset) attr(data-chronicle-2-offset);
                    }
                }
            }

            &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
                &::after {
                    content: attr(data-chronicle-2-offset);
                }
            }
        }
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] {
}
@media all and (max-width: 1599px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] {
        height: calc((var(--frame-row-height) * 2) + (var(--frame-content-space) / 2));
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] {
    display: grid;

    @media screen and (min-width: 1000px) {
        grid-template-columns: max-content 1fr;
        grid-gap: calc(var(--frame-content-space) / 2);
    }

    @media screen and (min-width: 1280px) {
        height: 100%;
        grid-template-rows: var(--frame-row-height) 1fr;
    }

    @media screen and (max-width: 1279px) and (min-width: 1000px) {
        height: auto;
        grid-template-rows: repeat(2, max-content);
    }

    @media screen and (min-width: 1000px) {
        > .name {
            grid-row: 1 / 2;
            grid-column: 1 / 2;
        }

        > [data-name="セル数"] {
            grid-row: 1 / 2;
            grid-column: 2 / 3;
            width: 100%;
        }

        > [data-name="消費エネルギー"] {
            grid-row: 2 / 3;
            grid-column: 2 / 3;
        }
    }

    @media screen and (max-width: 1279px) {
        > .name,
        > [data-name="セル数"],
        > [data-name="消費エネルギー"] {
            height: var(--frame-row-height);
        }
    }
}
@media screen and (max-width: 999px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] {
        height: auto;
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] {
    @media all and (min-width: 1600px) {
        display: flex;
    }

    > [data-name="消費エネルギー"] {
        @media screen and (max-width: 1599px) {
            grid-column: 1 / -1;
            text-align: right;
        }
    }

    @media screen and (max-width: 999px) {
        > .name {
            float: left;
        }

        > [data-name="セル数"] {
            float: left;
            clear: left;
        }

        > [data-name="消費エネルギー"] {
            float: right;
        }
    }
}
@media screen and (max-width: 999px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="ブーストムーヴ"] {
        margin-bottom: 0;
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name] > .name {
    @media screen and (min-width: 1280px) {
        width: var(--label-width);
        height: 100%;
    }

    display: flex;
    justify-content: center;
    align-items: center;
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name]:not([data-name^="アビリティ"]) > .name {
    @media screen and (max-width: 1279px) {
        height: var(--frame-row-height);
    }
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name] > .name {
        justify-content: flex-end;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 999px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name] > .name {
        height: var(--row-height);
        width: 100%;
        justify-content: flex-start;
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name] > .name {
    width: auto;
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name] > .value {
    box-sizing: border-box;
}
@media screen and (max-width: 999px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name] > .value {
        width: 100%;
        height: var(--row-height);
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name] > .value {
    width: auto;

    @media screen and (min-width: 1000px) {
        margin-left: 0.25em;
        margin-right: 0.25em;
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="名称"] > .value {
    margin: 0;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="名称"] > .value {
        width: 100%;
        justify-content: center;
        height: auto;
        min-height: var(--row-height);
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > .name::after {
    content: ":";
}
@media screen and (min-width: 1280px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name] {
        height: 100%;
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name] {
        height: auto;
        min-height: var(--row-height);
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="セル数"]{
    display: block;
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="セル数"] {
        position: relative;
    }
}
@media screen and (max-width: 999px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="セル数"] {
        width: 100%;
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="セル数"]{
    width: auto;
    display: flex;
    align-items: center;
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="セル数"] {
    [data-mode]:not([data-mode="others"]) & {
        position: relative;

        &::before {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 3.3rem;
            line-height: 100%;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            pointer-events: none;
            font-size: 90%;
        }

        @media screen and (max-width: 1279px) {
            &::before {
                font-size: var(--standard-font-size);
                right: 4.5rem;
            }
        }

        &[data-chronicle-1-offset]:not([data-chronicle-1-offset="0"]) {
            &::before {
                content: attr(data-chronicle-1-offset);
            }

            &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"])::before {
                content: attr(data-chronicle-1-offset) attr(data-chronicle-2-offset);
            }
        }

        &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
            &::before {
                content: attr(data-chronicle-2-offset);
            }
        }
    }

    [data-mode="others"] & {
        .value-on-print {
            &[data-chronicle-1-offset]:not([data-chronicle-1-offset="0"]) {
                &::after {
                    content: attr(data-chronicle-1-offset);
                }

                &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
                    &::after {
                        content: attr(data-chronicle-1-offset) attr(data-chronicle-2-offset);
                    }
                }
            }

            &[data-chronicle-2-offset]:not([data-chronicle-2-offset="0"]) {
                &::after {
                    content: attr(data-chronicle-2-offset);
                }
            }
        }
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="セル数"]::after {
    content: "セルまで";
    display: flex;
    width: 100%;
    height: 100%;
    overflow: visible;
    justify-content: flex-end;
    align-items: center;
    opacity: 0.5;
    position: relative;
    left: -0.35rem;
    top: -100%;
    pointer-events: none;
    font-size: 80%;
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="セル数"]::after {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        box-sizing: border-box;
        padding-right: 0.32em;
        justify-content: flex-end;
        pointer-events: none;
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="セル数"]::after {
    width: auto;
    position: static;
    padding: 0;
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > .empty[data-name="セル数"]::after {
    display: none;
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="セル数"] > .name{
    display: none;
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="セル数"] > .value{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="セル数"] > .value{
    width: auto;
    margin-left: 0.25em;
    margin-right: 0.25em;
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="セル数"] > input.value {
    padding-right: 3.2rem;
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="セル数"]:not([data-chronicle-1-offset="0"]) > input.value,
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="セル数"]:not([data-chronicle-2-offset="0"]) > input.value {
    padding-right: 4.4rem;

    @media screen and (max-width: 1279px) {
        padding-right: calc(4.4rem + 1.2rem);
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="セル数"]:not([data-chronicle-1-offset="0"]):not([data-chronicle-2-offset="0"]) > input.value {
    padding-right: 5.4rem;

    @media screen and (max-width: 1279px) {
        padding-right: calc(5.4rem + 1.2rem);
    }
}
@media screen and (min-width: 1280px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="セル数"] > input.value {
        font-size: 90%;
    }
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="セル数"] > input.value {
        padding-right: 4.5rem;
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"] {
    --inner-label-width: 5.6rem;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: max-content 1fr;
    position: relative;

    > .name {
        grid-row: 1 / -1;
        grid-column: 1 / 2;
        width: max-content;
        height: 100%;
    }

    > .value {
        grid-row: 1 / -1;
        grid-column: 2 / 3;
        width: 100%;
        height: 100%;
    }
}
@media all and (max-width: 1349px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"] {
        --inner-label-width: 5.0rem;
    }
}
@media all and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"] {
        font-size: 80%;
        --inner-label-width: 5.8rem;
        position: relative;

        [data-mode="others"] & {
            font-size: 100%;
        }
    }
}
@media screen and (max-width: 999px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"] {
        width: 100%;
    }
}
@media all and (max-width: 1599px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"] {
        display: block;
        width: auto;
    }
}
@media all and (min-width: 1600px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"] {
        width: auto;
        display: flex;
        align-items: center;
    }
}
@media all and (min-width: 1280px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > .empty[data-name="消費エネルギー"] {
        display: none;
    }
}
@media screen and (max-width: 1279px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > .empty[data-name="消費エネルギー"] > * {
        display: none !important;
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"]::before {
    content: "／";
    font-size: 90%;
    margin-left: 0.25em;
    margin-right: 0.25em;
    opacity: 0.5;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"]::before {
        display: inline-flex;
        height: var(--row-height);
        align-items: center;
    }
}
@media screen and (max-width: 1279px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > .empty[data-name="消費エネルギー"]::before {
        content: none;
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"]::after {
    content: "個";
    display: flex;
    width: max-content;
    height: 100%;
    overflow: visible;
    justify-content: center;
    align-items: center;
    opacity: 0.5;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.35em;
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"]::after {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        box-sizing: border-box;
        padding-right: 0.32em;
        justify-content: flex-end;
        pointer-events: none;
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"]::after {
    width: auto;
    position: static;
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > .empty[data-name="消費エネルギー"]::after {
    content: none;
}
@media all and (max-width: 1599px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"]::after {
        display: inline;
        padding: 0;
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"] > .name {
    font-size: 85%;
    width: var(--inner-label-width);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media all and (max-width: 1349px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"] > .name {
        font-size: 75%;
    }
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"] > .name {
        justify-content: flex-end;
        padding-right: 0.25em;
        box-sizing: border-box;
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"] > .name {
    width: auto;
}
@media all and (max-width: 1599px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"] > .name {
        display: inline;
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"] > .value {
    height: 100%;
    box-sizing: border-box;
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"] > .value {
    width: auto;
    margin-left: 0.25em;
    margin-right: 0.25em;
}
@media all and (max-width: 1599px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"] > .value {
        display: inline;
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"] > input.value {
    padding-right: 1.2rem;
}
@media screen and (min-width: 1280px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"] > input.value {
        font-size: 80%;
    }
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name$="ムーヴ"] > [data-name="消費エネルギー"] > input.value {
        padding-right: 1.5rem;
    }
}
@media screen and (max-width: 999px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name^="アビリティ"] {
        width: 100%;
        margin-left: 0;
        margin-top: calc(var(--inner-row-header-width) * 1.5);

        [data-mode="others"] & {
            margin-top: 0;
        }
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name^="アビリティ"] {
    border-bottom: none;
    width: 100%;

    @media screen and (min-width: 1280px) and (max-width: 1599px) {
        height: 100%;
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name^="アビリティ"] {
        width: 100%;
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="アビリティ1"] {
}
@media screen and (max-width: 999px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="アビリティ1"] {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name="アビリティ2"] {
        margin-bottom: 0;
    }
}
[data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name^="アビリティ"] > .name {
    width: var(--inner-row-header-width);
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name^="アビリティ"] > .name {
        justify-content: center;
    }
}
@media screen and (max-width: 999px) {
    [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name^="アビリティ"] > .name {
        width: 100%;
        height: var(--inner-row-header-width);
    }
}
[data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name^="アビリティ"] > .name {
    width: var(--inner-row-header-width);
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="フレーム"] > [data-name^="アビリティ"] > .name {
        width: 100%;
    }
}

[data-name="リヴァルチャー"] > [data-name="ウェポン"] {
    width: 100%;
    height: calc(100% - var(--sheet-section-title-height) - var(--frame-height) - 1rem - var(--chronicle-height) - 1rem);
    font-size: 80%;
    margin-bottom: 1rem;

    @media screen and (max-width: 1279px) {
        font-size: 100%;
        margin-bottom: 2rem;
        height: auto;
    }

    @media screen and (max-width: 999px) {
        margin-bottom: 4rem;
    }
}
@media screen and (max-width: 1279px) {
    [data-name="リヴァルチャー"] > [data-name="ウェポン"]::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        clear: both;
    }
}
[data-name="ウェポン"] > .name {
    display: none;
}
.weapon-unit {
    --space-between-weapons: 0.8rem;
    width: calc((100% - var(--space-between-weapons)) / 2);
    height: 100%;
    float: left;
    display: block;
}
@media screen and (max-width: 1279px) {
    .weapon-unit {
        --space-between-weapons: 2rem;
        height: auto;
    }
}
@media screen and (max-width: 999px) {
    .weapon-unit {
        width: 100%;
    }
}
[data-name="ウェポン"] > [data-name="1"] {
    --headline: "ウェポン１";
    margin-right: var(--space-between-weapons);
}
@media screen and (max-width: 999px) {
    [data-name="ウェポン"] > [data-name="1"] {
        margin-right: 0;
        margin-bottom: var(--space-between-weapons);
    }
}
[data-name="ウェポン"] > [data-name="2"] {
    --headline: "ウェポン２";
}
.weapon-unit::before {
    content: var(--headline);
    display: flex;
    width: var(--row-header-width);
    height: 100%;
    font-size: var(--row-header-font-size);
    justify-content: center;
    align-items: center;
    writing-mode: vertical-rl;
    float: left;
    background-color: rgba(0, 0, 0, 0.1);
    font-family: "Makinas 4 Flat", "マキナス 4 Flat", "マキナスFlat", sans-serif;
}
@media screen and (max-width: 1279px) {
    .weapon-unit::before {
        height: calc((var(--row-height) * 4) + (0.5rem * 3) + 1rem + (13rem + 1.8rem));
    }
}
@media screen and (max-width: 999px) {
    .weapon-unit::before {
        width: 100%;
        height: var(--row-header-width);
        margin-bottom: 1rem;
        writing-mode: inherit;
    }
}
@media screen and (max-width: 1279px) {
    [data-mode="others"] .weapon-unit::before {
        height: calc((var(--row-height) * 4) + (0.5rem * 3) + 1rem + 13rem);
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] .weapon-unit::before {
        height: var(--row-header-width);
    }
}
.weapon-unit > *{
    float: left;
}
.weapon-unit > .name{
    display: none;
}
.weapon-unit > [data-name] {
    width: calc(100% - var(--row-header-width));
    height: 1.3rem;
    margin-bottom: 0.2rem;
    box-sizing: border-box;
    --label-width: 4rem;
    display: block;
    float: left;
}
[data-mode="others"] .weapon-unit > [data-name] {
    display: flex;
}
.weapon-unit > [data-name="名称"] {
    display: grid;

    @media screen and (min-width: 1000px) {
        grid-template-rows: 100%;
        grid-template-columns: max-content 1fr;
    }

    @media screen and (max-width: 999px) {
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 100%;
    }

    > .fields {
        @media screen and (min-width: 1000px) {
            grid-row: 1 / -1;
            grid-column: 2 / 3;
        }

        @media screen and (max-width: 999px) {
            grid-row: 2 / 3;
            grid-column: 1 / -1;
        }

        & select {
            font-size: 70%;
        }
    }
}
.weapon-unit .character-limit {
    width: 100%;
    height: 0;
    text-align: right;
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 1279px) {
    .weapon-unit > [data-name] {
        height: var(--row-height);
        margin-bottom: 0.5rem;
        --label-width: 9rem;
    }
}
@media screen and (max-width: 999px) {
    .weapon-unit > [data-name] {
        width: 100%;
        height: auto;
        margin-bottom: 1rem;
        flex-flow: column;
    }
}
[data-mode="others"] .weapon-unit > [data-name] {
    border-bottom: 1px solid rgba(128, 128, 128, 0.5);
    width: calc(100% - var(--row-header-width) - 0.7rem);
    margin-left: 0.7rem;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] .weapon-unit > [data-name] {
        width: 100%;
        margin-left: 0;
    }
}
@media all and (min-width: 1280px) {
    [data-name="ウェポン"] [data-name="名称"] {
        height: 1.5rem;
    }
}
[data-mode="others"] [data-name="ウェポン"]  [data-name="名称"]{
    font-weight: bolder;
}
[data-name="ウェポン"] [data-name="射程"] {
    display: block;
    width: calc((100% - var(--row-header-width) - 0.4rem) * 0.43);
    margin-right: 0.4rem;
}
@media all and (max-width: 1549px) and (min-width: 1000px) {
    [data-name="ウェポン"] [data-name="射程"] {
        font-size: 90%;
    }
}
@media all and (max-width: 1499px) {
    [data-name="ウェポン"] [data-name="射程"] {
        width: calc(100% - var(--row-header-width));
        margin-right: 0;
    }
}
@media screen and (max-width: 1279px) {
    [data-name="ウェポン"] [data-name="射程"] {
        position: relative;
    }
}
@media screen and (max-width: 999px) {
    [data-name="ウェポン"] [data-name="射程"] {
        width: inherit;
    }
}
[data-mode="others"] [data-name="ウェポン"] [data-name="射程"] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
@media all and (min-width: 1500px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="射程"] {
        width: calc((100% - var(--row-header-width) - 0.7rem - 0.4rem) * 0.35);
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="射程"] {
        display: block;
    }
}
[data-name="ウェポン"] [data-name="射程"]::after {
    content: "セル";
    display: flex;
    width: 100%;
    height: 100%;
    overflow: visible;
    justify-content: flex-end;
    align-items: center;
    float: left;
    opacity: 0.5;
    position: relative;
    top: -100%;
    pointer-events: none;
    box-sizing: border-box;
    padding-right: 0.3em;
    font-size: 80%;
}
@media screen and (max-width: 1279px) {
    [data-name="ウェポン"] [data-name="射程"]::after {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        float: none;
        width: auto;
        height: auto;
        box-sizing: border-box;
        padding-right: 0.25em;
        justify-content: flex-end;
        pointer-events: none;
        font-size: inherit;
    }
}
@media screen and (max-width: 999px) {
    [data-name="ウェポン"] [data-name="射程"]::after {
        top: var(--row-height);
    }
}
[data-mode="others"] [data-name="ウェポン"] [data-name="射程"]::after {
    width: auto;
    float: none;
    position: static;
    padding: 0;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="射程"]::after {
        display: inline-flex;
        height: var(--row-height);
    }
}
[data-mode="others"] [data-name="ウェポン"] .empty[data-name="射程"]::after {
    content: none;
}
[data-name="ウェポン"] [data-name="射程"] > *{
    float: left;
}
[data-name="ウェポン"] [data-name="消費エネルギー"] {
    width: calc((100% - var(--row-header-width) - 0.4rem) * 0.57);
    position: relative;
}
@media all and (max-width: 1499px){
    [data-name="ウェポン"] [data-name="消費エネルギー"] {
        width: calc(100% - var(--row-header-width));
    }
}
@media screen and (max-width: 999px) {
    [data-name="ウェポン"] [data-name="消費エネルギー"] {
        width: inherit;
    }
}
@media all and (min-width: 1500px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="消費エネルギー"] {
        width: calc((100% - var(--row-header-width) - 0.7rem - 0.4rem) * 0.65);
        margin-left: 0;
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="消費エネルギー"] {
        display: block;
    }
}
[data-name="ウェポン"] [data-name="消費エネルギー"]::after {
    content: "個";
    display: flex;
    width: calc(1rem + 2px);
    justify-content: flex-start;
    align-items: center;
    opacity: 0.5;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
}
@media screen and (max-width: 1279px) {
    [data-name="ウェポン"] [data-name="消費エネルギー"]::after {
        width: calc(1.7rem + 2px);
    }
}
@media screen and (max-width: 999px) {
    [data-name="ウェポン"] [data-name="消費エネルギー"]::after {
        top: var(--row-height);
    }
}
[data-mode="others"] [data-name="ウェポン"] [data-name="消費エネルギー"]::after {
    width: auto;
    float: none;
    position: static;
    padding: 0;
    display: inline-flex;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="消費エネルギー"]::after {
        display: inline-flex;
        height: var(--row-height);
        align-items: center;
        float: left;
    }
}
[data-mode="others"] [data-name="ウェポン"] .empty[data-name="消費エネルギー"]::after {
    content: none;
}
@media screen and (max-width: 1279px) {
    [data-name="ウェポン"] [data-name="目標値"] {
        margin-bottom: 1rem;
    }
}
@media all and (max-width: 1549px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="目標値"] {
        font-size: 92%;
    }
}
@media all and (max-width: 1499px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="目標値"] {
        font-size: 84%;
    }
}
@media all and (max-width: 1399px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="目標値"] {
        font-size: 80%;
        letter-spacing: -1px;
    }
}
@media screen and (max-width: 1279px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="目標値"] {
        font-size: 70%;
        letter-spacing: inherit;
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="目標値"] {
        font-size: inherit;
        display: block;
    }
}
@media screen and (max-width: 1279px) {
    [data-mode="others"] [data-name="ウェポン"] .empty[data-name="目標値"] {
        font-size: inherit;
    }
}
[data-name="ウェポン"] [data-name="効果"] {
    height: calc(100% - 1.5rem - (1.3rem * 2) - (0.2rem * 3));
    margin-bottom: 0;
}
@media all and (max-width: 1499px) {
    [data-name="ウェポン"] [data-name="効果"] {
        height: calc(100% - 1.5rem - (1.3rem * 3) - (0.2rem * 4));
    }
}
@media screen and (max-width: 1279px) {
    [data-name="ウェポン"] [data-name="効果"] {
        flex-flow: column;
        width: calc(100% - var(--row-header-width) - 0.7rem);
        margin-left: 0.7rem;
        --label-height: 1.8rem;
        --total-height: calc(var(--label-height) + 13rem);
        height: auto;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 999px) {
    [data-name="ウェポン"] [data-name="効果"] {
        width: inherit;
        margin-left: 0;
        --label-height: var(--row-height);
    }
}
[data-mode="others"] [data-name="ウェポン"] [data-name="効果"] {
    border-bottom: none;
}
@media all and (max-width: 1549px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="効果"] {
        font-size: 95%;
    }
}
@media all and (max-width: 1499px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="効果"] {
        font-size: 82%;
    }
}
@media all and (max-width: 1399px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="効果"] {
        font-size: 80%;
    }
}
@media all and (max-width: 1299px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="効果"] {
        font-size: 75%;
        line-height: 130%;
    }
}
@media screen and (max-width: 1279px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="効果"] {
        line-height: inherit;
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="効果"] {
        font-size: 80%;
        line-height: 180%;
    }
}
.weapon-unit > [data-name] > .name {
    display: flex;
    width: var(--label-width);
    height: 100%;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    float: left;
}
@media screen and (max-width: 1279px) {
    .weapon-unit > [data-name] > .name {
        justify-content: flex-end;
        padding-right: 0.25em;
    }
}
@media screen and (max-width: 999px) {
    .weapon-unit > [data-name] > .name {
        width: 100%;
        height: var(--row-height);
        justify-content: flex-start;
        padding: 0;
    }
}
[data-mode="others"] .weapon-unit > [data-name] > .name {
    width: auto;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] .weapon-unit > [data-name] > .name {
        float: left;
    }
}
[data-mode="others"] [data-name="ウェポン"] [data-name="名称"] > .name {
    display: none;
}
[data-name="ウェポン"] [data-name="消費エネルギー"] > .name {
    font-size: 70%;
    letter-spacing: -0.12em;

    @media screen and (max-width: 1279px) {
        font-size: inherit;
    }

    @media screen and (max-width: 999px) {
        letter-spacing: initial;
    }
}
[data-mode="others"] [data-name="ウェポン"] [data-name="消費エネルギー"][data-value-length="0"] > .name{
    font-size: inherit;
    letter-spacing: inherit;
}
[data-mode="others"] [data-name="ウェポン"] [data-name="消費エネルギー"][data-value-length="1"] > .name{
    font-size: inherit;
    letter-spacing: inherit;
}
[data-mode="others"] [data-name="ウェポン"] [data-name="消費エネルギー"][data-value-length="2"] > .name{
    font-size: inherit;
    letter-spacing: inherit;
}
@media screen and (max-width: 1279px) {
    [data-name="ウェポン"] [data-name="効果"] > .name {
        width: 100%;
        justify-content: center;
        height: var(--label-height);
    }
}
@media screen and (max-width: 999px) {
    [data-name="ウェポン"] [data-name="効果"] > .name {
        justify-content: flex-start;
    }
}
[data-mode="others"] [data-name="ウェポン"] [data-name="効果"] > .name {
    display: none;
}
[data-name="ウェポン"] .value {
    width: calc(100% - var(--label-width));
    height: 100%;
    box-sizing: border-box;
}
@media screen and (max-width: 999px) {
    [data-name="ウェポン"] .value {
        width: 100%;
        height: var(--row-height);
    }
}
[data-mode="others"] [data-name="ウェポン"] .value {
    width: auto;
    margin-left: 0.25em;
    margin-right: 0.25em;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="ウェポン"] .value {
        float: left;
        margin-left: 0.5rem;
        height: auto;
        min-height: var(--row-height);
        line-height: 150%;
    }
}
[data-mode="others"] [data-name="ウェポン"] [data-name="名称"] > .value {
    margin: 0;
}
@media all and (max-width: 1349px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="名称"] > .value {
        font-size: 85%;
    }
}
@media all and (max-width: 1299px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="名称"] > .value {
        font-size: 80%;
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="ウェポン"] [data-name="名称"] > .value {
        font-size: inherit;
        justify-content: center;
    }
}
[data-name="ウェポン"] [data-name="射程"] > input.value {
    padding-right: 1.2rem;
}
@media screen and (min-width: 1280px) {
    [data-name="ウェポン"] [data-name="射程"] > input.value {
        font-size: 90%;
    }
}
@media screen and (max-width: 1279px) {
    [data-name="ウェポン"] [data-name="射程"] > input.value {
        padding-right: 2.8rem;
    }
}
[data-name="ウェポン"] [data-name="消費エネルギー"] > input.value {
    padding-right: 1rem;
}
@media all and (min-width: 1280px) {
    [data-name="ウェポン"] [data-name="消費エネルギー"] > input.value {
        font-size: 9pt;
    }
}
@media screen and (max-width: 1279px) {
    [data-name="ウェポン"] [data-name="消費エネルギー"] > input.value {
        padding-right: 1.7rem;
    }
}
[data-mode="others"] [data-name="ウェポン"] [data-name="消費エネルギー"] > .value {
    float: left;
}
[data-mode="others"] [data-name="ウェポン"] [data-name="目標値"] > .value {
    margin-right: 0;
}
@media all and (min-width: 1280px) {
    [data-name="ウェポン"] [data-name="目標値"] > input.value {
        font-size: 9pt;
    }
}
[data-name="ウェポン"] [data-name="効果"] > .value {
    resize: none;
}
@media screen and (max-width: 1279px) {
    [data-name="ウェポン"] [data-name="効果"] > .value {
        width: 100%;
        height: calc(var(--total-height) - var(--label-height));
    }
}
[data-name="ウェポン"] [data-name="効果"] > .character-limit {
    @media screen and (min-width: 1000px) {
        top: -0.5em;
    }

    @media screen and (max-width: 999px) {
        top: 0;
    }
}
@media screen and (max-width: 1279px) {
    [data-name="ウェポン"] [data-name="効果"] > .character-limit {
        left: 0.7rem;
    }
}
@media screen and (max-width: 999px) {
    [data-name="ウェポン"] [data-name="効果"] > .character-limit {
        left: initial;
    }

    [data-mode="others"] [data-name="ウェポン"] [data-name="効果"] > .value {
        height: auto;
    }
}
@media all and (min-width: 1280px) {
    [data-name="ウェポン"] [data-name="効果"] > textarea.value {
        font-size: 8.5pt;
    }
}
@media all and (min-width: 1280px) and (max-width: 1539px) {
    [data-name="ウェポン"] [data-name="効果"] > textarea.value {
        font-size: 7.5pt;
    }
}
@media all and (min-width: 1280px) and (max-width: 1499px) {
    [data-name="ウェポン"] [data-name="効果"] > textarea.value {
        line-height: 135%;
    }
}

[data-name="リヴァルチャー"] > [data-name="クロニクル"] {
    width: 100%;
    height: var(--chronicle-height);

    [data-mode="others"] & {
        @media screen and (max-width: 1279px) {
            height: auto;
        }
    }

    @media screen and (max-width: 999px) {
        height: auto;
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="リヴァルチャー"] > [data-name="クロニクル"] {
        height: auto;
    }
}
[data-name="クロニクル"] {
    --efficacy-width: 11rem;
    --chronicle-content-scape: 0.4rem;
}
@media screen and (max-width: 1279px) {
    [data-name="クロニクル"] {
        --efficacy-width: 13rem;
        --chronicle-content-scape: 0.5rem;
    }

    [data-mode="others"] [data-name="クロニクル"] > .chronicle-unit {
        display: grid;
        grid-template-rows: repeat(2, max-content);
        grid-template-columns: max-content 1fr;
        grid-gap: 0.7rem;
        height: auto;

        > .name {
            grid-row: 1 / -1;
            grid-column: 1 / 2;
        }

        > [data-name="名称"],
        > .ability-unit,
        > [data-name="機体アップデート"] {
            grid-column: 2 / -1;
            height: max-content;
            width: 100%;
        }

        > [data-name="名称"] {
            grid-row: 1 / 2;
        }

        > .ability-unit,
        > [data-name="機体アップデート"] {
            grid-row: 2 / 3;
        }

        &[data-efficacy-mode="機体アップデート"] > [data-name="機体アップデート"] {
            display: grid;
            grid-template-rows: repeat(2, max-content);
            grid-template-columns: 100%;
            grid-gap: 0.5rem;

            > [data-name="メリット"],
            > [data-name="デメリット"] {
                grid-column: 1 / -1;
                height: 100%;
                width: 100%;
            }

            > [data-name="メリット"] {
                grid-row: 1 / 2;
                margin-bottom: 0;
            }

            > [data-name="デメリット"] {
                grid-row: 2 / 3;
            }
        }

        @media screen and (max-width: 999px) {
            display: grid;
            grid-template-rows: repeat(3, max-content);
            grid-template-columns: 100%;

            > .name,
            > [data-name="名称"],
            > .ability-unit,
            > [data-name="機体アップデート"] {
                grid-column: 1 / -1;
            }

            > .name {
                grid-row: 1 / 2;
            }

            > [data-name="名称"] {
                grid-row: 2 / 3;
                font-weight: bold;
            }

            > [data-name="効果種別"] {
                display: none;
            }

            > .ability-unit,
            > [data-name="機体アップデート"] {
                grid-row: 3 / 4;
            }

            > .ability-unit {
                grid-template-rows: repeat(3, max-content);
                grid-template-columns: 100%;
                grid-gap: 0.5rem;

                > [data-name="名称"],
                > [data-name="タイミング"],
                > [data-name="効果"] {
                    grid-column: 1 / -1;
                }

                > [data-name="名称"] {
                    grid-row: 1 / 2;

                    > .fields {
                        width: max-content;

                        > [data-name] {
                            width: max-content;
                        }
                    }
                }

                > [data-name="タイミング"] {
                    grid-row: 2 / 3;
                    justify-content: center;

                    > .value {
                        min-height: initial;
                    }
                }

                > [data-name="効果"] {
                    grid-row: 3 / 4;
                }
            }
        }
    }
}
@media screen and (max-width: 999px) {
    [data-name="クロニクル"] {
        --chronicle-content-scape: 1rem;
        height: auto;
    }
}
[data-name="リヴァルチャー"] > [data-name="クロニクル"] > .name{
    display: none;
}
.chronicle-unit {
    width: 100%;
    height: var(--chronicle-record-height);
    --chronicle-name-label-width: 3rem;

    @media screen and (max-width: 1279px) {
        --chronicle-name-label-width: 3.5rem;
    }

    @media screen and (max-width: 999px) {
        height: auto;
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] .chronicle-unit {
        height: auto;
    }
    .chronicle-unit::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        clear: both;
    }
}
[data-name="クロニクル"] > [data-name="クロニクル1"] {
    margin-bottom: 0.8rem;
}
@media screen and (max-width: 1279px) {
    [data-name="クロニクル"] > [data-name="クロニクル1"] {
        margin-bottom: 2rem;
    }
}
.chronicle-unit > * {
    float: left;
}
.chronicle-unit > .name {
    display: flex;
    width: var(--row-header-width);
    height: 100%;
    font-size: var(--row-header-font-size);
    writing-mode: vertical-rl;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.1);
    overflow-y: visible;
    word-break: keep-all;
    font-family: "Makinas 4 Flat", "マキナス 4 Flat", "マキナスFlat", sans-serif;
}
@media screen and (max-width: 999px) {
    .chronicle-unit > .name {
        width: 100%;
        height: var(--row-header-width);
        writing-mode: inherit;
        margin-bottom: var(--chronicle-content-scape);
    }

    .chronicle-unit > [data-name] {
        flex-flow: column;
    }
}
.chronicle-unit > [data-name="名称"], [data-name="クロニクル"] [data-name="効果種別"] {
    height: calc(100% - var(--ability-height) - var(--chronicle-content-scape));
    margin-bottom: var(--chronicle-content-scape);
    box-sizing: border-box;
}
@media screen and (max-width: 999px) {
    .chronicle-unit > [data-name="名称"], [data-name="クロニクル"] [data-name="効果種別"] {
        height: auto;
    }
}
[data-mode="others"] .chronicle-unit > [data-name="名称"], [data-mode="others"] [data-name="クロニクル"] [data-name="効果種別"] {
    border-bottom: 1px solid rgba(128, 128, 128, 0.5);
}
.chronicle-unit > [data-name="名称"] {
    width: calc((100% - var(--row-header-width) - var(--chronicle-content-scape)) - var(--efficacy-width));
    margin-right: var(--chronicle-content-scape);
    --label-width: var(--chronicle-name-label-width);

    @media screen and (min-width: 1000px) {
        grid-template-rows: 100%;
        grid-template-columns: max-content 1fr;
    }

    @media screen and (max-width: 999px) {
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 100%;
    }

    > .fields {
        @media screen and (min-width: 1000px) {
            grid-row: 1 / -1;
            grid-column: 2 / 3;
        }

        @media screen and (max-width: 999px) {
            grid-row: 2 / 3;
            grid-column: 1 / -1;
        }
    }
}
@media screen and (max-width: 999px) {
    .chronicle-unit > [data-name="名称"] {
        width: 100%;
    }
}
.chronicle-unit > [data-name="名称"]::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
}
@media screen and (max-width: 999px) {
    .chronicle-unit > [data-name="名称"] .character-limit {
        width: 100%;
        height: 0;
        text-align: right;
    }
}
[data-mode="others"] .chronicle-unit > [data-name="名称"] {
    display: flex;
    align-items: center;
    width: calc(100% - var(--row-header-width) - 0.7rem);
    margin-left: 0.7rem;
    margin-right: 0;

    @media screen and (max-width: 1279px) {
        margin-left: 0;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] .chronicle-unit > [data-name="名称"] {
        width: 100%;
        margin-left: 0;
    }
}
[data-mode="others"] .chronicle-unit > [data-name="名称"][data-efficacy-mode]::after {
    content: "［" attr(data-efficacy-mode) "］";
    font-size: 80%;
    display: initial;
    width: auto;
    height: auto;
    clear: none;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] .chronicle-unit > [data-name="名称"][data-efficacy-mode]::after{
        content: none;
    }
}
.chronicle-unit > [data-name="名称"] > .name {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--label-width);
    height: 100%;
    float: left;
}
@media screen and (max-width: 999px) {
    .chronicle-unit > [data-name="名称"] > .name {
        width: 100%;
        height: var(--row-header-width);
        justify-content: flex-start;
    }
}
[data-mode="others"] .chronicle-unit > [data-name="名称"] > .name {
    display: none;
}
.chronicle-unit > [data-name="名称"] > .value {
    width: calc(100% - var(--label-width));
    height: 100%;
    box-sizing: border-box;
}
@media screen and (max-width: 999px) {
    .chronicle-unit > [data-name="名称"] > .value {
        width: 100%;
        height: var(--row-height);
    }
}
[data-mode="others"] .chronicle-unit > [data-name="名称"] > .value {
    width: auto;
    font-weight: bolder;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] .chronicle-unit > [data-name="名称"] > .value {
        height: auto;
        min-height: var(--row-height);
    }
}
.chronicle-unit > [data-name="名称"] .character-limit {
    width: 100%;
    height: 0;
    text-align: right;
}
[data-name="クロニクル"] [data-name="効果種別"] {
    width: var(--efficacy-width);
    position: relative;
}
@media screen and (max-width: 999px) {
    [data-name="クロニクル"] [data-name="効果種別"] {
        width: max-content;
        float: right;
        margin-bottom: 0;

        > .value {
            width: max-content;
        }
    }
}
[data-name="クロニクル"] [data-name="効果種別"][data-selected-id=""]::before {
    content: "（効果を選択）";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    pointer-events: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    padding-left: 0.25em;
    font-size: 80%;
}
[data-mode="others"] [data-name="クロニクル"] [data-name="効果種別"] {
    display: none;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="クロニクル"] [data-name="効果種別"] {
        display: flex;
        width: 100%;
        border-bottom: none;
    }
    [data-mode="others"] [data-name="クロニクル"] [data-name="効果種別"][data-selected-id=""] {
        display: none;
    }
}
[data-name="クロニクル"] [data-name="効果種別"] > .name{
    display: none;
}
[data-name="クロニクル"] [data-name="効果種別"] > .value {
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 999px) {
    [data-name="クロニクル"] [data-name="効果種別"] > .value {
        height: var(--row-height);
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="クロニクル"] [data-name="効果種別"] > .value {
        display: flex;
        float: left;
        font-size: var(--inner-row-header-font-size);
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.06);
        overflow-y: visible;
        word-break: keep-all;
        font-family: "Makinas 4 Flat", "マキナス 4 Flat", "マキナスFlat", sans-serif;
        width: 100%;
        height: var(--inner-row-header-width);
    }
}
[data-name="クロニクル"] .ability-unit,
[data-name="クロニクル"] [data-name="機体アップデート"] {
    width: calc(100% - var(--row-header-width) - 0.7rem);
    height: var(--ability-height);
    float: left;
    margin-left: 0.7rem;

    [data-mode="others"] & {
        @media screen and (max-width: 1279px) {
            margin-left: 0;
        }
    }
}
.chronicle-unit:not([data-efficacy-mode="追加アビリティ"]) .ability-unit,
.chronicle-unit:not([data-efficacy-mode="機体アップデート"]) [data-name="機体アップデート"] {
    display: none;
}
@media screen and (max-width: 999px) {
    [data-name="クロニクル"] .ability-unit, [data-name="クロニクル"] [data-name="機体アップデート"] {
        margin-left: 0;
        width: 100%;
        margin-top: 2rem;
    }

    [data-mode="others"] [data-name="クロニクル"] .ability-unit, [data-mode="others"] [data-name="クロニクル"] [data-name="機体アップデート"] {
        margin-top: 0;
    }
}
@media screen and (max-width: 999px) {
    [data-name="クロニクル"] [data-efficacy-mode="追加アビリティ"] > .ability-unit {
        height: auto;
    }

    [data-mode="others"] [data-name="クロニクル"] [data-efficacy-mode="追加アビリティ"] > .ability-unit > .name {
        display: none;
    }
}
[data-name="クロニクル"] [data-efficacy-mode="機体アップデート"] > [data-name="機体アップデート"] {
    display: block;
    height: var(--ability-height);
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="クロニクル"] [data-efficacy-mode="機体アップデート"] > [data-name="機体アップデート"] {
        height: auto;
    }
}
[data-name="クロニクル"] [data-name="機体アップデート"] > .name {
    display: none;
}
[data-name="クロニクル"] [data-name="機体アップデート"] > [data-name] {
    width: 100%;
    --efficacy-spacing: 0.2rem;
    height: calc((100% - var(--efficacy-spacing)) / 2);
    --label-width: calc(var(--inner-row-header-width) + 2.3rem);
    display: block;
}
@media screen and (max-width: 1279px) {
    [data-name="クロニクル"] [data-name="機体アップデート"] > [data-name] {
        --efficacy-spacing: 0.5rem;
        --label-width: calc(var(--inner-row-header-width) + 3.5rem);
    }
}
@media screen and (max-width: 999px) {
    [data-name="クロニクル"] [data-name="機体アップデート"] > [data-name] {
        --efficacy-spacing: 1rem;
        flex-flow: column;
    }
}
[data-name="クロニクル"] [data-name="機体アップデート"] > [data-name] .character-limit {
    width: 100%;
    height: 0;
    text-align: right;
    position: relative;

    @media screen and (min-width: 1000px) {
        top: -0.5em;
    }

    @media screen and (max-width: 999px) {
        top: 0;
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="クロニクル"] [data-name="機体アップデート"] > [data-name] {
        height: auto;
    }
}
[data-name="クロニクル"] [data-name="機体アップデート"] > [data-name="メリット"]{
    margin-bottom: var(--efficacy-spacing);
}
[data-name="クロニクル"] [data-name="機体アップデート"] > [data-name] > .name {
    font-size: 60%;
    width: var(--label-width);
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 0.2em;
    box-sizing: border-box;
    float: left;
}
@media screen and (max-width: 1279px) {
    [data-name="クロニクル"] [data-name="機体アップデート"] > [data-name] > .name {
        font-size: 75%;
    }
}
@media screen and (max-width: 999px) {
    [data-name="クロニクル"] [data-name="機体アップデート"] > [data-name] > .name {
        font-size: inherit;
        width: 100%;
        height: var(--row-height);
        justify-content: flex-start;
    }

    [data-mode="others"] [data-name="クロニクル"] [data-name="機体アップデート"] > [data-name] > .name::after {
        content: ":";
    }
}
@media all and (min-width: 1280px) {
    [data-mode="others"] [data-name="クロニクル"] [data-name="機体アップデート"] > [data-name] > .name::after {
        content: ":";
    }
}
[data-name="クロニクル"] [data-name="機体アップデート"] > [data-name] > .value {
    width: calc(100% - var(--label-width));
    height: 100%;
    box-sizing: border-box;
    resize: none;
}
@media screen and (max-width: 999px) {
    [data-name="クロニクル"] [data-name="機体アップデート"] > [data-name] > .value {
        width: 100%;
        height: calc(100% - var(--row-height));
    }
}
[data-mode="others"] [data-name="クロニクル"] [data-name="機体アップデート"] > [data-name] > .value {
    font-size: 80%;

    p {
        line-height: 150%;
    }

    &:not(.zoom-supported) {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
    }
}
@media screen and (max-width: 1279px) {
    [data-mode="others"] [data-name="クロニクル"] [data-name="機体アップデート"] > [data-name] > .value {
        border-left: 1px solid rgba(128, 128, 128, 0.3);
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] [data-name="クロニクル"] [data-name="機体アップデート"] > [data-name] > .value {
        height: auto;
        border-left: none;
        border-bottom: 1px solid rgba(128, 128, 128, 0.3);
        padding: 0 0 1rem 1rem;
        line-height: 180%;
    }
}
@media all and (min-width: 1280px) {
    [data-name="クロニクル"] [data-name="機体アップデート"] > [data-name] > textarea.value {
        font-size: 9pt;
    }
}

.ability-unit {
    font-size: 80%;
    --ability-content-space: 0.15rem;
    display: grid;

    @media screen and (min-width: 1280px) {
        --row-height: 1.5rem;
    }

    grid-template-rows: var(--row-height) 1fr;
    grid-template-columns: max-content 1fr 1fr;
    grid-gap: var(--ability-content-space);

    > .name {
        grid-row: 1 / -1;
        grid-column: 1 / 2;
    }

    > [data-name="名称"] {
        grid-row: 1 / 2;
        grid-column: 2 / 3;
    }

    > [data-name="タイミング"] {
        grid-row: 1 / 2;
        grid-column: 3 / 4;
    }

    > [data-name="効果"] {
        grid-row: -2 / -1;
        grid-column: 2 / -1;
    }

    [data-mode="others"] & {
        grid-template-columns: max-content max-content 1fr;

        @media screen and (max-width: 1279px) {
            grid-template-rows: repeat(2, max-content);
        }
    }
}
@media screen and (max-width: 1279px) {
    .ability-unit {
        font-size: inherit;
        --ability-content-space: 0.5rem;
    }
}
@media screen and (max-width: 999px) {
    .ability-unit {
        --ability-content-space: 1rem;
        grid-template-rows: repeat(4, max-content);
        grid-template-columns: 100%;

        > .name,
        > [data-name="名称"],
        > [data-name="タイミング"],
        > [data-name="効果"] {
            grid-column: 1 / -1;
        }

        > .name {
            grid-row: 1 / 2;
            grid-column: 1 / -1;
        }

        > [data-name="名称"] {
            grid-row: 2 / 3;
        }

        > [data-name="タイミング"] {
            grid-row: 3 / 4;
        }

        > [data-name="効果"] {
            grid-row: 4 / 5;
        }
    }
}
.ability-unit > .name {
    display: flex;
    width: var(--inner-row-header-width);
    height: 100%;
    float: left;
    font-size: var(--inner-row-header-font-size);
    writing-mode: vertical-rl;
    justify-content: center;
    align-items: center;
    background-color: #d6dce6;
    overflow-y: visible;
    word-break: keep-all;
    font-family: "Makinas 4 Flat", "マキナス 4 Flat", "マキナスFlat", sans-serif;
    margin-right: 0.15rem;

    [data-mode="others"] & {
        margin-right: 0;
    }
}
@media screen and (max-width: 999px) {
    .ability-unit > .name {
        width: 100%;
        height: var(--inner-row-header-width);
        writing-mode: inherit;
    }
}
@media screen and (min-width: 1000px) {
    .ability-unit > [data-name] {
        display: grid;
        grid-template-rows: 100%;
        grid-template-columns: max-content 1fr;

        > .name {
            grid-row: 1 / -1;
            grid-column: 1 / 2;
            width: max-content;
            height: 100%;
            padding-right: 0.25em;
        }

        > .value {
            grid-row: 1 / -1;
            grid-column: 2 / 3;
            width: 100%;
            height: 100%;
        }

        &[data-name="効果"] {
            [data-mode="others"] & {
                grid-template-rows: max-content max-content;
                width: 100%;
                height: auto;

                > .value {
                    @media screen and (max-width: 1279px) {
                        width: 100%;
                        height: max-content;
                    }
                }
            }
        }
    }
}
@media screen and (max-width: 999px) {
    .ability-unit > [data-name] {
        flex-flow: column;
    }
}
.ability-unit > [data-name] > .name {
    display: inline-flex;
    float: left;
}
.ability-unit > [data-name] .character-limit {
    width: 100%;
    height: 0;
    text-align: right;
}
.ability-unit > [data-name="名称"] {
    width: 100%;
}
.ability-unit > [data-name="名称"]:not(.editable-selector) {
    display: block;
}
.ability-unit > [data-name="名称"].editable-selector {
    @media screen and (min-width: 1000px) {
        grid-template-rows: 100%;
        grid-template-columns: max-content 1fr;
    }

    @media screen and (max-width: 999px) {
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 100%;
    }

    > .fields {
        @media screen and (min-width: 1000px) {
            grid-row: 1 / -1;
            grid-column: 2 / 3;
        }

        @media screen and (max-width: 999px) {
            grid-row: 2 / 3;
            grid-column: 1 / -1;
        }

        & select {
            font-size: 85%;
        }
    }
}
@media screen and (max-width: 999px) {
    .ability-unit > [data-name="名称"] {
        width: 100%;
    }
}
[data-mode="others"] .ability-unit > [data-name="名称"] {
    font-weight: bolder;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 999px) {
    [data-mode="others"] .ability-unit > [data-name="名称"] {
        width: 100%;
        margin-left: 0;
    }
}
[data-mode="others"] .ability-unit > [data-name="名称"][data-timing]::after {
    content: "（タイミング：" attr(data-timing) "）";
    font-weight: normal;
    font-size: 90%;
}
@media screen and (max-width: 1279px) {
    [data-mode="others"] .ability-unit > [data-name="名称"][data-timing]::after {
        white-space: nowrap;
    }
}
.ability-unit > [data-name="タイミング"] {
    --headline-width: 4.8rem;

    @media screen and (min-width: 1000px) {
        margin-left: 1em;

        [data-mode="others"] & {
            margin-left: 0;
        }
    }
}
@media screen and (max-width: 1279px) {
    .ability-unit > [data-name="タイミング"] {
        --headline-width: 7rem;

        input {
            font-size: 55%;
        }
    }
}
@media screen and (max-width: 999px) {
    .ability-unit > [data-name="タイミング"] {
        width: 100%;
    }
}
[data-mode="others"] .ability-unit > [data-name="タイミング"] {
    display: flex;
    flex-flow: row;
    align-items: center;
    font-size: 90%;

    &::before,
    &::after,
    > .name,
    > .value {
        display: inline;
        width: max-content;
        height: max-content;
        font-size: 100%;
    }

    &::before {
        content: "（";
    }

    &::after {
        content: "）";
    }
}
.ability-unit > [data-name="名称"],
.ability-unit > [data-name="タイミング"] {
    height: 100%;
    box-sizing: border-box;
}
@media screen and (max-width: 1279px) {
    .ability-unit > [data-name="名称"], .ability-unit > [data-name="タイミング"] {
        height: var(--row-height);
    }
}
@media screen and (max-width: 999px) {
    .ability-unit > [data-name="名称"], .ability-unit > [data-name="タイミング"] {
        height: auto;
    }
}
.ability-unit > [data-name="名称"], .ability-unit > [data-name="効果"] {
    --headline-width: 2.3rem;
}
@media screen and (max-width: 1279px) {
    .ability-unit > [data-name="名称"], .ability-unit > [data-name="効果"] {
        --headline-width: 3.5rem;
    }
}
[data-mode="others"] .ability-unit > [data-name="効果"] {
    border-top: 1px solid rgba(128, 128, 128, 0.3);
    padding-top: 0.25em;
    box-sizing: border-box;

    @media screen and (min-width: 1280px) {
        height: 100%;
        overflow-y: auto;
    }
}
[data-mode="others"] .ability-unit > [data-name="名称"] > .name{
    display: none;
}
[data-mode="others"] .ability-unit > [data-name="名称"] > .value {
    width: auto;
}
@media screen and (max-width: 1279px) {
    [data-mode="others"] .ability-unit > [data-name="名称"] > .value {
        white-space: nowrap;
    }
}
@media all and (min-width: 1280px) {
    .ability-unit > [data-name="タイミング"] input {
        font-size: 9pt;
    }
}
.ability-unit > [data-name="効果"] {
}
@media screen and (max-width: 999px) {
    .ability-unit > [data-name="効果"] {
        width: 100%;
        height: auto;
    }
}
[data-mode="others"] .ability-unit > [data-name="効果"] {
    &.empty {
        display: none;
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] .ability-unit > [data-name="効果"] {
        width: 100%;
    }
}
.ability-unit > [data-name] > .name {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 10pt;
    box-sizing: border-box;
}
@media screen and (max-width: 1279px) {
    .ability-unit > [data-name] > .name {
        font-size: inherit;
        justify-content: flex-end;
        padding-right: 0.25em;
    }
}
@media screen and (max-width: 999px) {
    .ability-unit > [data-name] > .name {
        width: 100%;
        height: var(--row-height);
        padding: 0;
        justify-content: flex-start;
    }
}
.ability-unit > [data-name] > .value {
    height: 100%;
    box-sizing: border-box;
}
@media screen and (max-width: 999px) {
    .ability-unit > [data-name] > .value {
        width: 100%;
        height: var(--row-height);
    }
    [data-mode="others"] .ability-unit > [data-name] > .value {
        height: auto;
        min-height: var(--row-height);
    }
}
[data-mode="others"] .ability-unit > [data-name="効果"] > .name {
    display: none;
}
@media screen and (max-width: 999px) {
    .ability-unit > [data-name="効果"] > .value {
        height: 12rem;
    }
}
.ability-unit > [data-name="効果"] > .value {
    @media screen and (max-width: 1279px) {
        height: 7em;
    }
}
[data-mode="others"] .ability-unit > [data-name="効果"] > .value {
    width: 100%;
    font-size: 90%;
}
@media all and (max-width: 1599px) {
    [data-mode="others"] .ability-unit > [data-name="効果"] > .value {
        font-size: 85%;
    }
}
@media all and (max-width: 1549px) {
    [data-mode="others"] .ability-unit > [data-name="効果"] > .value {
        font-size: 80%;
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"] .ability-unit > [data-name="効果"] > .value {
        height: auto;
        font-size: 80%;
        line-height: 180%;
    }
}
.ability-unit > [data-name="効果"] > textarea.value {
    resize: none;
}
@media all and (min-width: 1600px) {
    .ability-unit > [data-name="効果"] > textarea.value {
        font-size: 8.5pt;
    }
}
@media all and (min-width: 1280px) and (max-width: 1599px) {
    .ability-unit > [data-name="効果"] > textarea.value {
        font-size: 8.0pt;
    }
}
@media all and (min-width: 1280px) and (max-width: 1549px) {
    .ability-unit > [data-name="効果"] > textarea.value {
        font-size: 7.5pt;
    }
}
@media all and (min-width: 1280px) and (max-width: 1499px) {
    .ability-unit > [data-name="効果"] > textarea.value {
        line-height: 130%;
    }
}
.ability-unit > [data-name="効果"] .character-limit {
    position: relative;
    z-index: 1;

    @media screen and (min-width: 1000px) {
        top: -0.5em;
    }

    @media screen and (max-width: 999px) {
        top: 0;
    }
}

.character-sheet[data-name="フィアンセ"] > [data-name="キャラクター"]::before{
    content: "フィアンセ";
}

[data-name="フィアンセ"] > [data-name="キャラクター"]{
    height: 100%;
    display: flex;
    flex-flow: column;
}
[data-name="フィアンセ"] [data-name="パートナーをどう呼ぶ？"] {
    margin-bottom: 0.8rem;
}
@media screen and (max-width: 1279px) {
    [data-name="フィアンセ"] [data-name="パートナーをどう呼ぶ？"] {
        margin-bottom: 2rem;
    }
}
[data-name="フィアンセ"] [data-name="感情回路"] {
    --burnout-width: 2rem;
    width: calc(100% + var(--burnout-width));
    height: calc(100% - (1.2rem + 1.5rem) - ((2rem + 0.4rem) * 2) - (2rem + 0.8rem) - 6rem - 0.4rem - (250px + 2rem) - 0.4rem - (3rem + 0.4rem) - (3rem + 0.8rem));
    margin-bottom: 0;
    display: block;
    --emotional-circuit-content-space: 0.3rem;
}
[data-mode="others"][data-name="フィアンセ"] [data-name="感情回路"] {
    --burnout-width: 0;
}
@media screen and (max-width: 1279px) {
    [data-name="フィアンセ"] [data-name="感情回路"] {
        --emotional-circuit-content-space: 1rem;
        height: auto;
        --row-height: 5rem;
    }
}
@media screen and (max-width: 999px) {
    [data-name="フィアンセ"] [data-name="感情回路"] {
        --row-height: 2.5rem;
    }
}
@media screen and (max-width: 1279px) {
    [data-mode="others"][data-name="フィアンセ"] [data-name="感情回路"] {
        --emotional-circuit-content-space: 0.5rem;
    }
}
[data-name="フィアンセ"] [data-name="感情回路"] > .name {
    display: flex;
    width: var(--row-header-width);
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    writing-mode: vertical-rl;
    float: left;
    font-size: var(--row-header-font-size);
    justify-content: center;
    align-items: center;
    letter-spacing: 0.2em;
    font-family: "Makinas 4 Flat", "マキナス 4 Flat", "マキナスFlat", sans-serif;
    padding: 0;
}
@media screen and (max-width: 1279px) {
    [data-name="フィアンセ"] [data-name="感情回路"] > .name {
        height: calc((var(--row-height) * 3) + (var(--emotional-circuit-content-space) * 2));
    }
}
@media screen and (max-width: 999px) {
    [data-name="フィアンセ"] [data-name="感情回路"] > .name {
        width: calc(100% - var(--burnout-width));
        height: var(--row-header-width);
        writing-mode: inherit;
        margin-bottom: 1rem;
    }
}
@media screen and (max-width: 1279px) {
    [data-mode="others"][data-name="フィアンセ"] [data-name="感情回路"] > .name {
        height: calc((var(--row-height) * 3) + (var(--emotional-circuit-content-space) * 2) + (1px * 2));
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"][data-name="フィアンセ"] [data-name="感情回路"] > .name {
        height: var(--row-header-width);
        width: 100%;
    }
}
[data-name="フィアンセ"] [data-name="感情回路"] > [data-name] {
    --left-margin: 0.35rem;
    width: calc(100% - var(--row-header-width) - var(--left-margin));
    height: calc((100% - (var(--emotional-circuit-content-space) * 2)) / 3);
    float: left;
    margin-left: var(--left-margin);
    margin-bottom: var(--emotional-circuit-content-space);
    box-sizing: border-box;
    position: relative;
}
@media screen and (max-width: 1279px) {
    [data-name="フィアンセ"] [data-name="感情回路"] > [data-name] {
        height: var(--row-height);
        --left-margin: 0.7rem;
    }
}
@media screen and (max-width: 999px) {
    [data-name="フィアンセ"] [data-name="感情回路"] > [data-name] {
        width: 100%;
        height: calc(var(--row-height) * 2);
        margin-left: 0;
        flex-flow: column;
    }
    [data-name="フィアンセ"] [data-name="感情回路"] > [data-name] .character-limit {
        width: 100%;
        height: 0;
        text-align: right;
    }
}
@media screen and (max-width: 1279px) {
    [data-mode="others"][data-name="フィアンセ"] [data-name="感情回路"] > [data-name] {
        height: calc(var(--row-height) + (var(--emotional-circuit-content-space) / 2) + 1px);
        padding-bottom: calc(var(--emotional-circuit-content-space) / 2);
        margin-bottom: calc(var(--emotional-circuit-content-space) / 2);
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"][data-name="フィアンセ"] [data-name="感情回路"] > [data-name] {
        height: auto;
        min-height: var(--row-height);
        display: flex;
        flex-flow: row;
        align-items: center;
    }
}
[data-name="フィアンセ"] [data-name="感情回路"] > [data-name="3"] {
    margin-bottom: 0;
}
@media screen and (max-width: 1279px) {
    [data-mode="others"][data-name="フィアンセ"] [data-name="感情回路"] > [data-name="3"] {
        padding-bottom: 0;
        margin-bottom: 0;
        height: var(--row-height);
    }
}
@media screen and (max-width: 999px) {
    [data-mode="others"][data-name="フィアンセ"] [data-name="感情回路"] > [data-name="3"] {
        height: auto;
    }
}
[data-mode="others"][data-name="フィアンセ"] [data-name="感情回路"] > [data-name="1"], [data-mode="others"][data-name="フィアンセ"] [data-name="感情回路"] > [data-name="2"] {
    border-bottom: 1px solid rgba(128, 128, 128, 0.5);
    box-sizing: border-box;
}
[data-name="フィアンセ"] [data-name="感情回路"] > [data-name] > .name{
    display: none;
}
[data-name="フィアンセ"] [data-name="感情回路"] > [data-name] > .name::after{
    content: ":";
}
[data-name="フィアンセ"] [data-name="感情回路"] > [data-name] > .note[data-name] {
    width: calc(100% - var(--burnout-width));
    height: 100%;
    box-sizing: border-box;
    display: block;
}
[data-name="フィアンセ"][data-mode="others"] [data-name="感情回路"] > [data-name] > .note[data-name] {
    width: 100%;
    min-height: var(--row-height);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
}
[data-name="フィアンセ"] [data-name="感情回路"] > [data-name] > .note[data-name] .character-limit {
    width: 100%;
    height: 0;
    text-align: right;
    z-index: 1;
    position: relative;
    top: -0.5em;
}
[data-name="フィアンセ"] [data-name="感情回路"] > [data-name] > [data-name$="バーンナウト"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: var(--burnout-width);
}
[data-name="フィアンセ"] [data-name="感情回路"] > [data-name] > [data-name][data-is-burnout="yes"] {
    border: 2px solid rgba(180, 180, 180, 0.5);
    background-image: url("../../assets/images/burnout.png");
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
[data-name="フィアンセ"] [data-name="感情回路"] > [data-name] > [data-name][data-is-burnout="yes"]::after {
    content: "BURNOUT";
    font-size: 20pt;
    letter-spacing: 0.15em;
    font-weight: bold;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    color: #a7a7a7;
    text-shadow: #dcdcdc 0.1em 0.1em 0.12em;
}
[data-name="フィアンセ"] [data-name="感情回路"] > [data-name] > [data-name] > .name {
    display: none;
}
[data-name="フィアンセ"] [data-name="感情回路"] > [data-name] > [data-name] > .value {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
[data-name="フィアンセ"] [data-name="感情回路"] > [data-name] > [data-name][data-is-burnout="yes"] > .value {
    display: none !important;
}
[data-mode="others"][data-name="フィアンセ"] [data-name="感情回路"] > [data-name] > [data-name] > .value {
    font-size: 80%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
}
@media screen and (max-width: 999px) {
    [data-mode="others"][data-name="フィアンセ"] [data-name="感情回路"] > [data-name] > [data-name] > .value {
        height: auto;
    }
}
[data-name="フィアンセ"] [data-name="感情回路"] > [data-name] > [data-name] > textarea.value {
    font-size: 11pt;
}
@media screen and (max-width: 1279px) {
    [data-name="フィアンセ"] [data-name="感情回路"] > [data-name] > [data-name] > textarea.value {
        font-size: inherit;
    }
    [data-name="フィアンセ"] [data-name="感情回路"] > [data-name] > [data-name] > .character-limit {
        width: 100%;
        height: 0;
        position: relative;
        top: -0.5em;
    }
}

.purged[data-name="フィアンセ"] {
    background-color: darkslategray;
}
.purged[data-name="フィアンセ"] > [data-name="キャラクター"] {
    position: relative;
}
.purged[data-name="フィアンセ"] > [data-name="キャラクター"]::after {
    content: "PURGED";
    display: flex;
    position: absolute;
    top: 1.2rem;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 80pt;
    letter-spacing: 0.25em;
    justify-content: center;
    align-items: center;
    transform: rotateZ(90deg);
    pointer-events: none;
    color: rgba(255, 255, 255, 0.75);
}
.purged[data-name="フィアンセ"] > [data-name="キャラクター"] .image-property {
    opacity: 0.5;
}

.virtual-window {
    background-color: rgb(240, 248, 255);
}
.virtual-window .window-header {
    font-family: マキナスFlat, sans-serif;
}

.virtual-window[data-title="リヴァルチャーのカスタム"] {
    width: 30vw;
}
.virtual-window[data-title="リヴァルチャーのカスタム"] > .window-header {
    background-color: var(--chevalier-theme-color-rgb);
}
.virtual-window[data-title="リヴァルチャーのカスタム"] > .window-body label {
    display: block;
    width: 100%;
    height: 2.5rem;
    --label-width: 3.5rem;
}
.virtual-window[data-title="リヴァルチャーのカスタム"] > .window-body label > .name {
    width: var(--label-width);
    display: inline-flex;
}
.virtual-window[data-title="リヴァルチャーのカスタム"] > .window-body label > .value {
    width: calc(100% - var(--label-width));
}
.virtual-window[data-title="リヴァルチャーのカスタム"] > .window-body label > .value-on-print {
    display: none !important;
}
.virtual-window[data-title="リヴァルチャーのカスタム"] > .window-body label > .character-limit {
    width: 100%;
    text-align: right;
}

.virtual-window[data-title="ミッションクリア報酬"] {
    width: min(80vw, 90rem);
    height: min(70vh, 60rem);
    --list-item-height: 14rem;
}
.virtual-window[data-title="ミッションクリア報酬"] .window-header {
    background-color: var(--chevalier-theme-color-rgb);
}
.virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-flow: row;
}
@media screen and (max-width: 999px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] {
        flex-flow: column;
    }
    .virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] {
        display: block;
        overflow-y: scroll;
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] > .name {
    display: none;
}
.virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] > [data-name] {
    --space-between-columns: 3.0rem;
    width: calc((100% - var(--space-between-columns)) / 2);
    margin-right: var(--space-between-columns);
    box-sizing: border-box;
}
@media screen and (max-width: 999px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] > [data-name] {
        width: 100%;
        height: calc((100% - var(--space-between-columns)) / 2);
        margin-right: 0;
        margin-bottom: var(--space-between-columns);
    }
    .virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] > [data-name] {
        height: auto;
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] > [data-name]:last-child {
    margin-right: 0;
}
@media screen and (max-width: 999px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] > [data-name]:last-child {
        margin-bottom: 0;
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] > [data-name] > .name {
    display: flex;
    width: 100%;
    background-color: #cfd5dd;
    font-family: マキナスFlat, sans-serif;
    justify-content: center;
    align-items: center;
}
.virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .list {
    --headline-height: 2.2rem;
    --margin-after-headline: 0.5rem;
}
@media screen and (min-width: 1000px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .list {
        height: 100%;
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .list > .contents-area {
    height: calc(100% - var(--headline-height));
    overflow-y: scroll;
    padding-right: 0.5rem;
}
@media screen and (min-width: 1000px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .list > .contents-area {
        overflow-y: auto;
    }
}
@media screen and (max-width: 999px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .list > .contents-area {
        height: auto;
        overflow-y: initial;
        padding-right: 0;
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .list > .contents-area[data-not-empty-item-count="0"] {
    overflow-y: initial;
}
.virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .list .list-item {
    width: 100%;
    margin-bottom: 2.0rem;
    height: var(--list-item-height);
    --row-header-width: 0px;
    --inner-row-header-width: 1.2rem;
    border: 2px dashed rgba(128, 128, 128, 0.5);
    border-radius: 1rem;
    padding: calc(1rem - 1px);
    box-sizing: border-box;

    @media screen and (max-width: 999px) {
        height: auto;
    }
}
@media screen and (max-width: 1279px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .list .list-item {
        border-style: solid;
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .list .list-item {
    height: auto;

    &.is-empty-item {
        display: none;
    }
}
@media screen and (max-width: 1279px) and (min-width: 1000px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .list .list-item.weapon-unit {
        height: auto;

        > [data-name] {
            --label-width: 6.5rem;

            &:not([data-name="効果"]) {
                height: 2.0rem;
            }

            &[data-name="射程"] {
                font-size: 100%;
            }

            &[data-name="消費エネルギー"] {
                > .name {
                    letter-spacing: initial;
                }
            }
        }
    }
}
@media screen and (max-width: 999px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .weapon-unit {
        --row-height: 2.2rem;
        display: grid;
        grid-template-rows: repeat(5, max-content);
        grid-template-columns: 100%;
        grid-gap: 1.0rem;

        > [data-name] {
            grid-column: 1 / -1;
            margin-bottom: 0;
            height: auto;
        }

        > [data-name="名称"] {
            grid-row: 1 / 2;
        }

        > [data-name="射程"] {
            grid-row: 2 / 3;
        }

        > [data-name="消費エネルギー"] {
            grid-row: 3 / 4;
        }

        > [data-name="目標値"] {
            grid-row: 4 / 5;
        }

        > [data-name="効果"] {
            grid-row: 5 / 6;
        }
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .weapon-unit[data-is-empty="yes"] {
    display: none;
}
@media screen and (max-width: 1279px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .weapon-unit [data-name="射程"]::after {
        padding-right: 1rem;
    }
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .weapon-unit [data-name="効果"] {
        margin-left: 0;
        width: 100%;
    }
    .virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .weapon-unit [data-name="効果"] > .value {
        height: auto;
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit {
    --ability-height: calc(var(--list-item-height) - ((1rem - 1px) * 2) - 2.2rem);
    display: grid;
    --row-height: 1.3rem;

    @media screen and (max-width: 1279px) {
        --row-height: 2.0rem;
        grid-gap: 0.5rem;
    }

    --chronicle-name-row-height: calc(var(--row-height) + 0.15rem);
    --chronicle-mode-row-height: calc(var(--row-height) + var(--chronicle-content-scape));
    --chronicle-details-row-height: calc(100% - var(--chronicle-name-row-height) - var(--chronicle-mode-row-height));
    grid-template-rows: var(--chronicle-name-row-height) var(--chronicle-mode-row-height) var(--chronicle-details-row-height);
    grid-template-columns: 1fr max-content;

    [data-mode="others"] & {
        grid-template-rows: repeat(3, max-content);

        > [data-name="名称"] {
            margin-bottom: 0.5em;
        }
    }

    @media screen and (max-width: 1279px) {
        grid-template-rows: var(--chronicle-name-row-height) var(--chronicle-mode-row-height) 1fr;
    }

    [data-mode="others"] & {
        @media screen and (max-width: 1279px) {
            grid-template-rows: repeat(2, max-content);
        }
    }

    > [data-name="名称"] {
        grid-row: 1 / 2;
        grid-column: 1 / -1;
        width: 100%;
        height: max-content;
        margin-right: 0;

        @media screen and (min-width: 1280px) {
            margin-bottom: 0.15rem;
        }

        @media screen and (max-width: 1279px) {
            margin-bottom: 0;
            height: 100%;
        }

        display: grid;
        grid-template-rows: 100%;
        grid-template-columns: max-content 1fr;

        > .name {
            grid-row: 1 / -1;
            grid-column: 1 / 2;
            width: max-content;
            height: 100%;
            padding-right: 0.25em;
        }

        > .value {
            grid-row: 1 / -1;
            grid-column: 2 / 3;
            width: 100%;
            height: 100%;
        }

        @media screen and (max-width: 1279px) {
            .fields {
                select {
                    font-size: 90%;
                }
            }
        }
    }

    > [data-name="効果種別"] {
        grid-row: 2 / 3;
        grid-column: 2 / 3;
        width: max-content;
        height: max-content;

        @media screen and (max-width: 1279px) {
            margin-left: auto;
            margin-bottom: 0;
            height: 100%;
        }
    }

    > :is([data-name="アビリティ"], [data-name="機体アップデート"]) {
        grid-row: 3 / 4;
        grid-column: 1 / -1;
        width: 100%;
        height: 100%;

        @media screen and (max-width: 999px) {
            height: auto;
        }
    }

    [data-mode="others"] & {
        @media screen and (max-width: 999px) {
            > [data-name="効果種別"] {
                display: none;
            }

            > [data-name="名称"],
            > [data-name="アビリティ"],
            > [data-name="機体アップデート"] {
                grid-column: 1 / -1;
            }

            > [data-name="アビリティ"],
            > [data-name="機体アップデート"] {
                grid-row: 2 / 3;
            }
        }
    }
}
@media screen and (max-width: 1279px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .list .list-item.chronicle-unit {
        --ability-height: 12rem;
        --list-item-height: calc(var(--ability-height) + 8rem);
    }
}
@media screen and (max-width: 999px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .list .list-item.chronicle-unit {
        --ability-height: 23rem;
        --row-header-width: 1.5rem;
        height: auto;
        --row-height: 2.2rem;

        [data-mode="others"] & {
            grid-template-columns: 100%;
        }
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit[data-is-empty="yes"] {
    display: none;
}
.virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit > .name {
    display: none;
}
@media screen and (max-width: 999px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit > [data-name="名称"], .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit > [data-name="効果種別"] {
        height: auto;
    }
}
@media screen and (max-width: 1279px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit > [data-name="名称"] {
        width: 100%;
        margin-right: 0;
    }
}
@media screen and (max-width: 999px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit > [data-name="名称"] {
        grid-template-rows: max-content max-content;

        > .fields {
            height: var(--row-height);
        }
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit > [data-name="名称"] {
    width: 100%;
    margin-left: 0;
}
@media screen and (max-width: 1279px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit > [data-name="効果種別"] {
        width: calc(100% - var(--chronicle-name-label-width));
        margin-left: var(--chronicle-name-label-width);
    }
}
@media screen and (max-width: 999px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-mode]:not([data-mode="others"]) [data-name="ミッションクリア報酬"] .chronicle-unit > [data-name="効果種別"] {
        width: max-content;
        margin-left: auto;

        > .value {
            width: max-content;
        }
    }
    .virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit > [data-name="効果種別"] {
        width: 100%;
        margin-left: 0;
    }
    .virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit > [data-name="効果種別"] > .value {
        background-color: #d8dfe8;
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit [data-name="機体アップデート"] {
    width: 100%;
    margin-left: 0;
}
@media screen and (max-width: 999px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit [data-name="機体アップデート"] {
        --row-height: 1.5rem;
        margin-top: 0;

        > [data-name] {
            display: grid;
            grid-template-rows: max-content 1fr;
            grid-template-columns: 100%;

            > .name,
            > .value {
                grid-column: 1 / -1;
            }

            > .name {
                grid-row: 1 / 2;
            }

            > .value {
                grid-row: 2 / 3;
                height: 100%;
            }
        }
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit [data-name="機体アップデート"] {
    height: auto;
}
.virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit [data-name="機体アップデート"] [data-name] {
    @media screen and (max-width: 999px) {
        height: 6rem;
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit [data-name="機体アップデート"] [data-name] {
    display: flex;
    align-items: center;
    height: auto;
}
.virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit [data-name="機体アップデート"] label[data-name]:first-of-type {
    border-bottom: 1px dotted rgb(210, 210, 210);
    box-sizing: border-box;
    padding-bottom: 0.35em;
    margin-bottom: 0.35em;
}
@media screen and (max-width: 1279px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit [data-name="機体アップデート"] label[data-name]:first-of-type {
        border-bottom: 1px solid rgba(128, 128, 128, 0.5);
    }
}
@media screen and (max-width: 999px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit [data-name="機体アップデート"] label[data-name]:first-of-type {
        padding-bottom: 0;
        margin-bottom: 1rem;
        border-bottom: none;
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit [data-name="機体アップデート"] [data-name] .name {
    height: auto;
}
.virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit [data-name="機体アップデート"] [data-name] .value {
    height: auto;
}
@media screen and (max-width: 999px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit [data-name="機体アップデート"] [data-name="デメリット"] .value {
        border-bottom: none;
        padding-bottom: 0;
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit {
    margin-left: 0;
    position: relative;

    @media screen and (min-width: 1000px) {
        grid-template-rows: repeat(2, var(--row-height)) 1fr;

        > [data-name] > .name {
            min-width: 5.5em;
            padding-right: 0;
            justify-content: center;
        }

        > [data-name="名称"] {
            grid-row: 1 / 2;
            grid-column: 2 / -1;

            > .fields {
                select {
                    @media screen and (max-width: 1279px) {
                        font-size: 70%;
                    }
                }
            }
        }

        > [data-name="タイミング"] {
            grid-row: 2 / 3;
            grid-column: 2 / -1;
            margin-left: 0;
        }

        > [data-name="効果"] {
            > .value {
                height: 100%;
            }
        }

        [data-mode="others"] & {
            grid-template-rows: max-content 1fr;
            grid-template-columns: max-content 1fr;

            > [data-name="名称"],
            > [data-name="タイミング"] {
                grid-row: 1 / 2;
            }

            > [data-name="名称"] {
                grid-column: 1 / 2;
            }

            > [data-name="タイミング"] {
                grid-column: 2 / 3;
                display: inline-block;
                font-size: 85%;
                width: max-content;

                &.empty {
                    display: none;
                }

                @media screen and (max-width: 1279px) {
                    width: 100%;
                    font-size: 75%;
                }

                > .name,
                > .value,
                &::before,
                &::after {
                    float: left;
                }

                > .name {
                    font-size: 100%;
                }

                > .value {
                    width: max-content;
                }

                &::before {
                    content: "（";
                }

                &::after {
                    content: "）";
                }
            }

            > [data-name="効果"] {
                grid-row: 2 / 3;
                grid-column: 1 / -1;
            }
        }
    }
}
@media screen and (max-width: 1279px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit {
        --override-headline-width: 5.5rem;
        --row-height: 2rem;
        --ability-content-space: calc(var(--chronicle-content-scape) / 2);

        [data-mode="others"] & {
            display: grid;
            grid-template-rows: repeat(3, max-content);
            grid-template-columns: max-content 1fr;

            @media screen and (max-width: 999px) {
                grid-template-columns: 100%;
            }

            > .name {
                grid-row: 1 / -1;
                grid-column: 1 / 2;
            }

            > [data-name="名称"],
            > [data-name="タイミング"],
            > [data-name="効果"] {
                grid-column: 2 / -1;
            }

            > [data-name="名称"] {
                grid-row: 1 / 2;
            }

            > [data-name="タイミング"] {
                grid-row: 2 / 3;
            }

            > [data-name="効果"] {
                grid-row: 3 / 4;
            }
        }

        [data-mode="others"] [data-efficacy-mode="機体アップデート"] & {
            display: none;
        }
    }
}
@media screen and (max-width: 999px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit {
        --item-height: 4.4rem;
        --item-label-height: calc(var(--item-height) / 2);
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit {
    height: auto;
    min-height: 5rem;

    @media screen and (max-width: 1279px) {
        height: max-content;
        min-height: initial;
    }
}
@media screen and (min-width: 1280px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit > .name {
        height: initial;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
    }
}
@media screen and (max-width: 999px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit [data-name="名称"], .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit [data-name="タイミング"] {
        height: var(--item-height);
        width: 100%;
    }

    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit [data-name="名称"] > .name, .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit [data-name="タイミング"] > .name {
        height: var(--item-label-height);
    }

    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit [data-name="名称"] > .value, .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit [data-name="タイミング"] > .value {
        height: calc(100% - var(--item-label-height));
    }
}
@media screen and (max-width: 1279px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit > [data-name="名称"] {
        margin-right: 0;
        --headline-width: var(--override-headline-width);
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit > [data-name="名称"] {
    margin-left: calc(var(--inner-row-header-width) + 0.5rem);
    width: max-content;
}
@media screen and (max-width: 1279px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit > [data-name="名称"] {
        width: 100%;
        height: auto;
        display: block;
        margin-left: 0;
    }
}
@media screen and (max-width: 999px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit > [data-name="名称"] {
        margin-left: 0;
        display: flex;
        justify-content: center;
        grid-column-start: 1;

        > .fields {
            width: max-content;

            > [data-name] {
                width: max-content;
            }
        }
    }
}
@media screen and (max-width: 1279px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit > [data-name="名称"] > .value {
        float: left;
    }
}
@media screen and (max-width: 1279px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit > [data-name="タイミング"] {
        --headline-width: var(--override-headline-width);

        input {
            font-size: 65%;
        }

        [data-mode="others"] & {
            height: max-content;
        }
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit > [data-name="タイミング"] {
    @media screen and (max-width: 999px) {
        grid-column-start: 1;
        justify-content: center;

        > .name,
        > .value {
            height: max-content;
            min-height: initial;
        }
    }
}
@media screen and (max-width: 1279px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit > [data-name="効果"] {
        --headline-width: var(--override-headline-width);
    }
}
.virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit > [data-name="効果"] {
    height: 100%;
    margin-left: calc(var(--inner-row-header-width) + 0.5rem);

    @media screen and (max-width: 1279px) {
        margin-left: 0;
    }

    @media screen and (max-width: 999px) {
        height: max-content;

        > .value {
            height: max-content;
        }
    }
}
@media screen and (max-width: 999px) {
    .virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit > [data-name="効果"] {
        margin-left: 0;
        grid-column-start: 1;
    }
    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit > [data-name="効果"] > .name {
        height: var(--item-label-height);
    }

    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit .ability-unit > [data-name="効果"] > .value {
        height: 8em;
    }

    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit::after {
        content: "";
        display: block;
        width: 100%;
        height: 16rem;
        box-sizing: border-box;
        float: left;
        clear: both;
        margin-top: 2rem;
    }

    .virtual-window[data-title="ミッションクリア報酬"] [data-name="ミッションクリア報酬"] .chronicle-unit[data-efficacy-mode]::after {
        content: none;
        display: none;
    }

    .virtual-window[data-title="ミッションクリア報酬"] [data-mode="others"] [data-name="ミッションクリア報酬"] .chronicle-unit::after {
        content: none;
        display: none;
    }
}

.virtual-window[data-title="アチーブメント"] {
    width: min(50vw, 60rem);
    height: min(40vh, 30rem);

    input, select, textarea {
        background-color: #e9f4e9;
        border: 2px solid rgba(128, 128, 128, 0.5);
    }
}
.virtual-window[data-title="アチーブメント"] .window-header {
    background-color: var(--chevalier-theme-color-rgb);
}
.virtual-window[data-title="アチーブメント"] .window-body {
    overflow-y: auto;
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] {
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] > .name {
    display: none;
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item {
    width: 100%;
    --upper-row-height: 2.2rem;
    height: calc(var(--upper-row-height) + 6rem);
    --state-width: 5rem;
    --space-between-fields: 0.6rem;
    box-sizing: border-box;
    margin-bottom: 1.3rem;
    --field-label-width: 2.2rem;
    display: grid;
    grid-template-rows: max-content 1fr;
    grid-template-columns: 1fr 1fr max-content;
    grid-gap: var(--space-between-fields);

    > [data-name="名称"] {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }

    > [data-name="効果"] {
        grid-row: 1 / 2;
        grid-column: 2 / 3;
    }

    > [data-name="状態"] {
        grid-row: 1 / 2;
        grid-column: 3 / 4;
    }

    > [data-name="設定＆ミニストーリー"] {
        grid-row: 2 / 3;
        grid-column: 1 / -1;
    }
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item {
    --upper-row-height: 2.5rem;
    border: 1px solid gray;
    border-radius: 0.7rem;
    padding: 0.5rem 0.65rem;
    display: block;
    justify-content: flex-start;
    align-items: center;
    background-color: var(--chevalier-theme-light-color-rgb-opacity-50);
    height: auto;
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item[data-achievement-name-length="0"][data-achievement-effect-length="0"] {
    display: none;
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item > .name {
    display: none;
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item [data-name] {
    height: 100%;
    box-sizing: border-box;
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item [data-name="名称"],
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item [data-name="効果"] {
    --label-width: var(--field-label-width);
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item [data-name="名称"],
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item [data-name="効果"] {
    width: auto;
    display: inline-flex;
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item [data-name="名称"] {
    position: relative;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: max-content 1fr;

    > .name {
        grid-row: 1 / -1;
        grid-column: 1 / 2;
        height: 100%;
    }

    > .value,
    &::before,
    &::after {
        grid-row: 1 / -1;
        grid-column: 2 / 3;
        height: 100%;
        box-sizing: border-box;
    }

    &::before,
    &::after {
        display: inline-flex;
        width: 100%;
        height: 100%;
        flex-flow: row;
        align-items: center;
        pointer-events: none;
        opacity: 0.5;
        position: relative;
        z-index: 3;
    }

    &::before {
        content: "【";
        justify-content: flex-start;
    }

    &::after {
        content: "】";
        justify-content: flex-end;
    }
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item [data-name="名称"] {
    font-size: 120%;

    &::before,
    &::after {
        width: max-content;
        height: max-content;
        opacity: initial;
    }

    &::before {
        margin-right: 0.15em;
    }

    &::after {
        margin-left: 0.15em;
    }
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item .empty[data-name="名称"] {
    display: none;
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item [data-name="効果"] {
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: max-content 1fr;
    position: relative;

    > .name {
        grid-row: 1 / -1;
        grid-column: 1 / 2;
        height: 100%;
    }

    > .value {
        grid-row: 1 / -1;
        grid-column: 2 / 3;
        box-sizing: border-box;
        height: var(--upper-row-height);
    }
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item [data-name="効果"][data-state="使用不可"] {
    opacity: 0.5;
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item [data-name="効果"][data-state="使用不可"] {
    text-decoration: line-through;
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item .empty[data-name="効果"] {
    display: none;
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item [data-name="効果"]::before {
    content: "（";
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item [data-name="効果"]::after {
    content: "）";
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item [data-name="状態"] {
    width: var(--state-width);
    position: relative;
}
.virtual-window[data-title="アチーブメント"] [data-mode="mine"] .list[data-name="アチーブメント"] .list-item [data-name="状態"]::after {
    content: "状態";
    display: flex;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    visibility: hidden;
}
.virtual-window[data-title="アチーブメント"] [data-mode="mine"] .list[data-name="アチーブメント"] .list-item [data-name="状態"][data-selected-id=""]::after {
    visibility: visible;
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item [data-name="状態"] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    --height: 1.5rem;
    height: var(--headline-width);
    box-sizing: border-box;
    padding: 0.25em 0.6em;
    border: 1px dotted darkred;
    border-radius: 0.65em;
    background-color: rgba(139, 0, 0, 0.1);
    margin-top: calc((var(--upper-row-height) - var(--height)) / 2);
    margin-bottom: calc((var(--upper-row-height) - var(--height)) / 2);
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item [data-name="状態"][data-selected-id=""] {
    display: none;
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item [data-name="状態"][data-selected-id="使用可"] {
    display: none;
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item [data-name="名称"] > .name,
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item [data-name="効果"] > .name {
    width: auto;
    box-sizing: border-box;
    display: inline-flex;
    padding-right: 0.2em;
    justify-content: flex-end;
    align-items: center;
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item [data-name="名称"] > .name {
    display: none;
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item [data-name="名称"] > .value,
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item [data-name="効果"] > .value {
    width: auto;
    height: auto;
    display: inline-flex;
}
@media screen and (max-width: 1279px) {
    .virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item [data-name="名称"] > .value, .virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item [data-name="効果"] > .value {
        font-size: 80%;
    }

    .virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item [data-name="名称"] > .value, .virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item [data-name="効果"] > .value {
        font-size: inherit;
    }
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item [data-name="名称"] > input.value {
    padding-left: 1rem;
    padding-right: 1rem;
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item [data-name="名称"] > .character-limit,
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item [data-name="効果"] > .character-limit {
    position: absolute;
    top: calc(100% + 0.1rem);
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    overflow-y: visible;
    text-align: right;
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item [data-name="状態"] > .name {
    display: none;
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item [data-name="状態"] > .value {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 80%;
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item [data-name="状態"] {
    margin-left: 0.25em;

    > .value {
        display: inline;
        width: auto;
        height: auto;
        line-height: 100%;
        border: none;
    }
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item > [data-name="設定＆ミニストーリー"] {
    margin: var(--space-between-fields) 0 0 0;
    display: block;
    width: 100%;
    height: auto;
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item > .empty[data-name="設定＆ミニストーリー"] {
    display: none;
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item > [data-name="設定＆ミニストーリー"] > .name {
    display: none;
}
.virtual-window[data-title="アチーブメント"] [data-mode="others"] .list[data-name="アチーブメント"] .list-item > [data-name="設定＆ミニストーリー"] > .name {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px dashed rgba(128, 128, 128, 0.5);
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item > [data-name="設定＆ミニストーリー"] > .value {
    width: 100%;
    height: 100%;
    resize: none;
}
.virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item > [data-name="設定＆ミニストーリー"] > .character-limit {
    width: 100%;
    height: 0;

    @media screen and (max-width: 999px) {
        top: 0;
    }
}
@media all and (max-width: 999px) {
    .virtual-window[data-title="アチーブメント"] .list[data-name="アチーブメント"] .list-item > [data-name="設定＆ミニストーリー"] > .value {
        font-size: 80%;
    }
}