html{
    height:100%;width:100%;
    }
    body{
    height:100%;
    width:100%;
    min-width:900px;
    display:flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    }
    .container {
    border: solid 1px #00F000;
    background: #00F000;
    display:grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    gap:10px;
    width:95%;
    margin: 0 auto;
    }
    .column{
    display: flex;
    background: #DDDDDD;
    align-items: center;
    flex-wrap:wrap;
    padding:8px 8px 0px 8px;
    border: solid 1px #F0F000;
    }
    a {
    display:inline-block;
    background: #AAAAAA;
    text-align:center;
    font-size:40px;
    border: solid 1px #000000;
    margin-bottom:8px;
    height:60px;
    width: 100%;
    }

.tab-wrap {
    display: flex;
    flex-wrap: wrap;
    background: #5050FF;
    width:100%;
    align-items: center;justify-content: center;
}
.tab-label {
    color: White;
    background: LightGray;
    margin-right: 5px;
    padding: 3px 12px;
    order: -1;
}
.tab-content {
    width: 100%;
    display: none;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
    background: DeepSkyBlue;
}
.tab-switch:checked+.tab-label+.tab-content {
     display: block;
     background: #000000;
}
/* ラジオボタン非表示 */
.tab-switch {
    display: none;
}