@charset "UTF-8";

.container {
display: flex;
width: 100%;
}
.link_grid {
flex-grow: 1;
background: #0066cc;
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-auto-rows: 1fr;
}
.link_grid > div {
background: #0066cc;
color: #999999;
text-align: center;
vertical-align: middle;
overflow: auto;
min-width: 0;
padding: 5px;
line-height: 120%;
border: 1px solid #b9b9b9;
}
.year_cell.total1 {
grid-column: 1 / 5;
grid-row: 1 / 2;
}
.year_cell.total2 {
grid-column: 5 / 9;
grid-row: 1 / 2;
}
.year_cell a:link, .year_cell a:visited{color:#ffffff!important;}
.year_box {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

@media (min-width: 736px){
.container {
width: 728px;
}
.year_box {
display: none;
}
}

@media (min-width: 736px) and (max-width: 960px){

}

@media (min-width: 680px) and (max-width: 735.9px){
.link_grid {
grid-template-columns: repeat(auto-fit, minmax(640px, 1fr));
}
.year_cell {
display: none;
}
}

@media (min-width: 600px) and (max-width: 679.9px){
.link_grid {
grid-template-columns: repeat(auto-fit, minmax(570px, 1fr));
}
.year_cell {
display: none;
}
}

@media (min-width: 568px) and (max-width: 599.9px){
.link_grid {
grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));
}
.year_cell {
display: none;
}
}

@media (min-width: 481px) and (max-width: 567.9px){
.link_grid {
grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
}
.year_cell {
display: none;
}
}

@media (min-width: 411px) and (max-width: 480.9px){
.link_grid {
grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));
}
.year_cell {
display: none;
}
}

@media (min-width: 375px) and (max-width: 410.9px){
.link_grid {
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
}
.year_cell {
display: none;
}
}

@media (min-width: 360px) and (max-width: 374.9px){
.link_grid {
grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}
.year_cell {
display: none;
}
}

@media (max-width: 359.9px){
.link_grid {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.year_cell {
display: none;
}
}

@media (min-device-width: 736px) and (max-device-width: 960px) and (max-device-height: 479px) and (orientation: landscape){
.link_grid {
grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
}
}

@media (min-device-width: 667px) and (max-device-width: 735px) and (max-device-height: 479px) and (orientation: landscape){
.link_grid {
grid-template-columns: repeat(auto-fit, minmax(630px, 1fr));
}
.year_cell {
display: none;
}
}

@media (min-device-width: 640px) and (max-device-width: 666px) and (max-device-height: 479px) and (orientation: landscape){
.link_grid {
grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}
.year_cell {
display: none;
}
}

@media (min-device-width: 568px) and (max-device-width: 639px) and (max-device-height: 479px) and (orientation: landscape){
.link_grid {
grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));
}
.year_cell {
display: none;
}
}

@media (max-device-width: 567px) and (max-device-height: 479px) and (orientation: landscape){
.link_grid {
grid-template-columns: repeat(auto-fit, minmax(440px, 1fr));
}
.year_cell {
display: none;
}
}
