.syoukaititke{
	clear:both;
	display:block;
	font-weight:bold;
	color:#512453;
	padding:20px 0 10px 0;
	margin:50px 0 0 0;
	}


/*----- 商品リスト -----*/

.item_list_ul{
	list-style: none;
	margin:0;
	padding:0;
}


/* 外枠 */
.item_list{
	/* ページ幅 800*/
	width:230px;
	float:left;
	padding:40px 15px 30px 15px;
	border:1px solid #ccc;
	margin:-1px 0 0 -1px;
}

.item_list:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.item_list a{
	text-decoration:none;
}



/* イメージ画像 */
.item_list_img{
	height:175px;
	width:230px;
	overflow:hidden;
	margin:0 auto;
}
.item_list_img img{
	width:230px;
	height:auto;
}



/* 商品名 */
.item_list_title{
	display:block;
	height:2.2em;
	color:#000;
	font-weight:bold;
	font-size:0.9em;
	line-height:1.2em;
	margin:15px 0 0 0;
}



/* 説明　*/
.item_list_info{
	display:block;
	height:2.2em;
	color:#666;
	font-size:0.8em;
	line-height:1.2em;
	margin:5px 0 5px 0;
	overflow:hidden;
}



/* 価格 */
.item_list_price{
	display:block;
	margin:10px 0 15px 0;
	color:#BF0000;
	font-size:1.5em;
	font-weight:bold;
}



/* 詳細ボタン */
.item_list_btn{
	height:22px;
	width:180px;
	display:block;
	background-image: url("../img/list_btn_syousai.jpg");
	background-repeat: no-repeat;
	background-position:center;
	border-radius: 10px;
	margin:0 auto;
}



/* 飾り */
.decoration_keppin{
	position: relative;
}
.decoration_keppin:after{
	display:block;
	position: absolute;
	content:url('../img/ribon_keppin.gif');
	z-index: 1;
	top:30px;
	left:-5px;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.decoration_new{
	position: relative;
}
.decoration_new:after{
	display:block;
	position: absolute;
	content:url('../img/ribon_new.gif');
	z-index: 1;
	top:-10px;
	left:-5px;
}


















/*----- テキスト部分 -----*/
.text_list_ul{
	list-style: none;
	margin:0;
	padding:0;
}


/* 外枠 */
.text_list{
	/* ページ幅 800*/
	width:98%;
	float:left;
	padding:5px;
	border:1px solid #ccc;
	margin:-1px 0 0 0;	
	clear:both;
	border:1px solid #ccc;
}

.text_list:hover{
	background-color:#F7F7F7;
}

.text_list a{
	text-decoration:none;
}



/* イメージ画像 */
.text_list_img{
	width:150px;
	height:150px;
	margin:0;
	margin:0 10px 0 0;
	overflow:hidden;
	float:left;
}
.text_list_img img{
	width:150px;
	height:150px;
	object-fit: contain;
	object-position: 0px 0px;
	background-color: #fff;
}



/* 記事名 */
.text_list_title{
	display:block;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	margin:0;
	padding:5px 0 5px 0;
	text-align:center;
	/*background-color:#DEDEF1;*/
	overflow:hidden;
	
	
	background: #6b447f;
	background: -moz-linear-gradient(top, #6b447f 0%, #380428 100%);
	background: -webkit-linear-gradient(top, #6b447f 0%,#380428 100%);
	background: linear-gradient(to bottom, #6b447f 0%,#380428 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b447f', endColorstr='#380428',GradientType=0 );


}



/* 説明　*/
.text_list_info{
	display:block;
	height:4em;
	font-size:1em;
	line-height:1.2em;
	margin:10px 0 5px 0;
	overflow:hidden;
	color:#000;
}





/* 詳細ボタン */
.text_list_btn{
	text-align:right;
	margin:0 20px 0 0;
}


















/*--- ページ---*/

.wp-pagenavi{
	display:block;
	height:80px;
	padding:0;
	margin:20px 0 0 0;
	font-size:1.3em;
	float: right;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{
	display:inline-block;
	border:1px solid #2490D0;
	background-color:#2490D0;
	color:#fff;
}
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.wp-pagenavi .current {
	display:inline-block;
	font-weight: bold;
	color:#fff;
	border:1px solid #ccc;
	background-color:#ccc;
	color:#fff;
}

.wp-pagenavi .page{	
	display:inline-block;
	border:1px solid #ccc;
	background-color:#fff;
	color:#2490D0;
}

.wp-pagenavi .page:hover{
	background-color:#ccc;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .current,
.wp-pagenavi .page{
	display:inline-block;
	text-decoration: none;
	padding:10px 15px;
	margin:5px;	
}


@media screen and (max-device-width: 480px) {

	.wp-pagenavi{
		height:150px;
		padding:0 0 0 0;
		font-size:1.5em;
		margin:50px 0 60px 0;
	}

	.wp-pagenavi .page,
	.wp-pagenavi .nextpostslink,
	.wp-pagenavi .previouspostslink,
	.wp-pagenavi .current {
		padding:20px 25px;
		margin:10px;
	}
	
}