@charset "utf-8";
/* CSS Document */
/* トップイメージ */
div#aboutbox {
}
	div#aboutbox div.center {
		width:100%;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 80px 0px 0 0px;
		
	}
		div#aboutbox div.center img { display: none;}
		div#aboutbox div.center div.sp_imgbox {
			width:100%;
			height:250px;
			margin: 0 auto;
			font-size: 14px;
			box-sizing: border-box;
			background: url(../images/index/aboutimgbg_sp.jpg) no-repeat, #DFDFDF;
			background-size: cover;
			background-position: center bottom;
		}
		div#aboutbox div.center p.message { display:none; }
		div#aboutbox div.center div.box01 {
			background: #666;
			padding: 15px 0;
			text-align: center;
		}
			div#aboutbox div.center div.box01 h2 {
				font-size: 18px;
				color: #fff;
			}
			div#aboutbox div.center div.box01 p {
				width:90%;
				margin: 0px auto 0 auto;
				font-size: 12px;
				line-height: 20px;
				color: #fff;
			}
				div#aboutbox div.center div.box01 p span { font-size: 14px;}
/* 商品一覧 */
div#itemsbox {
	width:100%;
	padding: 20px 0;
}
div#itemsbox div.center {
	width:90%;
	margin: 0 auto;
	background: url(../images/cmn/nekobg.png) no-repeat;
	background-size: 150px auto;
	background-position: left top;
}
	/* セレブ */
	div#itemsbox div.center div.celebbox {
		width:100%;
		box-sizing: border-box;
		text-align: right;
	}
		div#itemsbox div.center div.celebbox h2 {
			margin-top: 10px;
			font-size: 18px;
		}
		div#itemsbox div.center div.celebbox p {margin-top: 20px;}
			div#itemsbox div.center div.celebbox p span {
				display: block;
				font-size: 14px;
				line-height: 20px;
			}
		div#itemsbox div.center div.celebbox img { width:100px;}
	/* クリスタル */
	div#itemsbox div.center div.crystalbox {
		width:100%;
		box-sizing: border-box;
		text-align: left;
		margin-top: 20px;
	}
		div#itemsbox div.center div.crystalbox h2 {
			margin-top: 10px;
			font-size: 18px;
		}
		div#itemsbox div.center div.crystalbox p {margin-top: 20px;}
			div#itemsbox div.center div.crystalbox p span {
				display: block;
				font-size: 14px;
				line-height: 20px;
			}
		div#itemsbox div.center div.crystalbox img { width:130px;}
	/* 首輪 */
	div#itemsbox div.center div.item01box {
		width:100%;
		box-sizing: border-box;
		border-left: #B7B7B7 1px solid;
		margin-top: -10px;
		padding: 10px;
	}
		div#itemsbox div.center div.item01box img.number { height:30px;}
		div#itemsbox div.center div.item01box h2 {
			margin-top: 10px;
			font-size: 18px;
		}
			div#itemsbox div.center div.item01box p.ptext01 {margin-top: 10px;}
				div#itemsbox div.center div.item01box p.ptext01 span {
					display: block;
					font-size: 14px;
					line-height: 20px;
				}
			div#itemsbox div.center div.item01box p.ptext02 {
				margin-top: 20px;
				font-size: 14px;
				line-height: 20px;
			}
			div#itemsbox div.center div.item01box p.price {
				margin-top: 10px;
				font-size: 24px;
				font-weight: bold;
				font-style: oblique;
			}
				div#itemsbox div.center div.item01box p.price span.enn { font-size: 18px;}
			div#itemsbox div.center div.item01box div.chengebox {
				width:250px;
				height:300px;
				margin: 20px auto 0 auto;
			}
				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: relative;
					clear: both;
				}
				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: 20px auto 0 auto;
			text-decoration: none;
			width:200px;
			height:45px;
			background: #000;
			line-height: 45px;
			text-align: center;
			font-size: 14px;
			color: #fff;
		}
	/* 皿 */
	div#itemsbox div.center div.item02box {
		width:100%;
		box-sizing: border-box;
		text-align: right;
		border-right: #B7B7B7 1px solid;
		margin-top: -10px;
		padding: 10px;
	}
		div#itemsbox div.center div.item02box img.number { height:30px;}
		div#itemsbox div.center div.item02box h2 {
			margin-top: 10px;
			font-size: 18px;
		}
			div#itemsbox div.center div.item02box p.ptext01 {margin-top: 10px;}
				div#itemsbox div.center div.item02box p.ptext01 span {
					display: block;
					font-size: 14px;
					line-height: 20px;
				}
			div#itemsbox div.center div.item02box p.ptext02 {
				margin-top: 20px;
				font-size: 14px;
				line-height: 20px;
			}
			div#itemsbox div.center div.item02box p.price {
				margin-top: 10px;
				font-size: 24px;
				font-weight: bold;
				font-style: oblique;
			}
				div#itemsbox div.center div.item02box p.price span.enn { font-size: 20px;}
		div#itemsbox div.center div.item02box a {
			display: block;
			margin: 20px auto 0 auto;
			text-decoration: none;
			width:200px;
			height:45px;
			background: #000;
			line-height: 45px;
			text-align: center;
			font-size: 14px;
			color: #fff;
		}
		div#itemsbox div.center div.item02box img.dish {
			display: block;
			width:230px;
			max-width: 100%;
			margin: 0 auto;
		}
	/* ボール */
	div#itemsbox div.center img.ball01 {
		width:20px;
		margin-left: -10px;
		margin-top: 20px;
		z-index: 2;
	}
	div#itemsbox div.center img.ball02 {
		display: block;
		width:20px;
		margin:20px -10px 0 auto;
		z-index: 2;
	}
	div#itemsbox div.center img.ball03 {
		display: block;
		width:20px;
		margin:-20px -10px 0 auto;
		z-index: 2;
	}
	/* 真ん中のバー */
	div#itemsbox div.center div.centerbar {display: none;}
/* ショップ */
div#shopbox {
	width:100%;
	padding: 20px 0;
}
	div#shopbox div.sp_imgbox {
		width:100%;
		height:150px;
		background: url(../images/index/shopimgbg.jpg) no-repeat;
		background-position: center top;
		background-size: cover;
		margin-bottom:20px;
	}
	div#shopbox div.center {
		width:96%;
		margin: 0 auto;
	}
		div#shopbox div.center img.kizuna {
			width:280px;
		}
		div#shopbox div.center p.message {
			width:100%;
			font-size: 14px;
			line-height: 20px;
			margin-top: 20px;
		}
		div#shopbox div.center div.profilebox {
			margin-top: 20px;
		}
			div#shopbox div.center div.profilebox img {
				width:100%;
				max-width:400px;
			}
			div#shopbox div.center div.profilebox p {
				width:100%;
				font-size: 14px;
				line-height: 25px;
			}