/*────────────────────────────────────────────────────
　直近のイベント情報
────────────────────────────────────────────────────*/
.kokowanko-event-upcoming-inner {
	background-image: url("http://kokowanko.com/wp-content/uploads/2025/07/背景_チェック明.png");
    background-repeat: repeat;
}


/*────────────────────────────────────────────────────
　流れ続けるループスライダー用
────────────────────────────────────────────────────*/

.kokowanko-loopSlider-eventWrap {
	top: 0;
	left: 0;
	height: 182px;
	overflow: hidden;
	position: absolute;
	@media screen and (max-width: 480px){
		height: 104px;
	}
}

.kokowanko-loopSlider-event {
	margin: 0 auto;
	width: 100%;
	height: 182px;
	text-align: left;
	position: relative;
	overflow: hidden;
	@media screen and (max-width: 480px){
		height: 104px;
	}
}

.kokowanko-loopSlider-event ul {
	width: auto !important;
	height: 182px;
	float: left;
	overflow: hidden;
	@media screen and (max-width: 480px){
		height: 104px;
	}
}

.kokowanko-loopSlider-event ul li {
	width: 280px;
	height: 182px;
	margin-right: 20px;
	float: left;
	display: inline;
	overflow: hidden;
	@media screen and (max-width: 480px){
		width: 160px;
		height: 104px;
	}
	&:last-child {
        width: 0px !important;
    }
}

.kokowanko-loopSlider-event img {
	border-radius: 14px;
}

/* CLEARFIX ELEMENTS */
.kokowanko-loopSlider-eventWrap:after {
	content: "";
	display: none;
	clear: none;
}


/*────────────────────────────────────────────────────
　イベント情報のお知らせ記事
────────────────────────────────────────────────────*/

.kokowanko-event-news-loopgrid {
	.e-loop-item {
		.e-con-inner {
			border-width: 0px 0px 1px 0px;
    		border-style: dashed;
    		border-color: #D8D2C5;
    		padding: 0.75em 0 1em 0;
		}
	}
}