@charset "utf-8";
/* CSS Document */
/* トップバナー */
div.topbannerbox {
	width:100%;
	height:62vw;
	padding-top: 20px;
	overflow: hidden;
}
	div.topbannerbox div.centerbox {
		width:96%;
		height:60vw;
		position: relative;
		margin: 0 auto;
	}
		div.topbannerbox div.centerbox a.banner {
			display: none;
			width:100%;
			height:60vw;
			position: absolute;
			left:0;
			top:0;
			border-radius: 20px;
			border: #ccc 1px solid;
			box-shadow: 0px 0px 13px -8px #000;
		}
		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:90%;
	margin: 30px auto 0 auto;
}
	div.searchbox input.searchtext, div.searchbox select.searchtext {
		display: block;
		width:100%;
		height:40px;
		line-height: 40px;
		padding: 0 10px;
		border-radius: 30px;		
		margin-bottom: 10px;		
		-webkit-appearance: none;
  		-moz-appearance: none;
	}

/* 新着商品 */
div.newitemsbox {
	margin: 0px auto 0 auto;
	padding: 30px 0;
}
	div.newitemsbox div.center { 
		width:96%;
		margin: 0 auto;
	}
		div.newitemsbox div.center div.listbox {
			margin: 30px auto 0 auto;
		}
			div.newitemsbox div.center div.listbox a.newitem {
				display: block;
				width:29vw;
				height:35vw;
				margin: 1.5vw;
				text-decoration: none;
				float: left;
			}
				div.newitemsbox div.center div.listbox a.newitem div.itemimg {
					width:28.8vw;
					height:28.8vw;
					box-shadow: 0px 0px 13px -8px #000;
					/*box-shadow: 1vw 1vw 0.4vw -1vw rgba(0,0,0,0.3);*/
					border-radius: 10px;
					box-sizing: border-box;
				}
				div.newitemsbox div.center div.listbox a.newitem p {
					height:6vw;
					line-height: 6vw;
					font-size: 12px;
					text-align: center;
					overflow: hidden;
				}
			div.newitemsbox div.center div.listbox a.newitem:nth-of-type(7), div.newitemsbox div.center div.listbox a.newitem:nth-of-type(8) { display: none; }
		div.newitemsbox div.center p.nodata{
			text-align: center;
			font-size: 14px;
			padding: 20px 0;
		}
/* BARGAIN お買い得商品 */
div.bargainbox {
	margin: 0px auto 0 auto;
	padding: 30px 0;
}
	div.bargainbox div.center { 
		width:92%;
		margin: 0 auto;
	}
		div.bargainbox div.center div.salelistbox {
			margin-top: 20px;
		}
			div.bargainbox div.center div.salelistbox a {
				display: block;
				width:44vw;
				box-sizing: border-box;
				text-decoration: none;
				float: left;
				margin: 0 auto 5px auto;
			}
			div.bargainbox div.center div.salelistbox a:nth-of-type(even) { float: right;}
				div.bargainbox div.center div.salelistbox a div.itemimg {
					width:44vw;
					height:44vw;
					box-shadow: 0px 0px 13px -8px #000;
					border-radius: 10px;
					position: relative;
				}
					div.bargainbox div.center div.salelistbox a div.itemimg p.saleinfo {
						width:50px;
						height:55px;						
						text-align: center;
						box-sizing: border-box;
						padding: 5px 0 0 0;
						font-weight: bold;
						font-size: 12px;
						line-height: 15px;
						position: absolute;
						left:5px;
						top:0;
					}
						div.bargainbox div.center div.salelistbox a div.itemimg p.saleinfo span { font-size: 14px;}
				div.bargainbox div.center div.salelistbox a p.itemname {
					height:30px;
					margin: 5px auto 0 auto;
					line-height: 15px;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					font-size: 12px;
				}
				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: 14px;
						color: #ff0000;
						font-weight: bold;
					}
		div.bargainbox div.center a.listbtn { margin-top: 30px;}
		div.bargainbox div.center p.nodata{
			text-align: center;
			font-size: 14px;
			padding: 20px 0;
		}
/* お知らせ一覧 */
div.newslistbox {}
	div.newslistbox div.center {
		width:90%;
		margin: 0 auto;
	}
		div.newslistbox div.center div.informationbox {
		}
			div.newslistbox div.center div.informationbox p.information {
				font-size: 14px;
				font-weight: bold;
				letter-spacing: 1px;
			}
			div.newslistbox div.center div.informationbox div.listbox {
				margin: 20px auto 0 auto;
			}
				div.newslistbox div.center div.informationbox div.listbox a {
					display: block;
					width:100%;
					height:20px;
					margin-bottom: 10px;
					text-decoration: none;
					position: relative;
				}
					div.newslistbox div.center div.informationbox div.listbox a span {
						display: inline-block;
						height:20px;
						font-size: 12px;
						vertical-align: top;
						line-height: 20px;
						letter-spacing: 1px;
					}
					div.newslistbox div.center div.informationbox div.listbox a span.date {
						position: absolute;
						top:0;
						left:0;
					}
					div.newslistbox div.center div.informationbox div.listbox a span.title {
						width:100%;
						box-sizing: border-box;
						padding: 0 100px 0 80px;
						overflow: hidden;
					}
					div.newslistbox div.center div.informationbox div.listbox a span.next {
						position: absolute;
						top:0;
						right:0;
					}
				div.newslistbox div.center div.informationbox div.listbox p.nodata {
					font-size: 14px;
					letter-spacing: 1px;
				}
	div.newslistbox div.center a.listbtn { margin-top: 30px;}