@charset "utf-8";
.voiceR1menu{
    border:1px solid var(--years-color4);
    margin-bottom:80px;
}
.voiceR1menu h2{
    margin-bottom:0;
    background-color:var(--years-color1);
    color:var(--years-color4);
    border-left:none;
}
.voiceR1menu ul{
    display:flex;
    flex-wrap: wrap;
    gap:1em 0;
    padding:1em;
    margin-bottom:0;
}
.voiceR1menu ul > li{
    margin:0 0 0 23px;
    width:calc((100% - (23px * 3)) / 3 );
}
.voiceR1menu ul > li:last-child{
    width:calc(((100% - (23px * 3)) / 3) *2 );
}
.voiceR1menu ul > li > a{
    display:inline-block;
    margin:0 5px;
}
.voiceR1menu ul > li > a:first-of-type{
    margin-left:1em;
}
@media only screen and (max-width:767px) {
    .voiceR1menu{
        margin-bottom:40px;
    }
    .voiceR1menu ul{
        display:flex;
        flex-direction: column;
        flex-wrap: nowrap;
        gap:1em 0;
        padding:1em;
        margin-bottom:0;
    }
    .voiceR1menu ul > li{
        width:calc(100% - 23px);
    }
}
.voice-R1 table.profile{
    margin-bottom:0;
    width:100%;
    & th{
        background-color:var(--years-color1);
        width:9em;
    }
}
@media only screen and (max-width:999px) {
    .voice-R1 table.profile{
        & th{
            width:100%
        }
    }
}
.voice-R1 table.history-Result{
    margin-bottom:0;
    width:100%;
    & caption{
        background-color:transparent;
        border:none;
        font-weight:bold;
        color:var(--years-color4);
        font-size:1.2em;
    }
    & th{
        background-color:var(--years-color4);
        color:#fff;
        width:9em;
    }
    & td{        
        & > div.tdGrid{
            --history-Result-grid1:18em;
            --history-Result-grid2:6em;
            display:grid;
            grid-template-columns: var(--history-Result-grid1) var(--history-Result-grid2) auto; 
            grid-template-rows: auto;
            & .taikaiName{
                width:var(--history-Result-grid1);
            }
            & .taikaiResalt{
                width:var(--history-Result-grid2);
            }
            & .taikaiKyogi{
            }            
        }
    }
}
@media only screen and (max-width:999px) {
    .voice-R1 table.history-Result{
        & th{
            width:100%;
        }
        & td{        
            & > div.tdGrid{
                --history-Result-grid1:100%;
                --history-Result-grid2:6em;
                --history-Result-grid3:calc(100% - 6em);
                display:grid;
                grid-template-columns: var(--history-Result-grid2) var(--history-Result-grid3); 
                grid-template-rows: auto auto;
        
                & .taikaiName{
                    width:var(--history-Result-grid1);
                    grid-area: 1 / 1 / 2 / 3;
                }
                & .taikaiResalt{
                    width:var(--history-Result-grid2);
                }
                & .taikaiKyogi{
                }            
            }
        }
    }

}