@charset "UTF-8";

.wrap{
    display: grid;
    width: fit-content;
    margin: auto;
    padding-top: 32px;
}
.page{
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 8px;
    justify-content: center;
    align-items: flex-start;
    width: fit-content;
    margin: auto;
}
.page img{
    flex-basis: 30%;
    width: 30%;
    height: min(200px, 25vw);
    object-fit: cover;
    object-position: top;
    border: var(--border);
    border-radius: var(--br);
}
.page .rkgk_item{
    flex-basis: 30%;
    width: 30%;
    height: min(200px, 25vw);
}
.page{
    display: none;
}
.page#page1{
    display: flex;
}
.pagenation{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding-top: 24px;
}
.pagenation button{
    display: inline-block;
    color: var(--textL);
    font-family: 'Comfortaa';
    width: 40px;
    height: 40px;
    border: var(--border);
    border-radius: var(--br);
    background-color: var(--bg);
    cursor: pointer;
}
.pagenation button:hover{
    background-color: var(--subL);
}
/*--------------------------*/
.thisYear{
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 8px;
    justify-content: center;
    align-items: flex-start;
    width: fit-content;
    margin: auto;
}
.thisYear img{
    flex-basis: 30%;
    width: 30%;
    height: min(200px, 25vw);
    object-fit: cover;
    object-position: top;
    border: var(--border);
    border-radius: var(--br);
}
.zubolog_pagination{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding-top: 24px;
}
.zubolog_pagination li{
    display: inline-block;
    color: var(--textL);
    font-family: inherit;
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    border: var(--border);
    border-radius: var(--br);
    background-color: var(--bg);
    cursor: pointer;
}
.zubolog_pagination li a{
    font-family: inherit;
    color: var(--textL);
    text-decoration: none;
}
.zubolog_pagination li a:visited{
    color: var(--textL);
}
.zubolog_pagination li:not(.current):hover{
    background-color: var(--subL);
}
.zubolog_pagination li.current{
    background-color: var(--subL);
    border: 1px solid var(--subL);
    color: var(--subDX);
}