/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 *      汎用
 * _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

html {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
}

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 *      タブメイン
 * _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

.tab-root {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 300px;
    height: calc(100vh - 8px);
    margin: 8px 0 0 0;
    padding: 0;
}

input[type="radio"] {
    display: none;
}

.separator {
    padding: 0;
    margin: 0;
    width: 100%;
}

.tab-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 0.8em;
}

.tab-name {
    padding: 0 6px 2px 6px;
    border: gray 2px solid;
    background-color:lightgray;
}

.tab-name:hover {
    cursor: pointer;
    background-color: snow;
}

.main-contents {
    position: relative;
    width: 100%;
    flex-grow: 1;
}

.content-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.main-contents iframe {
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
    border: none;
}

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 *      タブ表示
 * _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

input#history:checked ~ .tab-container > label#tab-history,
input#standard:checked ~ .tab-container > label#tab-standard,
input#string:checked ~ .tab-container > label#tab-string,
input#mps-file:checked ~ .tab-container > label#tab-mps-file,
input#move-route:checked ~ .tab-container > label#tab-move-route,
input#event-command:checked ~ .tab-container > label#tab-event-command,
input#common-event-data-file:checked ~ .tab-container > label#tab-common-event-data-file,
input#common-event:checked ~ .tab-container > label#tab-common-event,
input#special-string-arg-param:checked ~ .tab-container > label#tab-special-string-arg-param,
input#special-numeric-arg-param:checked ~ .tab-container > label#tab-special-numeric-arg-param,
input#common-file:checked ~ .tab-container > label#tab-common-file,
input#db-project-file:checked ~ .tab-container > label#tab-db-project-file,
input#db-type-setting:checked ~ .tab-container > label#tab-db-type-setting,
input#db-file:checked ~ .tab-container > label#tab-db-file,
input#db-data-setting:checked ~ .tab-container > label#tab-db-data-setting,
input#db-type-setting-file:checked ~ .tab-container > label#tab-db-type-setting-file,
input#db-type-with-data-file:checked ~ .tab-container > label#tab-db-type-with-data-file,
input#db-data-file:checked ~ .tab-container > label#tab-db-data-file,
input#tile-set-data:checked ~ .tab-container > label#tab-tile-set-data,
input#tile-set-file:checked ~ .tab-container > label#tab-tile-set-file,
input#tile-set-csv:checked ~ .tab-container > label#tab-tile-set-csv,
input#map-tree:checked ~ .tab-container > label#tab-map-tree,
input#map-tree-open-status-data:checked ~ .tab-container > label#tab-map-tree-open-status-data,
input#game-basic-data:checked ~ .tab-container > label#tab-game-basic-data,
input#editor-graphic-data:checked ~ .tab-container > label#tab-editor-graphic-data,
input#editor-ini-file:checked ~ .tab-container > label#tab-editor-ini-file,
input#game-ini-file:checked ~ .tab-container > label#tab-game-ini-file,
input#number-over-two-billion:checked ~ .tab-container > label#tab-number-over-two-billion,
input#input-restriction-by-editor:checked ~ .tab-container > label#tab-input-restriction-by-editor,
input#unwanted-value-entered:checked ~ .tab-container > label#tab-unwanted-value-entered,
input#event-code-correspondence:checked ~ .tab-container > label#tab-event-code-correspondence,
input#event-code-specification:checked ~ .tab-container > label#tab-event-code-specification,
input#convert-to-v3-pro:checked ~ .tab-container > label#tab-convert-to-v3-pro
{
    background-color:white;
    border-bottom: green 2px solid;
}

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 *      コンテンツ
 * _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

input#history:checked ~ .main-contents > #content-history,
input#standard:checked ~ .main-contents > #content-standard,
input#string:checked ~ .main-contents > #content-string,
input#mps-file:checked ~ .main-contents > #content-mps-file,
input#move-route:checked ~ .main-contents > #content-move-route,
input#event-command:checked ~ .main-contents > #content-event-command,
input#common-event-data-file:checked ~ .main-contents > #content-common-event-data-file,
input#common-event:checked ~ .main-contents > #content-common-event,
input#special-string-arg-param:checked ~ .main-contents > #content-special-string-arg-param,
input#special-numeric-arg-param:checked ~ .main-contents > #content-special-numeric-arg-param,
input#common-file:checked ~ .main-contents > #content-common-file,
input#db-project-file:checked ~ .main-contents > #content-db-project-file,
input#db-type-setting:checked ~ .main-contents > #content-db-type-setting,
input#db-file:checked ~ .main-contents > #content-db-file,
input#db-data-setting:checked ~ .main-contents > #content-db-data-setting,
input#db-type-setting-file:checked ~ .main-contents > #content-db-type-setting-file,
input#db-type-with-data-file:checked ~ .main-contents > #content-db-type-with-data-file,
input#db-data-file:checked ~ .main-contents > #content-db-data-file,
input#tile-set-data:checked ~ .main-contents > #content-tile-set-data,
input#tile-set-file:checked ~ .main-contents > #content-tile-set-file,
input#tile-set-csv:checked ~ .main-contents > #content-tile-set-csv,
input#map-tree:checked ~ .main-contents > #content-map-tree,
input#map-tree-open-status-data:checked ~ .main-contents > #content-map-tree-open-status-data,
input#game-basic-data:checked ~ .main-contents > #content-game-basic-data,
input#editor-graphic-data:checked ~ .main-contents > #content-editor-graphic-data,
input#editor-ini-file:checked ~ .main-contents > #content-editor-ini-file,
input#game-ini-file:checked ~ .main-contents > #content-game-ini-file,
input#number-over-two-billion:checked ~ .main-contents > #content-number-over-two-billion,
input#input-restriction-by-editor:checked ~ .main-contents > #content-input-restriction-by-editor,
input#unwanted-value-entered:checked ~ .main-contents > #content-unwanted-value-entered,
input#event-code-correspondence:checked ~ .main-contents > #content-event-code-correspondence,
input#event-code-specification:checked ~ .main-contents > #content-event-code-specification,
input#convert-to-v3-pro:checked ~ .main-contents > #content-convert-to-v3-pro
{
    z-index: 100;
}

input#history:checked ~ .main-contents iframe#frame-history,
input#standard:checked ~ .main-contents iframe#frame-standard,
input#string:checked ~ .main-contents iframe#frame-string,
input#mps-file:checked ~ .main-contents iframe#frame-mps-file,
input#move-route:checked ~ .main-contents iframe#frame-move-route,
input#event-command:checked ~ .main-contents iframe#frame-event-command,
input#common-event-data-file:checked ~ .main-contents iframe#frame-common-event-data-file,
input#common-event:checked ~ .main-contents iframe#frame-common-event,
input#special-string-arg-param:checked ~ .main-contents iframe#frame-special-string-arg-param,
input#special-numeric-arg-param:checked ~ .main-contents iframe#frame-special-numeric-arg-param,
input#common-file:checked ~ .main-contents iframe#frame-common-file,
input#db-project-file:checked ~ .main-contents iframe#frame-db-project-file,
input#db-type-setting:checked ~ .main-contents iframe#frame-db-type-setting,
input#db-file:checked ~ .main-contents iframe#frame-db-file,
input#db-data-setting:checked ~ .main-contents iframe#frame-db-data-setting,
input#db-type-setting-file:checked ~ .main-contents iframe#frame-db-type-setting-file,
input#db-type-with-data-file:checked ~ .main-contents iframe#frame-db-type-with-data-file,
input#db-data-file:checked ~ .main-contents iframe#frame-db-data-file,
input#tile-set-data:checked ~ .main-contents iframe#frame-tile-set-data,
input#tile-set-file:checked ~ .main-contents iframe#frame-tile-set-file,
input#tile-set-csv:checked ~ .main-contents iframe#frame-tile-set-csv,
input#map-tree:checked ~ .main-contents iframe#frame-map-tree,
input#map-tree-open-status-data:checked ~ .main-contents iframe#frame-map-tree-open-status-data,
input#game-basic-data:checked ~ .main-contents iframe#frame-game-basic-data,
input#editor-graphic-data:checked ~ .main-contents iframe#frame-editor-graphic-data,
input#editor-ini-file:checked ~ .main-contents iframe#frame-editor-ini-file,
input#game-ini-file:checked ~ .main-contents iframe#frame-game-ini-file,
input#number-over-two-billion:checked ~ .main-contents iframe#frame-number-over-two-billion,
input#input-restriction-by-editor:checked ~ .main-contents iframe#frame-input-restriction-by-editor,
input#unwanted-value-entered:checked ~ .main-contents iframe#frame-unwanted-value-entered,
input#event-code-correspondence:checked ~ .main-contents iframe#frame-event-code-correspondence,
input#event-code-specification:checked ~ .main-contents iframe#frame-event-code-specification,
input#convert-to-v3-pro:checked ~ .main-contents iframe#frame-convert-to-v3-pro
{
    display: block;
}

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 *      コンテンツ 共通
 * _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

.menu-layout .index {
    display: flex;
    flex-direction: row;
}