@charset "UTF-8";
/* CSS Document */
body{
  overflow: hidden;
}
#header_sns{
  text-align: right;
  position: relative;
}
#header_sns p.pc{
  font-size: 13px;
  text-align: right;
  display: inline-block;
  position: relative;
  top: -4px;
  left: -6px;
}
#header_sns img{
  margin-left: 3px;
}
#navigation{
  background-color: #607e34;
  height: 58px;
  width: 100%;
  margin-top: 10px;
}
#navigation ul{
  width: 980px;
  margin: 0 auto;
  table-layout: fixed;
  font-size: 0;
}
#navigation ul li{
  text-align: center;
  font-size: 16px;
  border-left: 1px solid #889f67;
  color: #ffffff;
  display: inline-block;
  height: 58px;
  width: 194px;
}
#navigation ul li a{
  color: #ffffff;
  display: table;
  height: 100%;
  width: 100%;
  margin: auto;
}
#navigation ul li a span{
  display: table-cell;
  vertical-align: middle;
  font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho";
  line-height: 1.4;
}
#navigation ul li:last-child{
  border-right: 1px solid #889f67;
}
#navigation ul li:hover{
  background-color: #ffffff;
  color: #607f33;
}
#navigation ul li a:hover{
  color: #607f33;
}

#navigation ul li.active{
  background-color: #ffffff;
  color: #607f33;
}
#navigation ul li.active a{
  color: #607f33;
}

.sp{
  display: none;
}