#ccc h1{letter-spacing:-0.08em}
#ccc h1 span{letter-spacing:0em;color:#5c5c5c}
.site-center h1 {font-size:165%}
/*---------------------------------------------------
	glovalNavi
---------------------------------------------------*/


#menu {
  max-width: 1280px;
  margin: 0 auto;
  overflow: hidden;
  _zoom: 1;
}

#menu li {
list-style-type: none;
  float: left;
  width: 140px;/*14.28571428571429%*/
}


 a #menu li {
  display: block;
  overflow: hidden;
  position: relative;
}

/*a #menu li .bton {
  display: none;
}*/

#menu li a .sh-icon {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 40px;
  font-size: 12px;
  line-height: 1;
}

#menu li p img{width:100% !important;margin:0;}

#menu li{position:relative;}

.bton img{
position: absolute;
z-index:50;
}
.btoff img{
position:relative;
z-index:10;
display: block !important;
opacity:1 !important;
}

.sitemenu{line-height:1.5em}

#menu li a .bton img{opacity:1}
#menu li a.active .bton img{opacity:0 !important}
.menu_box{min-height:46px}
@media only screen and (min-width: 768px){
#menu li a:hover .bton img{opacity:0 !important}

}
@media only screen and (max-width: 980px){

#menu li {width: 14.2%;}

}

@media only screen and (max-width: 767px){
.menu_box{min-height:46px}

#menu{/*display:none*/}
#menu li {
  width: 16.5%;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
}


}

@media only screen and (max-width: 600px){
#menu li {
  width: 33.0%;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
}
.menu_box{min-height:140px}
#menu li {
  width: 33.0%;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
}
}


@media only screen and (max-width: 414px){
.menu_box{min-height:90px}
#menu li {
  width: 33.0%;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
}
}
@media only screen and (max-width: 280px){
.menu_box{min-height:70px}
#menu li {
  width: 32.8%;
}
}