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

/* effect 10 */
.hover10{
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.hover10:before, .hover10:after, .hover10__label:before, .hover10__label:after{
  content: "";
  position: absolute;
  transition-property: transform;
  transition-duration: .1s;
  transition-timing-function: ease-out;
}
.hover10:before, .hover10:after{
  width: 100%;
  height: 2px;
  left: 0;
}
.hover10:before{
  top: 0;
  transform: translate3d(-105%, 0, 0);
  transition-delay: .25s;
}
.hover10:after{
  bottom: 0;
  transform: translate3d(105%, 0, 0);
  transition-delay: .05s;
}
.hover10__label:before, .hover10__label:after{
  width: 2px;
  height: 100%;
  top: 0;
}
.hover10__label:before{
  left: 0;
  transform: translate3d(0, 105%, 0);
}
.hover10__label:after{
  right: 0;
  transform: translate3d(0, -105%, 0);
  transition-delay: .15s;
}
.hover10:hover:before, .hover10:hover:after,
.hover10:hover .hover10__label:before, .hover10:hover .hover10__label:after,
.hover10:focus:before, .hover10:focus:after,
.hover10:focus .hover10__label:before, .hover10:focus .hover10__label:after{
  transform: translate3d(0, 0, 0);
  transition-duration: .2s;
}
.hover10:hover:before, .hover10:focus:before{
  transition-delay: 0s;
}
.hover10:hover:after, .hover10:focus:after{
  transition-delay: .4s;
}
.hover10:hover .hover10__label:after, .hover10:focus .hover10__label:after{
  transition-delay: .2s;
}
.hover10:hover .hover10__label:before, .hover10:focus .hover10__label:before{
  transition-delay: .6s;
}
.hover10:focus{
  outline: none;
}
.hover10:hover, .hover10:focus{
  color:#96B104;
}
.hover10:before,
.hover10:after, .hover10__label:before,
.hover10__label:after{
  background-color:#96B104;
}
.hover10{
  padding: .5rem 1.5rem;
}
.sl_sl{
	  border-top:solid 1px #CCC;
}
.section{
  box-sizing: border-box;
  position: relative;
  padding:5px 4px 5px 4px;
  margin:0 auto;
  text-align: center;
  width:1000px;
}

/* menu */
.menu{
 z-index:120;
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu:before, .menu:after{
  content: "";
  display: table;
}
.menu:after{
  clear: both;
}
.menu__link{
  font-size: 13px;
  font-weight:100;
  color:#333;
  text-decoration: none;
}
.menu__item{
  display: inline-block;
  margin:5px 8px 0 8px;
}
.menu__item ul{
  list-style: none;
  position: absolute;
  z-index:130;
  top: 95%;
  margin: 0;
  padding: 0;
}
.menu__item ul li{
  width: 100%;
}
.menu__item ul li a{
  display:block;
  padding:6px 9px 6px 9px;
  background: #fff;
  text-align: left;
  font-size: 13px;
  color:#4B4B4B;
  text-decoration: none;
}
.menu__item ul li a:hover, .menu__item ul li a:focus{
  color:#96B104;
}
.menu__item ul li{
	border-bottom:#333 1px solid;
}

/*フリップ*/
#flip2 li ul {
  visibility: hidden;
  perspective: 400px;
}
#flip2 li:hover ul{
  visibility: visible;
}
#flip2 ul li{
  transform: rotateY(90deg);
  transform-origin: 50% 0;
  transition: .3s;
}
#flip2 li:hover li{
  transform: rotateY(0);
}
#flip2 ul li:nth-child(2) {
  transition-delay: .1s;
}
#flip2 ul li:nth-child(3) {
  transition-delay: .2s;
}
#flip2 ul li:nth-child(4) {
  transition-delay: .3s;
}
#flip2 ul li:nth-child(5) {
  transition-delay: .4s;
}