@charset "UTF-8";
/* CSS Document */

.g_navi ul {
  display: flex;
  margin: 0 auto;
  padding: 0 10% 0 10%;
  width: 100%;
  list-style-type: none;
background-color: #f60;
}
.g_navi ul li {
  position: relative;
  width: 20%;
}
.g_navi ul li:first-child::before {
  position: absolute;
  display: block;
  content: "";
  top: 25%;
  left: 0px;
  width: 1px;
  height: 50%;
  background-color: #f60;
}
.g_navi ul li::after {
  position: absolute;
  display: block;
  content: "";
  top: 25%;
  right: 0px;
  width: 1px;
  height: 50%;
}
.g_navi ul li a {
  display: block;
  padding: 17px 10px;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.g_navi ul li a:hover {
  background-color: #472108;
}

/* sp */
@media only screen and (max-width: 750px) {
	
.g_navi ul {
  display: block;
    margin: 0 auto;
    padding: 0 auto;
    width: 400%;
    list-style-type: none;
    background-color: #f60;
}
.g_navi ul li {
  position: relative;
  width: 20%;
}
.g_navi ul li:first-child::before {
  position: absolute;
  display: block;
  content: "";
  top: 25%;
  left: 0px;
  width: 1px;
  height: 50%;
}
.g_navi ul li::after {
  position: absolute;
  display: block;
  content: "";
  top: 25%;
  right: 0px;
  width: 1px;
  height: 50%;
	background-color: #f60;
}
.g_navi ul li a {
  display: block;
  padding: 17px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
}
.g_navi ul li a:hover {
  background-color: #fff;
}
	}