@charset "UTF-8";

/*-----------------------------------------------
　　出店者募集
*------------------------------------------------*/
.vender{
	position: relative
}
.box-wrap .box.img{
	border-radius: 0;
	background: none;
	padding-right: 20px
}
.box-wrap .box.txt{
	line-height: 1.4;
	text-align: left;
	font-weight: 500
}


.page-ttl .txt1{
	font-size:40px
}
.page-ttl .txt2{
	font-size:54px;
	margin-bottom: 0.5em
}
.box-wrap .cat{
	font-size:28px;
	color:#fff;
	background: #af8746;
	display: inline-block;
	padding: 0 1em;
	border-radius: 2em
}

.box-wrap .place{
	font-size:32px
}
.box-wrap .place span{
	font-size:24px
}


.mv-ribbon{
	display: block;
	width: 230px;
	position: absolute;
	top:0;
	right:3%;
	text-align: center;
	color: #FFF;
}
.mv-ribbon .mv-ribbon-txt{
	position: absolute;
	content:'';
	top:0;
	left:0;
	font-size:26px;
	font-weight: 500;
	line-height: 1.4;
	padding:1.5em 0 2em;
	width:100%;
	background-image: url("../img/common/arrow_w_d.svg");
	background-repeat:no-repeat;
	background-position: bottom 0.2em center;
	background-size: 1.5em;
	    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;

}
.mv-ribbon:hover .mv-ribbon-txt{
	background-position: bottom center;
}


@media only screen and (max-width: 1200px) {
	.box-wrap .box.img{width:30%;padding-right: 0px;}	
	.box-wrap .box.txt{width:70%;}
	.page-ttl .txt1{
		font-size:30px
	}
	.box-wrap .place{
		font-size:25px
	}
	.box-wrap .place span{
		font-size:20px
	}

	.mv-ribbon{
		width:16vw;
		}
	.mv-ribbon .mv-ribbon-txt{
		font-size:1.8vw
	}
	

}

@media only screen and (max-width: 768px) {

	.box-wrap .box.img{width:80vw;padding-right: 0;margin: 0 auto}	
	.box-wrap .box.txt{width:100%;padding: 0}	

	.mv-ribbon{
		width:28vw;
		right:4vw;
		
	}
	.mv-ribbon .mv-ribbon-txt{
		font-size:3.4vw
	}
	.page-ttl .txt1{
	font-size:6vw
	}
	.page-ttl .txt2{
		font-size:10vw;
	}
	.box-wrap .cat{
		font-size:4.8vw;
	}

	.box-wrap .place{
		font-size:6vw;
		padding: 4vw 0
	}
	.box-wrap .place span{
		font-size:5vw
	}


}

/*-----------------------------------------------
　　各出店者 
*------------------------------------------------*/
.apply-type{
	padding:40px  0 110px;
}
.type-item{
	padding-top: 110px
}

.type-item .top-ttl{
	width:70%;
	max-width: 525px;
	text-align: center;
	background:#30acb0;
	 color:#fff;
	font-size:40px;
	font-weight: 500;
	margin: 0 auto 0.5em;
	border-radius: 60px
}
.type-item.kitchen_car .top-ttl{background: #af8746;}
.type-item.stage .top-ttl{background: #f591b8;}

.type-item .top-txt{
	margin-bottom: 2em;
	font-size:20px;
	font-weight: 500;
	text-align: center
}

.type-info{
	position: relative;
}
.type-info .slide-wrap{
	width:53%;
	position: absolute;
}

.type-info .slide-wrap .slide-item{
	border-radius: 60px;
	overflow: hidden
}
.type-info .txt-wrap{
	position: relative;
	z-index: 3;
	margin: 0 0 0 auto;
	top:40px;
	width:50%;
	padding: 40px;
	border-radius: 60px;
	background: #fff;
	font-size:16px;
	font-weight: 500
}
.type-info .txt-wrap .txt-item{
	padding-left: 40px;
	background-image: url("../img/vender/check.svg");
	background-repeat: no-repeat;
	background-size:2em;
	background-position: top 0.4em left
}
.type-info .txt-wrap .txt-item:not(:first-child){
	margin-top: 1em
}
.type-info .txt-wrap .ttl{
	font-size:22px;
	color:#af8746;
}

.type-item.kitchen_car .type-info .slide-wrap{right:0}
.type-item.kitchen_car .type-info .txt-wrap{margin: 0 auto 0 0}

.type-item.stage .type-info{padding-top: 40px}
.type-item.stage .type-info .txt-wrap{top:-40px}

@media only screen and (max-width: 1200px) {
	.type-info .txt-wrap{
		top:10vw;
		width:60%;
		padding:3vw;
		border-radius: 6vw;
		margin-bottom: 10vw
	}
	.type-item.kitchen_car .type-info .txt-wrap{margin: 0 auto 10vw 0}
	.type-item.stage .type-info{padding-top:0}
	.type-item.stage .type-info .txt-wrap{top:10vw;margin-bottom: 5vw}
}

@media only screen and (max-width: 768px) {
	.apply-type{
		padding:10vw 0 5vw
	}
	.type-item{
		padding-top: 8vw
	}

	.type-item .top-ttl{
		width:90%;
		max-width: inherit;

		font-size:6vw;
		border-radius: 6vw
	}
	.type-item .top-txt{
		font-size:4vw;
		margin-bottom: 1em
	}
	.type-info .slide-wrap{
		width:60%;
		margin: 0 auto;
		position: relative;
	}

	.type-info .slide-wrap .slide-item{
		border-radius: 8vw;
	}
	.type-info .txt-wrap{
	margin: 4vw auto 10vw ;
	top:4vw;
	width:90%;
	padding: 4vw;
	border-radius: 8vw;
	font-size:3.4vw;
	font-weight: 500
}
	.type-info .txt-wrap .txt-item{
		padding-left: 8vw;
	}
	.type-info .txt-wrap .ttl{
			font-size:5vw;
	}
	.type-item.kitchen_car .type-info .txt-wrap{margin: 4vw auto 10vw ;}
	.type-item.stage .type-info{padding-top:0}
	.type-item.stage .type-info .txt-wrap{top:4vw;margin-bottom: 10vw}


}

/*-----------------------------------------------
　　ジャンル 
*------------------------------------------------*/
.genre{
	padding-bottom: 100px
}
	.genre .event-list-item .name{
		font-size:22px;
		width:90%;
		margin: 10px auto 0;
		background: #30acb0;
		border-radius: 20px;
		color:#fff
	}
@media only screen and (max-width: 1200px) {
	.genre .event-list-item .name{
		width:100%
	}
}
@media only screen and (max-width: 768px) {
.genre{
	padding-bottom: 10vw
}
	.genre .event-list-item{
		border-radius: 8vw;
		overflow: hidden;
		padding:4vw 0
	}	
	.genre .col3 .event-list-item{
		width:calc((100% - 4vw)/2)
	}
	.genre .col3 .event-list-item:nth-child(2){
		margin-top:0
	}
	.genre .col3 .event-list-item:nth-child(n+3){
		margin-top: 0
	}
			
	.genre .col3 .event-list-item:not(:nth-child(2n)):not(:last-child){
		margin-right: 4vw
	}
	.genre .event-list-item .name{
		font-size:3.6vw;
		border-radius: 4vw;
	}



}

/*-----------------------------------------------
　　運営組織 
*------------------------------------------------*/
.management{
	background-image: url("../img/common/bg_asanoha_light.jpg");
	background-size: 5%;
	background-color: #e8cfad;
	padding: 100px 0

}
.management .sec-ttl{
	color:#000
}
.management-wrap{
	width:30em;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	font-size:18px
	
}
.management-wrap .ttl{
	width:6em;
	border:1px solid #af8746;
	border-radius: 20px;
	color:#af8746;
	text-align: center;
	background: #fff;
	margin: 1em 0;
	margin-right: 2em
}
.management-wrap .txt{
	width:22em;
	margin: 1em 0
	
}

@media only screen and (max-width: 768px) {
	.management{
		padding: 10vw 0

	}
.management-wrap{
	width:100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	font-size:3.6vw
	
}
.management-wrap .ttl{
	width:5em;
	border:1px solid #af8746;
	border-radius: 20px;
	color:#af8746;
	text-align: center;
	background: #fff;
	margin: 1em 0;
	margin-right: 1em
}
.management-wrap .txt{
	width:calc(100% - 7em);
	margin: 1em 0
	
}

}


/*-----------------------------------------------
　　問い合わせ 
*------------------------------------------------*/
#apply{
	padding: 100px 0;
	background: #fff
}

@media only screen and (max-width: 768px) {
	#apply{
	padding: 10vw 0;

}

}

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

.swiper-wrapper{
	padding-bottom: 30px
}
.swiper-pagination {
  width: initial !important;
  right: initial !important;
  left: 0px !important;
	padding-right: 60px;
}
.kitchen_car .swiper-pagination {
	 left: initial !important;
  right: 0px !important;
	padding-left: 60px;

}
.swiper-pagination-bullet{
	width: 30px!important;
	height: 2px!important;
	border-radius:inherit!important;
  background-color: #af8746!important;
}

@media only screen and (max-width: 768px) {
	.swiper-wrapper{
	padding-bottom: 5vw
}
.swiper-pagination {
  width: initial !important;
  right: initial !important;
  left: 0px !important;
	padding-right: 0
}
.kitchen_car .swiper-pagination {
	 left: initial !important;
  right: 0px !important;
	padding-left: 0

}
.swiper-pagination-bullet{
	width: 4vw!important;
	height: 0.4vw!important;
	border-radius:inherit!important;
  background-color: #af8746!important;
}

}