@charset "UTF-8";

/**/

#all-box{
  margin:auto;
  max-width:1115px;
  width:95%
}

#all p{margin:0}

/**/

.dropmenu li>div{
  display:table;
  width:100%;
  height:100%;
}

.dropmenu span{
  cursor:pointer;
  font-size:12px;
  display:table-cell;
  padding:0 10px;
  vertical-align:middle;
}

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  cursor:pointer;
  position: relative;
  margin: auto;
  max-width:310px;
  padding: 0;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #8a9b0f;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  border-radius:10px;
  background:#d4ccc5;
  list-style: none;
  position: absolute;
  z-index: 9999;
  text-align:left;
  top: 100%;
  margin: 0;
  padding: 0;
  right:0;
  width:80%;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #7c8c0e;
  background: #6e7c0c;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #6e7c0c;
}
.dropmenu li a:hover{
  background: #616d0b;
}

.dropmenu li ul li{
  overflow: hidden;
  height: 0;
  -webkit-transition: .2s;
  transition: .2s;
}
.dropmenu .drop li{
  overflow: visible;
  height: 55px;
}

.dropmenu .drop li+li{
  border-top:1px solid #333;
}

.dropmenu b{display:block;}

/**/

.navi span{
  cursor:pointer;
}

#all h2{
  margin:5% 0;
  position:relative
}

#all .row+.row{
  margin-top:5%
}

#all h2>div{
  background:#333;
  bottom:0;
  height:1px;
  margin:auto;
  position:absolute;
  top:0;
  width:100%
}

#all h2>img{
  background:#efeee3;
  padding-right:15px;
  position:relative
}

.menu-txt{
  background:#fff;
  padding:8%;
}

.menu-txt>div{
  display:inline-block;
  margin-top:10%
}

.menu-txt>h3{margin:0}

.menu-txt hr{
  border-color:#333;
  margin:10px 0
}

.menu-txt span{display:none}

.menu-txt .view{display:inline}

@media(max-width:800px){

  #all h2>img,
  #all h3>img{
    -webkit-transform-origin:center left;
    transform-origin:center left;
    -webkit-transform:scale(.5);
    transform:scale(.5);
    max-width:none
  }

}

@media(max-width:700px){
  #all p{font-size:12px}
  
  .dropmenu span{font-size:10px}
}

@media(max-width:600px){

  #nav>*+*{margin-top:2%}

  #nav>*,
  #two~.row>*{
    width:100%;
  }

  #two~.ib-m>*{
    display:block;
    max-width:490px;
    margin:auto;
  }

  #two~.ib-m>*+*{
    margin-top:5%
  }

}

/**/

.txt-sel{
  border-radius: 10px;
  cursor:pointer;
  padding: 20px;
  padding-right:45px;
  background:url(../img/menu/btn-0.png) no-repeat 205px center,#d4ccc5;
  box-sizing: border-box;
  width:80%
}

.dog-sel>*{
  display:inline-block;
  vertical-align:middle
}

.img-sel{
  padding-right:5px;
  width:20%
}

@media(max-width:1050px){
  .txt-sel{
    background-position:-35px;
    padding:10px;
    padding-right:10px
  }
}

#all{
  position:relative
}

#sel{
  background:#efeee3;
  height:100%;
  padding-top:5%;
  position:absolute;
  text-align:center;
  -webkit-transition:opacity .5s;
  transition:opacity .5s;
  width:100%;
  z-index:1;
}

#sel.sel{
  opacity:0
}