/*スタッフカテゴリヘッダー*/
.staff_category_info {
   position:relative;
   background: #fff;
   padding: 32px 16px;
	display: flex;
   align-items: center;
   justify-content: center;
   -webkit-justify-content: center;
}
.staff_category_info .staff_img {
    width: 175px;
    height: 175px;
    border-radius: 50%;
    overflow: hidden;
}
.staff_category_info .staff_img img {
    width: 175px;
    height: 175px;
    border-radius: 50%;
}
.staff_category_info .staff_name {
	padding-left: 16px;
    line-height: 1.6;
    font-size: 14px;
	flex-basis: content;
  -webkit-flex-basis: content;
}
.staff_category_info .staff_name .shop_name {
    font-size: 12px;
}

.staff_category_info .staff_name .btn {
	text-align:left;
}
/*
.staff_category_info .staff_name .btn a {
    display: inline;
}
*/



/*コーデ一覧*/

.coordinate .sub_cat {
	display: flex;
    justify-content: center

}

.active  a {
   pointer-events :none;
   background: #000;
   color: #fff;
}

.staff_snap_list.items li a {
  margin-bottom: 0;
}

.staff_info {
   position:relative;
    background: #f3f3f3;
    padding: 8px 16px;
	display: flex;
    align-items: center;
}

.staff_info::after {
  content:"";
    position: absolute;
    left: 25px;
    top:-15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #f3f3f3 transparent;
   z-index:1;
}
.staff_img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}
.staff_img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.staff_name {
	padding-left: 16px;
    line-height: 1.2;
    font-size: 12px;
	flex-basis: calc( 100% - 50px );
}
@media screen and (max-width:768px) {
.staff_snap_list.items li {
    margin-bottom:10px;
  }
  .staff_info {
      padding: 8px ;
  }
  .staff_name {
      padding-left: 8px;
  }
  .staff_info::after {
      left: 18px;
      top:-10px;
      border-width: 0 10px 10px 10px;
      border-color: transparent transparent #f3f3f3 transparent;
  }	
  .staff_img {
      width: 40px;
      height: 40px;
  }
  .staff_img img {
      width: 40px;
      height: 40px;
  }
  .staff_name {
      flex-basis: calc( 100% - 40px );
}
  
  
  
}

@media screen and (max-width: 474px) {
  /*スタッフカテゴリヘッダー*/
.staff_category_info {
   padding: 16px 0px;
   justify-content: center;
   -webkit-justify-content: center;
}
.staff_category_info .staff_img {
    width: 100px;
    height: 100px;
}
.staff_category_info .staff_img img {
    width: 100px;
    height: 100px;
}
 .staff_category_info .staff_name {
  -webkit-flex-basis: auto;
  }
  
  /*コーデ一覧*/
.staff_snap_list.items li {
    margin-bottom:2px;
  }
  .staff_info {
      padding: 8px ;
  }
  .staff_name {
      padding-left: 10px;
  }
  .staff_info::after {
      left: 16px;
      top:-10px;
      border-width: 0 10px 10px 10px;
      border-color: transparent transparent #f3f3f3 transparent;
  }	
  .staff_img {
      width: 35px;
      height: 35px;
  }
  .staff_img img {
      width: 35px;
      height: 35px;
  }
  .staff_name {
      flex-basis: calc( 100% - 35px );
}
  
  
  
  
}


.sub_header{
  margin-top: 160px;
}
@media screen and (max-width: 474px) {
 .sort dd:first-of-type {
   margin-top: -2px;
 }
}