@charset "utf-8";
/* CSS Document */
/* トップバナー */
div.topbannerbox {
	width:100%;
	height:530px;
	box-sizing: border-box;
	padding-top: 35px;
}
	div.topbannerbox div.centerbox {
		width:860px;
		height:435px;
		position: relative;
		margin: 0 auto;
	}
		div.topbannerbox div.centerbox a.banner {
			display: none;
			width:860px;
			height:435px;
			position: absolute;
			left:0;
			top:0;
			border: #ccc 1px solid;
			border-radius: 35px;
			box-shadow: 0px 0px 13px -8px #000;
			opacity: 0;
		}
		div.topbannerbox div.centerbox a.banner:hover { opacity: 1;}
		div.topbannerbox div.centerbox a.banner:nth-of-type(1) {
			display: block;
			opacity: 1;
		}
		
/* 検索 */
div.searchbox {
	width:450px;
	margin: 35px auto 0 auto;
}
	div.searchbox input.searchtext, 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.newitemsbox {
	margin: 0px auto 0 auto;
	padding: 50px 0;
}
	div.newitemsbox div.center { 
		width:864px;
		margin: 0 auto;
	}
		div.newitemsbox div.center div.listbox {
			margin: 40px auto 0 auto;
		}
			div.newitemsbox div.center div.listbox a.newitem {
				display: block;
				width:200px;
				height:230px;
				margin: 8px;
				text-decoration: none;
				float: left;
			}
				div.newitemsbox div.center div.listbox a.newitem div.itemimg {
					width:200px;
					height:200px;
					box-shadow: 0px 0px 13px -8px #000;
					border-radius: 15px;
				}
				div.newitemsbox div.center div.listbox a.newitem p {
					height:20px;
					line-height: 20px;
					font-size: 12px;
					text-align: center;
					overflow: hidden;
					margin-top: 10px;
				}
		div.newitemsbox div.center p.nodata {
			text-align: center;
			font-size: 14px;
			padding: 50px 0;
		}
/* BARGAIN お買い得商品 */
div.bargainbox {
	margin: 0px auto 0 auto;
	padding: 50px 0;
}
	div.bargainbox div.center { 
		width:860px;
		margin: 0 auto;
	}
		div.bargainbox div.center div.salelistbox {
			margin-top: 40px;
		}
			div.bargainbox div.center div.salelistbox a {
				display: block;
				width:200px;
				height:270px;
				box-sizing: border-box;
				margin-right: 20px;
				text-decoration: none;
				float: left;
			}
			div.bargainbox div.center div.salelistbox a:nth-of-type(4) { margin: 0;}
				div.bargainbox div.center div.salelistbox a div.itemimg {
					width:200px;
					height:200px;
					box-shadow: 0px 0px 13px -8px #000;
					border-radius: 10px;
					position: relative;
				}
					div.bargainbox div.center div.salelistbox 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.bargainbox div.center div.salelistbox a div.itemimg p.saleinfo span { font-size: 20px;}
				div.bargainbox div.center div.salelistbox 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.bargainbox div.center div.salelistbox a p.price {
					height:30px;
					line-height: 15px;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					font-size: 12px;
					text-align: right;
				}
					div.bargainbox div.center div.salelistbox a p.price span.torikeshi {
						text-decoration: line-through;
						font-size: 12px;
					}
					div.bargainbox div.center div.salelistbox a p.price span.red {
						font-size: 16px;
						color: #ff0000;
						font-weight: bold;
					}
		div.bargainbox div.center p.nodata{
			text-align: center;
			font-size: 14px;
			padding: 50px 0;
		}
/* お知らせ一覧 */
div.newslistbox {}
	div.newslistbox div.center {
		width:780px;
		margin: 0 auto;
	}
		div.newslistbox div.center div.informationbox {
			height:90px;
		}
			div.newslistbox div.center div.informationbox p.information {
				width:180px;
				float: left;
				font-size: 14px;
				letter-spacing: 1px;
				line-height: 20px;
			}
			div.newslistbox div.center div.informationbox div.listbox {
				width:600px;
				float: right;
			}
				div.newslistbox div.center div.informationbox div.listbox a {
					display: block;
					width:100%;
					height:20px;
					margin-bottom: 10px;
					text-decoration: none;
				}
					div.newslistbox div.center div.informationbox div.listbox a span {
						display: inline-block;
						height:20px;
						font-size: 14px;
						vertical-align: top;
						line-height: 20px;
						letter-spacing: 1px;
					}
					div.newslistbox div.center div.informationbox div.listbox a span.date {
						width:100px;
					}
					div.newslistbox div.center div.informationbox div.listbox a span.title {
						max-width:365px;
						overflow: hidden;
					}
					div.newslistbox div.center div.informationbox div.listbox a span.next { margin-left: 5px;}
				div.newslistbox div.center div.informationbox div.listbox p.nodata {
					font-size: 14px;
					letter-spacing: 1px;
				}