@charset "utf-8";
/* CSS Document */
/* トップイメージ */
div.topimgbox {
	width:100%;
	min-width: 900px;
	height:959px;
	background: url(../images/index/topimg.jpg) no-repeat;
	background-position: center top;
	box-sizing: border-box;
	padding-top: 150px;
}
	div.topimgbox div.messagebox {
		width:41.61vw;
		height:33.02vw;
		margin: 0 auto;
		position: relative;
	}
		div.topimgbox div.messagebox div.message {
			width:41.61vw;
			height:33.02vw;
			position: absolute;
			top:0;
			right:0;
			background: url(../images/index/message.png) no-repeat;
			background-size: 100% 100%;
			background-position: center top;
			opacity: 0;
		}
/* 杵 */
div.kinebox { /* 基準1920px*/
	width:100%;
	height:617px;
	position: relative;
}
	div.kinebox div.kine {
		width:35vw;
		height:617px;
		position: absolute;
		top:0;
		left:20px;
		background: #fff;
	}
		div.kinebox div.kine div.info {
			width:300px;
			height:617px;
			float: right;
			margin-right: 2.08vw;
			box-sizing: border-box;
			padding-top: 80px;
		}
			div.kinebox div.kine div.info p.ptext {
				margin-top: 40px;
				font-size: 14px;
				line-height: 23px;
			}
			div.kinebox div.kine div.info img.kineimg {
				margin-top: 40px;
			}
			div.kinebox div.kine div.info a {
				display: block;
				width:180px;
				height: 55px;
				line-height: 55px;
				text-align: center;
				text-decoration: none;
				color: #fff;
				font-size: 14px;
				font-weight: bold;
				background: #040000;
				margin-top: 40px;
				letter-spacing: 1px;
			}
	div.kinebox div.imagebox {
		width:63.5vw;
		height:617px;
		background: url(../images/index/img01.jpg) no-repeat;
		background-position: left top;
		position: absolute;
		top:0;
		right:0;
	}
/* 商品一覧 */
div.categorylistbox {
	width:50.31vw;
	min-width: 600px;
	margin: 80px auto 0 auto;
	padding-top: 220px;
	background: url(../images/index/itemtitle.png) no-repeat;
	background-position: center top;
}
	div.categorylistbox h2 { display: none; }
	div.categorylistbox div.center {
		width:100%;
		text-align: center;
	}
		div.categorylistbox div.center a.item {
			display: inline-block;
			width:16.40vw;
			height: 15.10vw;
			min-width: 250px;
			min-height: 240px;
			box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4);
			margin: 2.08vw;
			vertical-align: top;
			position: relative;
			box-sizing: border-box;
			padding: 2.60vw 2.60vw 0 5.20vw;
			text-align: left;
			text-decoration: none;
			color: #333;
		}
			div.categorylistbox div.center a.item img.title {
				width:1.30vw;
				position: absolute;
				top:2.60vw;
				left:2.60vw;
			}
			div.categorylistbox div.center a.item img.img {
				width:13.90vw;
				position: absolute;
				bottom:-2.60vw;
				right:-2.60vw;
			}
			div.categorylistbox div.center a.item p.category { display: none; }
			div.categorylistbox div.center a.item p.title {
				font-size: 14px;
			}
			div.categorylistbox div.center a.item p.ptext {
				font-size: 12px;
				margin-bottom: 20px;
			}
			div.categorylistbox div.center a.item p.details {
				font-size: 14px;
				text-decoration: none;
				color: #333;
			}
/* お知らせ */
div.newsbox {
	width:69.27vw;
	height:161px;
	max-width:1284px;
	background: url(../images/index/newsbg.png) no-repeat;
	background-position: center top;
	margin: 130px auto 0 auto;
	box-sizing: border-box;
	padding: 20px 35px;
}
	div.newsbox div.center {
		width:100%;
		height:100%;
		background: url(../images/index/newsbg02.png) no-repeat;
		background-position: left top -40px;
		position: relative;
	}
		div.newsbox div.center p.newstitle {
			width:150px;
			height:121px;
			position: absolute;
			left:50px;
			font-size: 20px;
			line-height: 121px;
		}
		div.newsbox div.center div.newsbox01 {
			width:100%;
			height:100%;
			box-sizing: border-box;
			padding-left: 215px;
		}
			div.newsbox div.center div.newsbox01 a {
				display: block;
				width:100%;
				height:100%;
				font-size: 14px;
				color: #333;
				text-decoration: none;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
				div.newsbox div.center div.newsbox01 a span {
					display: inline-block;
					height:100%;
					line-height: 121px;
				}
				div.newsbox div.center div.newsbox01 a span.date {
					color: #A9A6A6;
					margin-right: 20px;
					font-size: 14px;
				}
			div.newsbox div.center div.newsbox01 p.nodata {
				display: block;
				width:100%;
				height:100%;
				line-height: 121px;
				font-size: 14px;
				color: #333;
				text-decoration: none;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}