@charset "utf-8";
/* CSS Document */
div#mainContents { padding-bottom: 0;}
div.titlebox { 
	width:860px;
	margin: 40px auto 0 auto;
}
	div.titlebox > select {
		display: block;
		height:30px;
		line-height: 30px;
		width:150px;
		border-radius: 15px;
		padding: 0 10px;
		float: right;
	}
	div.titlebox div.searchbox {
		width:450px;
		margin: 20px auto 0 auto;
	}
		div.titlebox div.searchbox input.searchtext, div.titlebox div.searchbox select.searchtext {
			display: block;
			width:100%;
			height:45px;
			line-height: 45px;
			padding: 0 10px;
			border-radius: 30px;
			margin-bottom: 20px;
			-webkit-appearance: none;
  			-moz-appearance: none;
		}

/* 商品一覧 */
div.itemxlistbox {
	width:860px;
	margin: 40px auto;
}
	div.itemxlistbox div.items {
		width:200px;
		height:320px;
		box-sizing: border-box;
		margin-right: 20px;
		margin-bottom: 10px;
		float: left;
	}
	div.itemxlistbox a {
		display: block;
		width:200px;
		height:255px;
		text-decoration: none;
	}
	div.itemxlistbox div.items:nth-of-type(4), div.itemxlistbox div.items:nth-of-type(8), div.itemxlistbox div.items:nth-of-type(12) { margin: 0;}
		div.itemxlistbox a div.itemimg {
			width:200px;
			height:190px;
			box-shadow: 0px 0px 13px -8px #000;
			border-radius: 10px;
			position: relative;
		}
			div.itemxlistbox a div.itemimg p.saleinfo {
				width:68px;
				height:75px;
				text-align: center;
				box-sizing: border-box;
				padding: 10px 0 0 0;
				font-weight: bold;
				font-size: 16px;
				line-height: 18px;
				position: absolute;
				left:10px;
				top:0;
			}
				div.itemxlistbox a div.itemimg p.saleinfo span { font-size: 20px;}
		div.itemxlistbox a p.itemname {
			height:30px;
			margin: 10px auto 0 auto;
			line-height: 15px;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			font-size: 14px;
		}
		div.itemxlistbox a p.price {
			height:15px;
			line-height: 15px;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			font-size: 12px;
			text-align: right;
		}
			div.itemxlistbox a p.price span.torikeshi {
				text-decoration: line-through;
				font-size: 12px;
			}
			div.itemxlistbox a p.price span.red {
				font-size: 16px;
				color: #ff0000;
				font-weight: bold;
			}
		div.itemxlistbox div.items input.cartbtn {
			display: block;
			-webkit-appearance: none;
			-moz-appearance: none;
			width:100%;
			height:30px;
			line-height: 30px;
			text-align: center;
			border: none;
			font-size: 12px;
			border-radius: 30px;
		}
		div.itemxlistbox div.items input.cartbtn:hover { opacity: 0.7;}
		div.itemxlistbox div.items p.ngcart {
			font-size: 12px;			
			line-height: 30px;
		}
p.nodata {
	width:860px;
	font-size: 16px;
	margin: 80px auto 80px auto;
	text-align: center;
}
div.pagebox {
	width:860px;
	margin: 0 auto 40px auto;
	text-align: center;
}
	div.pagebox input {
		display: inline-block;
		-webkit-appearance: none;
  		-moz-appearance: none;
		width:33px;
		height:30px;
		line-height: 30px;
		text-align: center;		
		margin: 0 5px 5px 5px;
		cursor: pointer;
	}
	div.pagebox input:hover { opacity: 0.7;}
	div.pagebox span {
		display: inline-block;
		width:33px;
		height:30px;
		line-height: 30px;
		text-align: center;
		margin: 0 5px 5px 5px;
	}