@charset "utf-8";

/* site link */
ul.site-link { width:100%; height:auto; margin:0; padding:0; }
ul.site-link li{position:relative; float:left; width:25%; padding-left:15px; padding-right:65px; line-height:60px; color:#333; border-right:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:0;}
ul.site-link li:nth-child(4n - 3) {border-left:1px solid #ddd;}
ul.site-link li:nth-child(-n + 4) {border-top:1px solid #ddd;}
ul.site-link li a {position:absolute; display:block; top:0; right:0; width:50px; height:60px; line-height:60px; color:#898989; text-align:center;}

@media only screen and (max-width:1000px) {
    ul.site-link li {width:33.33%;}
    ul.site-link li:nth-child(4n - 3) {border-left:0;}
    ul.site-link li:nth-child(-n + 4) {border-top:0;}

    ul.site-link li:nth-child(-n + 3) {border-top: 1px solid #ddd;}
    ul.site-link li:nth-child(3n-2) {border-left: 1px solid #ddd;}
}

@media only screen and (max-width:768px) {
    ul.site-link li {width:50%;}
    ul.site-link li:nth-child(4n - 3) {border-left:0;}
    ul.site-link li:nth-child(-n + 4) {border-top:0;}

    ul.site-link li:nth-child(-n + 3) {border-top: 0;}
    ul.site-link li:nth-child(3n-2) {border-left: 0;}

    ul.site-link li:nth-child(-n + 2) {border-top: 1px solid #ddd;}
    ul.site-link li:nth-child(2n - 1) {border-left: 1px solid #ddd;}
}

@media only screen and (max-width:500px) {
    ul.site-link li {width:100%;}
    ul.site-link li:nth-child(4n - 3) {border-left:0;}
    ul.site-link li:nth-child(-n + 4) {border-top:0;}

    ul.site-link li:nth-child(-n + 3) {border-top: 0;}
    ul.site-link li:nth-child(3n-2) {border-left: 0;}

    ul.site-link li:nth-child(-n + 2) {border-top: 0;}
    ul.site-link li:nth-child(2n - 1) {border-left: 0;}
    ul.site-link li:nth-child(n) {border-left:1px solid #ddd;}
    ul.site-link li:first-child {border-top:1px solid #ddd;}
}