/* CSS Document */

.category_description {
	max-width:780px;	
	clear:left;
	line-height:170%;
}

h1 {
}

#subCatList {
	position:relative;
	top:-10px;
	font-size:12px;
}

#subCatListTitle {
	display:inline-block;
	margin:0;
	font-weight:normal;
	float:left;
	
	color:#999;
	padding:5px;
	
	position:relative;
	top:-4px;
}

#subCatList ul {
	margin:0;
	padding:0;
	list-style:none;
}

#subCatList li {
	display:inline-block;
	margin:0 10px 10px 0;
}

#subCatList li a {
	text-decoration:none;
	background-color:#f3f3f3;
	color:#444;
	padding:5px;
}

#subCatList li a:hover {
	background-color:#fcfcfc;
}

#content .prd_list {
	display:flex;
	flex-wrap: wrap;
    align-items: stretch;
}

#content .prd_list .prd_item {
	flex-basis:220px;
	flex-grow: 2;
	
	margin:10px 10px 0 0;

	border:1px solid #ddd;
	box-shadow:0 1px 5px rgba(0,0,0,0.05);
	width:31%;
	min-width:240px;
	max-width: 240px;
}
@media (max-width: 600px) {
	#content .prd_list .prd_item {
		max-width: 400px;
	}
}
#content .prd_list .prd_item .prd_image {
	width:100%;
	max-height:300px;
	overflow:hidden;
}

#content .prd_list .prd_item .prd_image img {
	/* 幅優先バージョン
	width:101%;
	height:auto;
	*/
	
	/* 高さ優先バージョン */
	width: auto;
    height: 240px;
    min-width: 100%;
	background-color:rgba(0,0,0,0.18);
}

#content .prd_list .prd_item .prd_title {
	margin:5px 10px;
	font-weight:normal;
	font-size:16px;
}

#content .prd_list .prd_item .prd_title a {
	background-color:antiquewhite;
	display:inline-block;
	text-decoration:none;
	position:relative;
	left:-15px;
	padding-left:15px;
}

#content .prd_list .prd_item .prd_title a:hover {
	text-decoration:underline;
}

#content .prd_list .prd_item .prd_body {
	margin:10px;
	font-size:14px;
}


#main_content a img {
	transition:all .3s;
	
    position: relative;
    left: 50%;
    transform: translate(-50%,0%);
}

#main_content a img:hover {
	opacity:0.8;	
}




.page_navigation {
	clear:left;
}

.page_navigation a {
	padding:10px 20px;
	margin:20px 20px 10px 20px;
	display:block;
	text-decoration:none;
	border-radius:4px;
	background-color:rgba(227,198,151,0.30);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1) inset;
}