/*===============================================
œsmartmenu.css  ‰ζ–Κ‚Μ‰‘•‚ͺ768px‚ά‚Ε
===============================================*/

@media screen and (max-width:768px){

#menu {
  width: 100%;
  max-width: 768px;
  margin: 0px auto;
  padding: 0px;
  border: #333 1px;
  float: left;
}

.menu_e {
  font-size: 0.95em;
  font-weight: none;
  text-decoration: none;
  font-family:"Lucida Grande", "segoe UI", "ƒqƒ‰ƒMƒmŠpƒS ProN W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Verdana, Arial, sans-serif;
  color: #fff;
  line-height: 1.3em;
  padding-top: 0px;
}

.ul {
 padding: 0px;
 margine: 0px;
}

#menu li {
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
}

.li_10 {
  width: 18%;
}

.li_13 {
  width: 25%;
}

.li_14 {
  width: 35%;
}

.li_16 {
  width: 38%;
}

.li_24 {
  width: 39%;
}


#menu li a{
  display: block;
  padding: 5px 0 5px;
  background: #b88957;
  color: #fff;
  border-right: solid 2px #fff;
  border-bottom: solid 1px #fff;
  text-align: center;
  text-decoration: none;
}

#menu li a:hover{
  background: #fff;
  color: #b88957;
  border-bottom: solid 1px #b88957;
}