/* ------------------------------------------------------------------------------------------
* contents
* ----------------------------------------------------------------------------------------- */
#contents,
#main{
	overflow:visible;
}

/* ------------------------------------------------------------------------------------------
* headline-wrap
* ----------------------------------------------------------------------------------------- */
.item_list-result .page-ttl{
	display:inline;
	margin-right:8px;
}
.item_list-result .result-count{
	position:relative;
	top:-5px;
	white-space:nowrap;
}
.item_list-result .result-count span{
	margin-left:4px;
}

/* ------------------------------------------------------------------------------------------
* item_list
* ----------------------------------------------------------------------------------------- */
.item_list-wrap{
	float:right;
	width:100%;
	margin-left:-180px;
	padding-left:180px;
}
.item_list > li{
	position:relative;
	float:left;
	width:33.3%;
}
.item_list > li:not(:nth-child(-n+3)){
	margin-top:24px;
}
.item_list > li:before{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:24px;
	border:1px solid #ddd;
	content:"";
}
.item_list-inner{
	padding:24px 24px 24px 48px;
}
.item_list-inner > a{
	position:relative;
	display:block;
	text-decoration:none;
}
.item_list-img{
	position:relative;
	height:120px;
	margin-bottom:16px;
}
.item_list-img img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	max-height:120px;
}
.item_list-name{
	line-height:1.3;
	font-size:18px;
}
.item_list .detail-tab{
	margin:4px 0;
	position:relative;
}
.item_list p{
	color:#333;
}
.item_list-add{
	min-height:207px;
	margin:-20px -24px;
}
.item_list-add:hover{
	opacity:.8;
}
.item_list-add:before,
.item_list-add:after{
	display:block;
	position:absolute;
	top:-20px;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	content:"";
}
.item_list-add:before,
.item_list-add:after{
	background:#0958a9;
}
.item_list-add:before{
	width:3px;
	height:56px;
}
.item_list-add:after{
	width:56px;
	height:3px;
}
.item_list-add span{
	display:block;
	position:absolute;
	top:50%;
	left:40%;
	padding-top:28px;
}

.item_list-wrap-nonf .item_list > li:before{
	border-radius:4px;
}
.item_list-wrap-nonf .item_list > li:nth-child(3n+1):before{
	right:16px;
	left:0;
}
.item_list-wrap-nonf .item_list > li:nth-child(3n+1) .item_list-inner{
	padding:20px 40px 20px 24px;
}
.item_list-wrap-nonf .item_list > li:nth-child(3n+2):before{
	right:8px;
	left:8px;
}
.item_list-wrap-nonf .item_list > li:nth-child(3n+2) .item_list-inner{
	padding:20px 32px;
}
.item_list-wrap-nonf .item_list > li:nth-child(3n):before{
	right:0;
	left:16px;
}
.item_list-wrap-nonf .item_list > li:nth-child(3n) .item_list-inner{
	padding:20px 24px 20px 40px;
}
.item_list-wrap-nonf .item_list-inner{
	position:relative;
}

/* ------------------------------------------------------------------------------------------
* item_list-sort
* ----------------------------------------------------------------------------------------- */
.item_list-sort{
	float:left;
}
.btn-radio{
	width:180px;
	margin-bottom:8px;
	text-align:center;
}
.btn-radio li{
	display:list-item;
	margin:auto;
}
.btn-radio label{
	display:block;
	background:#eee;
	border:1px solid #ccc;
	border-radius:0;
}
.btn-radio label:before{
	display:none;
}
.btn-radio li:first-child label{
	border-radius:4px 4px 0 0;
}
.btn-radio li:last-child label{
	border-radius:0 0 4px 4px;
}
.btn-radio li:not(:last-child) label{
	border-bottom:none;
}
.btn-radio label:hover{
	cursor:pointer;
}
.btn-radio .active label,
.btn-radio .active label:hover{
	background:#8bc34a;
	border-color:#8bc34a;
	color:#fff;
}