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


#result{
	display:none;
}

.s0 .btn-status a{background-color: #999;box-shadow: 0px 3px 0px 0px #828282;}
.s1 .btn-status a{background-color: #00a569;box-shadow: 0px 3px 0px 0px #008c59;}
.s2 .btn-status a{background-color: #58ACFA;box-shadow: 0px 3px 0px 0px #0431B4;}

.s0 .btn-status a:hover{background-color: #ddd;}
.s1 .btn-status a:hover{background-color: #05ce85;}
.s2 .btn-status a:hover{background-color: #81DAF5;}

.s0 .btn-status a span{background: url(../img/ico-disable.png) left center /1em no-repeat;}
.s1 .btn-status a span{background: url(../img/ico-phone.png) left center /1em no-repeat;}
.s2 .btn-status a span{background: url(../img/ico-phone.png) left center /1em no-repeat;}

.s0 .btn-status a span:before{content:"退席中";}
.s1 .btn-status a span:before{content:"相談受付中";}
.s2 .btn-status a span:before{content:"相談中";}

/* 並び替え */

.counselor-list{
	width:calc(100% + 10px);
	margin:0 0 0 -5px;
	padding:0;
    box-sizing:border-box;
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	-ms-flex-wrap : wrap; /*for IE10*/
	-webkit-flex-wrap : wrap; /*for old webkit browser*/
	flex-wrap : wrap;
/*
	-webkit-align-items:baseline;
	align-items:baseline;
*/
}

.counselor-list > li.s0{
	-webkit-box-ordinal-group:3;
	-ms-flex-order:3;
	-webkit-order:3;
	order:3;
}

.counselor-list > li.s1{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
}

.counselor-list > li.s2{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
}


/* レスポンシブ指定 */

.counselor-list > li{
     width:calc(33.3% - 10px);
     box-sizing:border-box;
     margin:5px !important; /* nth-child(3)等ですでに指定されているため強制 */
     display:block;
     float:none;
}

@media(max-width:768px){
.counselor-list > li{
     width:calc(50% - 10px);
}
}

@media(max-width:680px){
.counselor-list > li{
     width:100%;
}
}