img{
	vertical-align:top;
}

.eventtop {
	max-width: 855px;
	width: 100%;
	padding: 0;
	margin: 0 auto 30px;
}

.eventtop * {
	list-style: none;
	padding: 0;
	margin: 0;
}

.eventtop .pc-only {
	display: block;
}

.eventtop .sp-only {
	display: none;
}

.eventtop .eventtop__bnr {
	margin-bottom: calc(50 / 855 * 100%);
}

.eventtop .content {
	margin-bottom: calc(60 / 855 * 100%);
}

.eventtop .category {
	margin-bottom: calc(80 / 855 * 100%);
}

.eventtop .content__ttl,
.eventtop .category__ttl {
	margin-bottom: 30px;
}

.eventtop .ranking {
	max-width: 855px;
}

.eventtop .content__list ,
.eventtop .category__list ,
.eventtop .item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.eventtop .category__list::after {
	content: "";
	width: calc(275 / 855 * 100%);
}

.eventtop .category__list li {
	width: calc(275 / 855 * 100%);
}

.eventtop .category__list--pref li {
	width: calc(203 / 855 * 100%);
}

.eventtop .category__list li:nth-of-type(n+4) {
	margin-top: calc(20 / 855 * 100%);
}

.eventtop .category__list--pref li {
	margin-top: 0!important;
}

.eventtop .item {
	padding: 2%;
	margin-bottom: calc(30 / 855 * 100%);
}

.eventtop .item:last-of-type {
	padding: 2%;
	margin-bottom: 0;
}

.eventtop .item--web {
	background-color: #edfbfd;
}

.eventtop .item--momo {
	background-color: #fdeeed;
}

.eventtop .item--melon {
	background-color: #e6f0c5;
}

.eventtop .item--other {
	background-color: #fff5d7;
}

.eventtop .item--web li,
.eventtop .item--other li {
	width: calc(403 / 815 * 100%);
}

.eventtop .item--momo li ,
.eventtop .item--melon li {
	width: 100%!important;
}

.eventtop .item--momo li:nth-of-type(n+2) ,
.eventtop .item--melon li:nth-of-type(n+2) {
	margin-top: calc(20 / 815 * 100%)!important;
}

.eventtop .eventtop__txt {
	color: #ff0000;
	font-size: 26px;
	line-height: 1.5;
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: calc(50 / 855 * 100%);
}

.eventtop .item li {
	width: calc(417 / 855 * 100%);
}

.eventtop .item li:nth-of-type(n+3) {
	margin-top: calc(20 / 855 * 100%);
}

.eventtop .item__btn {
	margin-top: calc(30 / 855 * 100%);
}

.eventtop .eventtop__btn {
	margin-bottom: calc(50 / 855 * 100%);
}

/*-- --*/
@media screen and (max-width: 855px) {
	.eventtop {
		padding: 10px;
		margin-bottom: 20px;
	}

	.eventtop img {
		width: 100%;
		height: auto;
	}

	.eventtop .pc-only {
		display: none;
	}

	.eventtop .sp-only {
		display: block;
	}

	.eventtop .category__list--pref li {
		width: calc(420 / 855 * 100%);
	}

	.eventtop .category__list--pref li:nth-of-type(n+3) {
		margin-top: calc(20 / 855 * 100%)!important;
	}

	.eventtop .content__ttl,
	.eventtop .category__ttl {
		margin-bottom: 20px;
	}
}