/*
Re:LieF 〜DeaR YoU〜
COPYRIGHT [C] RASK ALL RIGHTS RESERVED.
*/

/********************************************************************************

		ShoP_PrivilegE

*********************************************************************************/

#shopWrap {
	width: 720px;
	margin: 0 auto 40px auto;
}
#shopListNav {
	margin-top: 100px;
}
#shopListNav li {
	float: left;
	width: 96px;
}
#shopListNav li:not(:last-child) {
	margin-right: 8px;
}
#shopListNav img {
	width: 96px;
}

#shopListWrap {
	clear: both;
}
.shop {
	clear: both;
	width: 720px;
	height: 720px;
	padding-top: 60px;
	box-sizing: content-box;
}
.privilege {
	position: relative;
	height: 440px;
	margin: 171px 0 0 50px;
}
.privilege a img {
	display: inline-block;
	height: 440px;
}
.privilege .cd {
	position: absolute;
	top: 280px;
	left: 177px;
	width: 180px;
	height: 180px;
	pointer-events: none;
	z-index: 3;
}
.privilege .cd img {
	height: 180px;
}
.privilege .overlayer {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
	z-index: 2;
}
#shop07 .privilege {
	height: 381px;
	margin: 230px 0 0 46px;
}
#shop07 .cd {
	top: 0;
	left: 0;
	width: 320px;
	height: 320px;
}
#shop07 .cd img {
	width: 320px;
	height: 320px;
}
.link {
	position: relative;
	width: 380px;
	margin: 32px auto 0 auto;
	z-index: 4;
}
.link li {
	float: left;
	width: 164px;
	margin-right: 20px;
}
.link li:first-child img {
	width: 164px;
}
.link li:last-child img {
	width: 196px;
}
#shop01 {
	background: url(../img/campaign/shop/bg01.png) 0 60px no-repeat;
}
#shop02 {
	background: url(../img/campaign/shop/bg02.png) 0 60px no-repeat;
}
#shop03 {
	background: url(../img/campaign/shop/bg03.png) 0 60px no-repeat;
}
#shop04 {
	background: url(../img/campaign/shop/bg04.png) 0 60px no-repeat;
}
#shop05 {
	background: url(../img/campaign/shop/bg05.png) 0 60px no-repeat;
}
#shop06 {
	background: url(../img/campaign/shop/bg06.png) 0 60px no-repeat;
}
#shop07 {
	background: url(../img/campaign/shop/bg07.png) 0 60px no-repeat;
}

#others {
	padding-top: 90px;
}
#others li {
	float: left;
	width: 224px;
	height: 126px;
	margin-top: 24px;
}
#others li:first-child, #others li:nth-child(2), #others li:nth-child(3) {
	margin-top: 0;
}
#others li:not(:nth-child(3n)) {
	margin-right: 24px;
}
#others li img {
	width: 224px;
	height: 126px;
}
#campaign01 {
	margin-top: 40px;
}