footer{margin-top: 30px;
    padding: 1px;
    background-color: rgba(204, 204, 204, 0.175);
    a{color: black;}    
}


.main {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    flex-wrap: wrap;
}

.university_name{
    h1{padding-left: 10px;}
    h1 a{text-decoration: none; color: black;}
    h1 span{font-size:x-large;}
    h1 span.kome{font-size:medium;}
}



.table_header{
    background-color:rgba(54, 54, 54, 0.734);
    font-weight: 100;
    a{text-decoration: none;
    color: azure;}
    table {border-collapse: collapse;
        border: solid 3px #777;}
    td {border:solid 3px #87878766;
    text-align: center;}
    a{display: block;}
}
td.category {
    width: 10%;
}

td.category{
    background-color:rgb(0, 0, 0);
}


table{width: 71%;}
th{width: 15%;}
td{width: 8%;}

th{font-size: x-large;}
p{font-size: large;}

table {border-collapse: collapse;
       border: solid 1px #777;}
th, td {border:solid 1px #87878766;}
table tr:nth-child(3n-1) {background-color: rgba(182, 182, 182, 0.164);}
th{background-color: rgb(255, 255, 255);}

table tr:nth-child(3n-2) {height: 30pt;}
table tr:nth-child(3n-1) {height: 30pt;}



.all_filter{
    display: flex;
    flex-wrap: wrap;
    margin-left: 5px;
}

.filter {
    margin-top: 20px;
    margin-right: 15px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.filter_container {
    display: flex;
    gap: 5px;
    text-align: center;
    flex-wrap: nowrap; /* 折り返さない */
    overflow-x: auto; /* 横スクロールを許可 */
    -webkit-overflow-scrolling: touch; /* スマホでの慣性スクロールを有効化 */
    padding-bottom: 5px; /* スクロールバーが重ならないように */
}

.radio_category{
    display: none;
}
.radio_category_label{
    display: inline-block;
    border: solid 1px #000000;
    border-radius: .8rem;
    width: auto;
    padding: 0px 10px;
    cursor: pointer;
    background-color: azure;
    box-shadow: 0px 1px 1px rgb(0, 0, 0);
    white-space: nowrap; /* 改行させない */
    text-overflow: ellipsis; /* 収まりきらない場合は「...」に */
}
.radio_category:checked+label{
    background-color: rgba(74, 147, 242, 0.482);
}





#problemList {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; 
}
.problem_frame{
    width: 600px;
}
.problem{
    display: flex;
    flex-flow: column;
    border:  solid 1px #3b3b3b3e;
    img{
    /* width: 600px; */
    border:  solid 1px #000000;
    };
}
a{text-decoration: none;
    color: black;}