/* sub category & sub group */
li {
    list-style-type:none;
}
.breadcrumb {
margin: 1.9em 0;
text-align: left;
font-size: 15px;
vertical-align: middle;
padding: 0 1.4%;
}
  .breadcrumb li{
    margin: 0 15px 0 0;
  }
  .breadcrumb p{
    margin: 0;
  }
  .breadcrumb a{
    color: #aaa;
  }
    .breadcrumb a:hover{
      color: #444;
    }

.grp_lst {
  position: relative;
  clear: both;
  margin-left: -2.127%;
  padding-top: 2em;
}
.grp_lst_unit {
  float: left;
  margin-bottom: 15px;
  margin-left: 1%;
  width: 32%;
  box-sizing:border-box;
  word-break: break-all;
}
  .grp_lst_unit a {
    display: block;
    padding: .8em;
/*    background-color: #f1f1f1;*/
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    color: #444;
    text-decoration: none;
    text-align: center;
    font-weight:bold;
  }
  .grp_lst_unit a:hover {
	opacity:0.7;
  }
li.grp_lst_unit:nth-of-type(1) a {
  background:#F7EDBF;
  color: #9B8B48;
  border: 1px solid #DBD2A9;
}
li.grp_lst_unit:nth-of-type(2) a {
  background:#700;
  color:#FFF;
  border: 1px solid #700;
}
li.grp_lst_unit:nth-of-type(3) a {
  background:#E77;
  color:#FFF;
  border: 1px solid #E77;
  letter-spacing:0.2em;
}
  .grp_lst_img {
    display: block;
    margin: 0 auto .5em;
    max-width: 100%;
    height: inherit;
  }
.category_desc_2 {
  padding-top: 2em;
}

@media (max-width: 480px) {
  .breadcrumb {
    margin: 1em 0;
    }
}