@charset "utf-8";

/* ------------------------------------------------
   category
-------------------------------------------------*/

#category_list{
	padding:25px 0;
	}
	#category_list .contents{
		text-align:left;
	}
	#category_list ul{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		position:relative;
		list-style:none;
	}
	#category_list ul li{
		position:relative;
		width:366px;
		margin:0 0 20px;
		padding:6px;
		z-index:0;
		}
		#category_list ul li:before,
		#category_list ul li:after{
			content:" ";
			position:absolute;
			z-index:-1;
			}
			#category_list ul li:before{
				bottom:0px;
				right:0px;
				border:30px solid transparent;
				border-right:30px solid #1C499E;
				border-bottom:30px solid #1C499E;
			}
			#category_list ul li:after{
				right:0px;
				bottom:0px;
				width:1px;
				height:1px;
				background:#1C499E;
				transition-duration:0.75s;
				}
				#category_list ul li:hover:after{
					width:100%;
					height:100%;
	}
	#category_list ul li .shop_contents{
		width:100%;
		padding:18px;
		background:#D0DCDB;
		z-index:0;
	}
	#category_list ul li .shop_title{
		display:-webkit-flex;
		display:flex;
		justify-content:flex-start;
		align-items:center;
		position:relative;
		width:calc(100% + 36px);
		height:90px;
		margin:-18px 0 18px -18px;
		padding:0 75px 0 18px;
		background:#1C499E;
		text-align:left;
	}
	#category_list ul li h3{
		position:relative;
		font-size:1.3rem;
		color:#FFF;
		}
		#category_list ul li h3 span{
			display:block;
			position:relative;
			font-size:0.87rem;
			color:#FFF;
}

/* shop_logo */
#category_list ul li .shop_logo{
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	width:100%;
	height:140px;
	text-align:center;
	margin:0 0 15px;
	}
	#category_list ul li .shop_logo img{
		max-height:140px;
		width:auto;
}

/* thanks_detail */
#category_list ul li .thanks_detail{
	position:relative;
	min-height:155px;
	padding:15px;
	text-align:center;
	background:#FFF;
	}
	#category_list ul li .thanks_detail h4{
		position:relative;
		margin:0 0 10px;
		font-weight:bold;
		font-size:0.9rem;
		text-align:center;
		border-bottom:1px solid #000;
	}
	#category_list ul li .thanks_detail p{
		position:relative;
		font-size:0.77rem;
		text-align:left;
		line-height:1.5;
}

/* shop_url */
#category_list ul li .shop_url{
	position:absolute;
	top:30px;
	right:21px;
	width:50px;
	height:50px;
	background:url(../../image/base/hp.png) no-repeat center center;
	z-index:10;
	}
	#category_list ul li .shop_url a{
		display:block;
		width:100%;
		height:100%;
		text-indent:-9999px;
		border:1px solid transparent;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		transition-duration:0.5s;
	}
	#category_list ul li .shop_url a:hover{
		border:1px solid #FFF;
		background:rgba(255,255,255,0.1);
}

/* shop_detail */
#category_list ul li .shop_detail{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-indent:-9999px;
	z-index:9;
	transition-duration:0.5s;
	}
	#category_list ul li .shop_detail:hover{
		background:rgba(255,255,255,0.2);
}