@charset "utf-8";
/* CSS Document */
/* トップイメージ */
div#aboutbox {
	background: url(../images/index/aboutimgbg.jpg) no-repeat;
	/*background-size: auto 100%;*/
	background-position: center bottom;
}
	div#aboutbox div.center {
		width:100%;
		max-width:1200px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 145px 0px 120px 0px;
	}
		div#aboutbox div.center img {}
		div#aboutbox div.center p.message {
			font-size: 20px;
			margin-top: 15px;
		}
		div#aboutbox div.center div.box01 {
			margin-top: 600px;
			text-align: center;
		}
			div#aboutbox div.center div.box01 h2 {
				font-size: 24px;
			}
			div#aboutbox div.center div.box01 p {
				margin-top: 20px;
				font-size: 16px;
				line-height: 30px;
			}
/* 商品一覧 */
div#itemsbox {
	width:100%;
	padding: 200px 0;
}
div#itemsbox div.center {
	width:100%;
	height:1200px;
	max-width:1200px;
	margin: 0 auto;
	position: relative;
	background: url(../images/cmn/nekobg.png) no-repeat;
	background-position: left top;
}
	/* セレブ */
	div#itemsbox div.center div.celebbox {
		width:50%;
		box-sizing: border-box;
		padding-right: 100px;
		position: absolute;
		top:145px;
		left:0;
		text-align: right;
	}
		div#itemsbox div.center div.celebbox h2 {
			margin-top: 30px;
			font-size: 24px;
		}
		div#itemsbox div.center div.celebbox p {margin-top: 20px;}
			div#itemsbox div.center div.celebbox p span {
				display: block;
				font-size: 16px;
				line-height: 30px;
			}
	/* クリスタル */
	div#itemsbox div.center div.crystalbox {
		width:50%;
		box-sizing: border-box;
		padding-left: 100px;
		position: absolute;
		top:720px;
		right:0;
		text-align: left;
	}
		div#itemsbox div.center div.crystalbox h2 {
			margin-top: 30px;
			font-size: 24px;
		}
		div#itemsbox div.center div.crystalbox p {margin-top: 20px;}
			div#itemsbox div.center div.crystalbox p span {
				display: block;
				font-size: 16px;
				line-height: 30px;
			}
	/* 首輪 */
	div#itemsbox div.center div.item01box {
		width:50%;
		box-sizing: border-box;
		padding-left: 100px;
		position: absolute;
		top:50px;
		right:0;
		text-align: left;
	}
		div#itemsbox div.center div.item01box h2 {
			margin-top: 30px;
			font-size: 24px;
		}
			div#itemsbox div.center div.item01box p.ptext01 {margin-top: 20px;}
				div#itemsbox div.center div.item01box p.ptext01 span {
					display: block;
					font-size: 16px;
					line-height: 30px;
				}
			div#itemsbox div.center div.item01box p.ptext02 {
				margin-top: 40px;
				font-size: 14px;
				line-height: 25px;
			}
			div#itemsbox div.center div.item01box p.price {
				margin-top: 10px;
				font-size: 36px;
				font-weight: bold;
				font-style: oblique;
			}
				div#itemsbox div.center div.item01box p.price span.enn { font-size: 24px;}
			div#itemsbox div.center div.item01box div.chengebox {
				margin-top: 30px;
				height:18px;
			}
				div#itemsbox div.center div.item01box div.chengebox > div.btn {
					box-sizing: border-box;
					width:18px;
					height:18px;
					border: #333 1px solid;
					float: left;
					margin-right: 18px;
					cursor: pointer;
				}
				div#itemsbox div.center div.item01box div.chengebox > div.btn.black { background: #000;}
				div#itemsbox div.center div.item01box div.chengebox > div.btn.red { background: #E71F1C;}
				div#itemsbox div.center div.item01box div.chengebox > div.btn.blue { background: #2380B1;}
				div#itemsbox div.center div.item01box div.chengebox > div:hover { opacity: 0.7;}
				div#itemsbox div.center div.item01box div.imgbox {
					width:250px;
					height:250px;
					position: absolute;
					top:200px;
					right:0;
				}
				div#itemsbox div.center div.item01box div.imgbox img {
					width:250px;
					height:250px;
					position: absolute;
					top:0;
					left:0;
				}
				div#itemsbox div.center div.item01box div.imgbox img.red { opacity: 0;}
				div#itemsbox div.center div.item01box div.imgbox img.blue { opacity: 0;}
				div#itemsbox div.center div.item01box div.chengebox > div.btn.red:hover ~ div.imgbox img.red { opacity: 1;}
				div#itemsbox div.center div.item01box div.chengebox > div.btn.blue:hover ~ div.imgbox img.blue { opacity: 1;}
		div#itemsbox div.center div.item01box a {
			display: block;
			margin-top: 30px;
			text-decoration: none;
			width:220px;
			height:50px;
			background: #000;
			line-height: 50px;
			text-align: center;
			font-size: 16px;
			color: #fff;
		}
	/* 皿 */
	div#itemsbox div.center div.item02box {
		width:50%;
		box-sizing: border-box;
		padding-right: 100px;
		position: absolute;
		top:660px;
		left:0;
		text-align: right;
	}
		div#itemsbox div.center div.item02box h2 {
			margin-top: 30px;
			font-size: 24px;
		}
			div#itemsbox div.center div.item02box p.ptext01 {margin-top: 20px;}
				div#itemsbox div.center div.item02box p.ptext01 span {
					display: block;
					font-size: 16px;
					line-height: 30px;
				}
			div#itemsbox div.center div.item02box p.ptext02 {
				margin-top: 40px;
				font-size: 14px;
				line-height: 25px;
			}
			div#itemsbox div.center div.item02box p.price {
				margin-top: 10px;
				font-size: 36px;
				font-weight: bold;
				font-style: oblique;
			}
				div#itemsbox div.center div.item02box p.price span.enn { font-size: 24px;}
		div#itemsbox div.center div.item02box a {
			display: block;
			margin: 30px 0 0 auto;
			text-decoration: none;
			width:220px;
			height:50px;
			background: #000;
			line-height: 50px;
			text-align: center;
			font-size: 16px;
			color: #fff;
		}
		div#itemsbox div.center div.item02box img.dish {
			width:250px;
			position: absolute;
			top:150px;
			left:0;
		}
	/* ボール */
	div#itemsbox div.center img.ball01 {
		position: absolute;
		top:50px;
		left:50%;
		margin-left: -18px;
		z-index: 2;
	}
	div#itemsbox div.center img.ball02 {
		position: absolute;
		top:610px;
		left:50%;
		margin-left: -18px;
		z-index: 2;
	}
	div#itemsbox div.center img.ball03 {
		position: absolute;
		bottom:0;
		left:50%;
		margin-left: -18px;
		z-index: 2;
	}
	/* 真ん中のバー */
	div#itemsbox div.center div.centerbar {
		width:1px;
		height:1120px;
		background: #B7B7B7;
		position: absolute;
		top:70px;
		left:50%;
	}
/* ショップ */
div#shopbox {
	width:100%;
	height:913px;
	background: url(../images/index/shopimgbg.jpg) no-repeat;
	background-position: center center;
	box-sizing: border-box;
	padding-top: 220px;
}
	div#shopbox div.center {
		width:100%;
		max-width:1200px;
		margin: 0 auto;
	}
		div#shopbox div.center img.kizuna {}
		div#shopbox div.center p.message {
			width:510px;
			height:170px;
			font-size: 18px;
			line-height: 25px;
			margin-top: 30px;
		}
		div#shopbox div.center div.profilebox {
			min-height: 280px;
			box-sizing: border-box;
			padding-top: 30px;
			padding-left: 520px;
			position: relative;
		}
			div#shopbox div.center div.profilebox img {
				width:400px;
				position: absolute;
				top:0;
				left:0;
			}
			div#shopbox div.center div.profilebox p {
				max-width: 450px;
				font-size: 18px;
				line-height: 25px;
			}