@charset "utf-8";
/* CSS Document */

/*======= header =======*/
#header {
	max-width: 1300px;
}

/*======= content =======*/
.content {
	background: url(/sweets/chocolate/the-chocolate/special/uservoice/images/index_bg.jpg) center 588px no-repeat;
}

/*======= mv =======*/
.mv {
	background: url(/sweets/chocolate/the-chocolate/special/uservoice/images/index_mv.jpg) center -10px no-repeat;
	height: 580px;
}

.mv h1 {
	padding-top: 230px;
}

/*======= box-contents =======*/
.box-contents {
	width: 1024px;
	height: 1530px;
	margin: 0 auto;
}

.box-contents .voice {
	margin-top: 70px;
}

.box-contents .voice li {
	display: block;
	margin-bottom: 55px;
	overflow: hidden;
}

.box-contents .voice li a {
	display: block;
	float: left;
	transition: opacity .4s ease-out;
}

.box-contents .voice li:nth-child(2n) a {
	float: right;
}

.box-contents .voice li a:hover {
	opacity: .8;
}

.box-contents .voice li a img {
	display: block;
}

/*======= .sns-wrap =======*/
.sns-wrap {
	padding: 160px 0 130px;
	background: url(/sweets/chocolate/the-chocolate/images/bg_cacao.png) center center no-repeat;
}