.global-nav {
  margin: 0 0 0px;
  padding: 0;
  font-size: 13px;
  list-style-type: none;
  background-color:#ffd700;
  background: -webkit-linear-gradient(top, #9966ff 0, #fffff0 100%) no-repeat;
   background: -moz-linear-gradient(top, #9966ff 0, #fffff0 100%) no-repeat;
   background: -o-linear-gradient(top, #9966ff 0, #fffff0 100%) no-repeat;
   background: -ms-linear-gradient(top, #9966ff 0, #fffff0 100%) no-repeat;
   -svg-background: linear-gradient(top, #9966ff 0, #fffff0 100%) no-repeat;
   background: linear-gradient(to bottom, #9966ff 0, #fffff0 100%) no-repeat;

}
/*clearfix*/
.global-nav:after {
  content: "";
  clear: both;
  display: block;
}
.global-nav li {
  float: right;
  width: 50%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*奇数のli要素に適応*/
.global-nav li:nth-child(odd) {
  border-right: 1px solid #f5deb3;
}
.global-nav a {
  display: block;
  line-height: 25px;
  color: #333300;
  text-decoration: none;
}
.global-nav a:hover {
  color: #cc0033;
}

/*横幅750px以上に適応*/
@media screen and (min-width: 500px) {
.global-nav li:nth-child(odd) {
  border-right: none;
}
.global-nav {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: none;
  border-collapse: collapse;
}
.global-nav li {
  float: none;
  display: table-cell;
  width: 100%;
  border-bottom: none;
}
}