@charset "utf-8";

.message-wrapper {
	padding: 0;
	color: #707070;
}

.message-wrapper .block3 {
	background-color: #c5b5b4;
}
.message-wrapper .block3 img {
	width: 100%;
}
.message-wrapper .top-image div {
	padding: 1em;
}
.message-wrapper .block1 {
	text-align: center;
	background-color: #fff;
	padding: 0.7em;
}
.message-wrapper .block1 a {
	color: #707070;
	text-decoration: none;
}
.message-wrapper .bonus-message {
	text-align: right;
}
.message-wrapper .bonus-message .received {
	font-size: 120%;
}
.message-wrapper .bonus-message .received .count {
	display: inline-block;
	font-size: 250%;
	font-weight: 500;
	margin: 0 0.2em;
	vertical-align: baseline;
}
.message-wrapper .block2 {
	text-align: center;
	background-color: #b2352b;
	color: #fff;
	padding: 0.7em;
}
.message-wrapper .categories .items {
	display: table;
	width: 100%;
}
.message-wrapper .categories .items .row {
	display: table-row;
}
.message-wrapper .categories .items .row .item {
	display: table-cell;
	width: 33.3333%;
	height: auto;
	text-align: center;
	color: #fff;
/*	height: 8em;
	padding: 1em 0;
	vertical-align: top;*/
}
.message-wrapper .categories .items .row .item img {
	width: 100%;
}
/*
.message-wrapper .categories .item.item-even {
	background-color: #c5b5b4;
}
.message-wrapper .categories .item.item-odd {
	background-color: #d7cfab;
}
.message-wrapper .categories .items > div a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}
.message-wrapper .categories .item .title {
	width: 80%;
	height: 7em;
	display: table;
	margin: 0 auto;
}
.message-wrapper .categories .item .title > div {
	display: table-row;
}
.message-wrapper .categories .item .title > div > div {
	display: table-cell;
	border: solid 2px #fff;
	vertical-align: middle;
	font-size: 150%;
}
.message-wrapper .categories .item .name {
	text-align: center;
	padding: 2em;
	color: #707070;
	font-size: 80%;
}
.message-wrapper .categories .item .member-only {
	text-align: center;
	background-color: #fff;
	color: #707070;
	padding: 0.2em;
}
*/
.message-wrapper .matomete-list {
	display: table;
}
.message-wrapper .matomete-list .items {
	display: table-row;
}
.message-wrapper .matomete-list .items > div {
	display: table-cell;
	width: 50%;
}
.message-wrapper .matomete-list a {
	display: block;
}
.message-wrapper .matomete-list img {
	width: 100%;
}
#audio-button {
	display: block;
	width: 50%;
	margin: 1em auto;
}
#audio-button img {
	width: 100%;
}
.message-wrapper a.bonus-dl {
	text-decoration: none;
}
.message-wrapper .bonus-link {
	text-align: right;
	padding: 0.2em 0.1em 1em;
}
.message-wrapper .bonus-link a:link, .message-wrapper .bonus-link a:visited {
	text-decoration: none;
	color: #b2352b;
}