.sort_list li{
	cursor: pointer;
}
.cruiseday{background:#E40013 !important;}
.wrap{width:900px;margin:0 auto;}
.list{margin-top:20px;}
.first{margin-bottom:40px;}
.first .info{margin:20px 0 0;overflow:hidden;}
.first .info .txt{width:330px;float:left;}
.info .txt p{padding-bottom:10px;}
.first .info .img{float:right;}
.list ul{overflow:hidden;}
.first .list .item{width:215px;margin:5px 3px;min-height:230px;background:#FFFFFF;}
.first .list .item dt{overflow:hidden;}

.list .item .name{float:left;padding:0 10px;}
.list .item .name a{display:block;padding:3px 0;font-size:13px;}
.list .item .name span{display:block;font-size:10px;}
.first .list .item dt{margin:5px 0;padding:0 5px;}
.first .list .item dd{border-top:1px dotted #ccc;padding:5px 0 7px;margin:0 5px; word-wrap: break-word;}
.first .list .item dd img{width: 100%; height: auto;}
.filter .sort_list_wrap{
	padding: 20px 0;
	border-bottom: 1px solid #CCCCCC;
}

.filter .sort_list{
	display: flex;
}

.filter .sort_list li{
	display: table;
	cursor: pointer;
	width: 16.6666%;
	height: 36px;
	padding: 8px 0;
	background: #D0D0D0;
	text-align: center;
	font-size: 13px;
	line-height: 1.3;
}
.filter .sort_list li span{
	display: table-cell;
	vertical-align: middle;
}
.filter .sort_list li:hover{
	opacity: 0.8;
}
.filter .sort_list li.active{
	font-weight: bold;
}
.filter .sort_list li.fashion{
	background: #96C8AD;
}
.filter .sort_list li.zakka{
	background: #B3B7DC;
}
.filter .sort_list li.interior{
	background: #F5B3AE;
}
.filter .sort_list li.food{
	background: #EFB778;
}
.filter .sort_list li.service{
	background: #FFEC97;
}
.grid{

}

.item{
	
}

.item.muuri-item-dragging {
  z-index: 3;
}
.item.muuri-item-releasing {
  z-index: 2;
}
.item.muuri-item-hidden {
  z-index: 0;
}
.item-content {
  position: relative;
  width: 100%;
  height: 100%;
}

.filter_box{
	width: 100%;
	max-width: 1000px;
}
	


	
.filter_box .sort_box{
	display: none;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
	
	.colx{
		box-sizing: border-box;
		padding: 10px;
		width: calc(25% - 20px);
		margin: 0 10px 20px;
	}
	
	body.category-all .item-all,
	body.category-fashion .item-fashion,
	body.category-zakka .item-zakka,
	body.category-interior .item-interior,
	body.category-food .item-food,
	body.category-service .item-service,
	body.category-other .item-other{
		display: block;
		box-sizing: border-box;
		
		width: calc(25% - 20px);
		margin: 0 10px 20px;
		-webkit-animation: show .5s linear 0s forwards;
        animation: show .5s linear 0s forwards;
	}
	
	
	/*---------------------------------------
	 * Box
	---------------------------------------*/ 
	
	.item{
		width:215px;
		margin:5px 3px;
		min-height:230px;
	}
	.item .box-wrap{
		padding: 10px;
	}
	
	.item dt{overflow:hidden;}

	.item .name{
		padding:0 10px;
	}
	.item .name a{
		display:block;
		padding:3px 0;
		font-size:13px;
	}
	.item .name span{
		display:block;
		font-size:10px;
	}
	.item dt{
		margin:5px 0;
		padding:0 5px;
	}
	.item dd{
		border-top:1px dotted #ccc;
		padding:5px 0 7px;
		margin:0 5px;
	}
	
	
	/* カテゴリー表示
	---------------------------------------*/
	
	.item .cat{
		text-align: center;
		padding: 10px 0;
		font-size: 13px;
	}
	
	.item-fashion .cat{ background: #96C8AD;}
	.item-zakka .cat{ background: #B3B7DC;}
	.item-interior .cat{ background: #F5B3AE;}
	.item-food .cat{ background: #EFB778;}
	.item-service .cat{ background: #FFEC97;}
	
	
	
	
	/* 枠色
	---------------------------------------*/ 
	.item{border:1px solid #ccc;}
	.item-fashion{ border: 1px solid #96C8AD;}
	.item-zakka{ border: 1px solid #B3B7DC;}
	.item-interior{ border: 1px solid #F5B3AE;}
	.item-food{ border: 1px solid #EFB778;}
	.item-service{ border: 1px solid #FFEC97;}
	
	
	
	@-webkit-keyframes show {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@keyframes show {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  
  .sec5 .inner{
		max-width: 980px;
		margin: 0 auto;
	}
}

/***********************
	pcのみ
	********************/
@media screen and (min-width: 769px) {
	
	.inner{
		max-width: 1000px;
		margin: 0 auto;
	}
	
	.filter{
		max-width: 980px;
		margin: 0 auto;	
	}
	
	.filter .sort_list{
		justify-content: space-between;
	}
	
}


/***********************
	グリッドレイアウト
	********************/
@media screen and (min-width: 980px) {
	
}

@media screen and (max-width: 979px){
	
	.filter_box{

	}
	
	.filter_box .sort_box{
	}
	
	.sec2 .inner{
		width: 90%;
		margin: 0 auto;
	}
}


/***********************
	spのみ
	********************/

@media screen and (max-width: 768px) {
	
	.sec2 .inner{
		width: calc(90% + 10px);
		margin: 0 auto;
	}
	
	.filter{
		width: calc(100% - 10px);
		margin: 0 auto;	
	}
	
	.filter_box .sort_box .txt .big_ttl{
		color: #ffffff;
		font-size: 1.2em;
		padding-bottom: 35px;
		border-bottom: solid 1px #ffffff;
		line-height: 1.5em;
	}
	
	.filter_box .sort_box .txt .big{
		font-size: 0.9em;
		padding-bottom: 25px;
		line-height: 1.4em;
	}
	
	.filter_box .sort_box .txt span{
		font-size: 0.85em;
	}
	
	.col1{
		width: calc(33.33% - 10px);
		margin: 0 5px 10px;
	}
	
	.filter_box .sort_box,
	body.category-all .item-all,
	body.category-bunkei .item-bunkei,
	body.category-rikei .item-rikei,
	body.category-man .item-man,
	body.category-woman .item-woman,
	body.category-twenty .item-twenty,
	body.category-thirty .item-thirty,
	body.category-fourty .item-fourty,
	body.category-fifty .item-fifty{
		width: calc(33.33% - 10px);
		margin: 0 5px 10px;
	}
	
	.filter_box{
		
	}
	
	.filter .sort_list{
	-webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   align-content:center;
		
	}
	
	.filter .sort_list li{
		width: 20%;
		margin-bottom: 15px;
		text-align: center
	}
	
	.sec5{
		padding-top: 50px;
	}
	
	.sec5 .inner{
		width: 90%;
		margin: 0 auto;
	}
	
	.recruitBnr {
    margin: 50px auto 70px;
}
}