@charset "utf-8";
/* HOME ONLY　CSS Document */


/* KEY VISUAL ---------------------------*/

.home-kv{
	margin-top: -3vh;
	overflow:hidden;
}

.sld-set{
	position: relative;
	width:100vw;
	height: auto;
	overflow:hidden;
}

.sld-set .sld-ph{
	margin-bottom: 0;
}

.sld-set .sld-ph img{
	width:100vw;
	height: auto;
}

.sld-set .sld-copy{
	position: absolute;
	top:18%;
	right:8vw;
}

@media screen and (max-width: 1024px) {
	.sld-set .sld-copy img{
		width:40vw;
	}
}
@media screen and (max-width: 767px) {
	.sld-set .sld-ph img{
		object-fit: cover;
		width:100vw;
		height:40vh;
		overflow:hidden;
	}
	.sld-set .sld-copy{
		width:40%;
		height: auto;
		top:20%;
		right:5vw;
		margin-left:auto;
		margin-right: auto;
	}
}


/* HOME ニュースエリア -------------*/
.news-area{
		background:url(../images/bg_ico-cap.png) no-repeat top left,url(../images/bg_ico-watch.png) no-repeat bottom right;
}

.news-area .container{
	background:url(../images/news-area_bg.png) no-repeat top center;
	margin: 5vh auto 5vh auto;
	padding: 5vh 0 5vh 0;
}

.news-area dl{
  display : flex;
  flex-wrap : wrap;
  margin: 0 auto 0 auto;
	width:86%;
	 border-bottom: 1px dotted #ccc;
}

.news-area dt{
  width:10rem;
  height: 1rem;
  border-top: 1px dotted #ccc;
  padding-top: 0.5rem;
	font-weight: normal;
	color:#4aac35;
}

.news-area dd {
  padding-top: 0.5rem;
  border-top: 1px dotted #ccc;
  text-align: left;
  width: calc(100% - 10rem);
}

.news-area dd a{
	color:#000;
}

.news-area dd a:hover{
	color:#4aac35;
}

@media screen and (max-width: 767px) {
	.news-area{
		background-size: 20%,20%;
	}

	.news-area dl{
  display : block;
		width:90%;
		margin: 0 auto 2rem auto;
	}

	.news-area dt{
		width:100%;
		display: block;
		height: auto;
		text-align: left;
	}
	.news-area dd{
    width: calc(100% - 1rem);
		border-top: 0px dotted #ccc;
		  padding-top: 0;
	}
}


/* 旅する やさいとは */
.home-main .about_tabisuru-yasai{
	padding: 5vh 0 5vh 0;
	margin: 0 auto;
	color:#fff;
	background: url(../images/bg_ico-camera-pasta.png) no-repeat top center;
}

.home-about_wrap{
	display:flex;
  flex-direction: row;
  justify-content: space-between;
	margin: 0 auto 5rem auto;
	align-items: center;
}

.home-about_wrap .home-about_txt{
	text-align: left;
}

.home-about_wrap img{
	margin-right: 2rem;
}



@media screen and (max-width: 767px) {
	.home-about_wrap{
		display:block;
	}
	.home-about_wrap img{
		margin-right: 0;
		margin: 0 auto 2rem auto;
		width: 100%;
	}

	.home-main .about_tabisuru-yasai p{
		text-align:left;
	}
	.home-main .about_tabisuru-yasai p.text-center{
		text-align:center;
	}

	.other-link .img-hover img{
		margin-top: 3rem;
		width:50%;
	}
}
	
	
/* HOME YouTube枠 */

/*.youtube-area{
	  position: relative;
	  width: 100%;
	  overflow: hidden;
	  padding-bottom: 56.25%;
	}*/

.youtube-area{
	  position: relative;
	  width: 43%;
	  overflow: hidden;
	  padding-bottom: 24.2%;
	margin:0 auto;
	}

.youtube-area iframe{
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  border: none; /*境界線の打ち消し*/
	}

@media screen and (max-width: 767px) {
	.youtube-area{
		width:100%;
		padding-bottom: 56.25%;
	}
	
	
}


/* HOME マップエリア -------------*/
.home-map{
	margin: 0 auto 20vh auto;
	display: block;
}

/* マップエリア -------------*/
.veggie-map{
	text-align: center;
	margin: 0 auto;
	background: url(../images/map-area_bg.png) no-repeat bottom left;
}

@media screen and (max-width: 767px) {
	.veggie-map{
		margin-bottom: 2rem;
	}
}