@charset "UTF-8";

/*-----------------------------------------------
　　過去の開催
*------------------------------------------------*/
.archive .event-list-item{
	border-radius: 60px;
	overflow: hidden;
	padding:30px 10px 40px
}
.archive .event-list-item a{
	display: block;
	width:100%;
	height:100%;
}
.archive .event-list-item img{
	width:60%;
	margin: 0 auto 10%
}
.archive .event-list-item .date{
	color:#fff;
	text-align: center;
	font-size:24px;
	font-weight: 500
}
.archive .event-list-item .date span{
	padding: 0.32em 2em 0.3em 0.2em;
	background-image: url("../img/common/arrow_w.svg");
	background-repeat: no-repeat;
	background-position: center right 0.2em;
	background-size:1.5em;
	transition: 0.3s ease-in-out;
}
.archive .event-list-item:hover .date span{
		background-position: center right;
}

.m1-1{background: #a0201b}
.m1-2{background: #b34d49}
.m1-3{background: #c57976}

.m2-1{background: #7d2840}
.m2-2{background: #975366}
.m2-3{background: #b27e8c}

.m3-1{background: #696d37}
.m3-2{background: #878a5f}
.m3-3{background: #a5a787}

.m4-1{background: #a14e8b}
.m4-2{background: #b371a2}
.m4-3{background: #c795b9}

.m5-1{background: #1e4b37}
.m5-2{background: #4b705e}
.m5-3{background: #789387}

.m6-1{background: #54255f}
.m6-2{background: #76517e}
.m6-3{background: #997c9f}

.m7-1{background: #2a6779}
.m7-2{background: #558593}
.m7-3{background: #7fa3af}

.m8-1{background: #17438f}
.m8-2{background: #4569a5}
.m8-3{background: #748fbc}

.m9-1{background: #9b8b2f}
.m9-2{background: #afa258}
.m9-3{background: #c3b982}

.m10-1{background: #bb6729}
.m10-2{background: #c98554}
.m10-3{background: #d6a47f}

.m11-1{background: #664c2a}
.m11-2{background: #857055}
.m11-3{background: #a3947f}

.m12-1{background: #1c2750}
.m12-2{background: #495172}
.m12-3{background: #777d96}



@media only screen and (max-width: 1200px) {
	.archive .event-list-item .date{
		font-size:2vw
	}
}

@media only screen and (max-width: 768px) {
	.archive .event-list-item{
		border-radius: 8vw;
		overflow: hidden;
		padding:4vw 0
	}	
	.archive .col3 .event-list-item{
		width:calc((100% - 4vw)/2)
	}
	.archive .col3 .event-list-item:nth-child(2){
		margin-top:0
	}
	.archive .col3 .event-list-item:nth-child(n+3){
		margin-top: 4vw
	}
			
	.archive .col3 .event-list-item:not(:nth-child(2n)):not(:last-child){
		margin-right: 4vw
	}
	.archive .event-list-item .date{
		font-size:3.2vw
	}

.archive .event-list-item:hover .date span{
		background-position: center right 0.2em;
}


}



/*-----------------------------------------------
　　slide 
*------------------------------------------------*/


.img-slide{
	width:60%;
	padding: 50px 0;
	margin: 0 auto
}
.swiper-slide img{
    width: 80%;
    display: block;
    margin: 0 auto;
	padding-bottom: 50px
}
/* スライド矢印 */
/* 矢印画像の高さと幅 */
.swiper-button-prev,
.swiper-button-next {
  height:40px;
  width: 40px;
}
/* 矢印を消して画像に変更する */
.swiper-button-prev::after,
.swiper-button-next::after {
  content:''!important;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
  width: 50px;
  margin: auto;
}
/* 前に戻る矢印の画像パス */
.swiper-button-prev::after {
  background-image: url("../img/common/slide_prev.svg");
  left: 0;
  
}
/* 次に進む矢印の画像パス */
.swiper-button-next::after {
  background-image: url("../img/common/slide_next.svg");
  right: 0;
}
.swiper-pagination-bullet{
	width: 10px!important;
	height: 10px!important;
  background-color: #30acb0!important;
}

@media only screen and (max-width: 768px) {
	.img-slide{
	width:90%;
	padding: 8vw 0;
	margin: 0 auto
	}
	
	.swiper-slide img{
	padding-bottom: 6vw
	}
	/* スライド矢印 */
	/* 矢印画像の高さと幅 */
	.swiper-button-prev,
	.swiper-button-next {
	  height:6vw;
	  width: 6vw;
	}
/* 矢印を消して画像に変更する */
	.swiper-button-prev::after,
	.swiper-button-next::after {
	  content:''!important;
	  position: absolute;
	  background-repeat: no-repeat;
	  background-size: contain;
	  height:6vw;
	  width: 6vw;
	  margin: auto;
	}
	.swiper-pagination-bullet{
		width: 2vw!important;
		height: 2vw!important;
	  background-color: #30acb0!important;
	}

}