.eventtop img {
	width: 100%;
	vertical-align:top;
}

.eventtop {
	max-width: 855px;
	width: 100%;
	text-align: center;
	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__srider {
	overflow: hidden;
	margin-bottom: calc(60 / 855 * 100%);
}

.eventtop .eventtop__srider__list {
    max-width: 815px;
	margin-left: auto;
	margin-right: auto;
}

.eventtop .eventtop__srider__item {
    margin: 0 5px;
}

.eventtop .eventtop__srider__item img {
    width: 100%;
}

.eventtop .eventtop__srider .slick-arrow::before{
	content:""!important;
	position: absolute;
	top: 50%;
}

.eventtop .eventtop__srider .slick-arrow::after{
	content:""!important;
	position: absolute;
	top: 50%;
}

.eventtop .eventtop__srider .slick-list {
    overflow: visible;
	padding: 0 20px;
}

.eventtop .eventtop__srider .slick-next:before{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #b50181;
	border-right: 2px solid #b50181;
	transform: rotate(45deg) translate(-50%);
	right: -7px;
}

.eventtop .eventtop__srider .slick-next::after{
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: rgba(255,255,255,0.8);
	border-radius: 50px;
	transform: translateY(-50%);
	z-index: -1;
	right: -15px;
}

.eventtop .eventtop__srider .slick-prev::before{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-left: 2px solid #b50181;
	border-bottom: 2px solid #b50181;
	transform: rotate(45deg) translate(-50%);
	left: 0;
}

.eventtop .eventtop__srider .slick-prev::after{
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: rgba(255,255,255,0.8);
	border-radius: 50px;
	transform: translateY(-50%);
	z-index: -1;
	left: -15px;
}
/* スライダー終了 */

.eventtop .eventtop__link {
	display: flex;
	justify-content: space-between;
	margin-bottom: calc(30 / 855 * 100%);
}

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

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

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

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

.eventtop .eventtop__item > li {
	border: 1px solid #8f6721;
	margin-bottom: calc(40 / 855 * 100%);
}

.eventtop .eventtop__ranking-btn {
	margin-top: calc(40 / 855 * 100%);
}

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

.eventtop .eventtop__bnr__list ,
.eventtop .eventtop__category ,
.eventtop .eventtop__people ,
.eventtop .eventtop__price {
	display: flex;
	flex-wrap: wrap;
}

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

.eventtop .eventtop__people ,
.eventtop .eventtop__price {
	justify-content: space-between;
}

.eventtop .eventtop__bnr__list li ,
.eventtop .eventtop__category li {
	width: calc(280 / 855 * 100%);
	margin-right: calc(7 / 855 * 100%);
}

.eventtop .eventtop__bnr__list li:nth-of-type(3n) ,
.eventtop .eventtop__category li:nth-of-type(3n)  {
	margin-right:0;
}

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

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

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

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


.eventtop .eventtop__txt {
	font-size: 20px;
	line-height: 1.3;
	color: #333;
	font-weight: 600;
	text-align: left;
	margin-top: calc(10 / 855 * 100%);
}

.eventtop .eventtop__btn-top {
	width: 80%;
	margin: calc(50 / 855 * 100%) auto 0;
}

/*-- --*/
@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 .eventtop__bnr__list ,
	.eventtop .eventtop__category {
		justify-content: space-between;
	}

	.eventtop .eventtop__people {
		justify-content: space-around;
	}


	.eventtop .eventtop__bnr__list li ,
	.eventtop .eventtop__category li {
		width: 49%;
		margin-right: 0;
	}

	.eventtop .eventtop__people li {
		width: 26%;
		margin: 0 calc(40 / 855 * 100%);
	}

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

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

	.eventtop .eventtop__txt {
		font-size: 14px;
	}
}