@charset "UTF-8";

/* ========================================
	common
======================================== */
body {
	background: url(../common/bg_pattern.png) repeat center top;
}

#deco-corner {
	position: absolute;
	top: 11px;
	left: 445px;
}

/* Limited */

.product p {
	line-height: initial;
}

.product-image, .col-right {
	margin-top:20px;
	margin-bottom:20px;
}

.limited-image {
	width: 100%;
}

.limited-content {
	padding-top: 20px;
	padding-bottom: 20px;
}

.col-left a {
	display: inline-block;
	color: #fff;
}

.col-left img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.col-right {
	text-align: left;
}

.product h3 {
	font-size: 25px;
	margin-bottom: 10px;
	color: #5e0000;
}
.product h4 {
	font-size: 18px;
	color: #5e0000;
}
.product .availability {
	color: #c80012;
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 16px;
}

.col-right .includes {
	background-color: rgba(0,0,0,.5);
	padding: 10px 20px;
	border:1px solid #eee;
	width: 280px;
}

.col-right .includes h5 {
	font-size:14px;
}

.col-right .includes ul {
	-webkit-padding-start: 20px;
}

.col-right .includes ul li {
	line-height: initial;
	font-size: 12px;
}

.col-right .retail-link {
	position: relative;
	display: inline-block;
	margin: 5px 3px;
}

.product .col-left, .product .col-right {
	float: left;
	width: 50%;
}

.product .col-left h2, .product .col-right h2{
	margin-left: auto;
	margin-right: auto;
}

/* ========================================
	.movie
======================================== */
.movie {
	position: absolute;
	top: 0;
	right: 54px;
	width: 331px;
	height: 315px;
}

/* ========================================
	.rule
======================================== */

.ttl_gameplay {
	margin-top: 40px;
}

.rule {
	position: relative;
	width: 786px;
	margin: 10px auto -12px;
}
.slide-wrap {
	height: 507px;
	background: url(../about/images/bg_rule.png) no-repeat center top;
	overflow: hidden;
}
.slide-wrap .disabled img {
	display: none;
}
.slide-wrap .prev a {
	position: absolute;
	top: 205px;
	left: -22px;
	display: block;
	width: 68px;
	height: 68px;
	background: url(../about/images/bg_arrow_prev.png) no-repeat left top;
	z-index: 100;
	cursor: pointer;
}
.slide-wrap .next a {
	position: absolute;
	top: 205px;
	right: -22px;
	display: block;
	width: 68px;
	height: 68px;
	background: url(../about/images/bg_arrow_next.png) no-repeat left top;
	z-index: 100;
	cursor: pointer;
}
.slide-wrap a.disabled {
	background: none;
}
.slide-wrap .prev a:hover img,
.slide-wrap .next a:hover img {
	display: none;
}

.bx-controls .bx-pager {
	text-align: center;
	padding-top: 7px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-pager a {
	float: left;
	width: 18px;
	height: 18px;
	background: url(../about/images/slide_pointer.png) no-repeat right top;
	margin: 0 4px;
	text-indent: -9999px;
}
.bx-pager a.active,
.bx-pager a:hover {
	background-position: left top;
}