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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ropa+Sans&display=swap');

body{
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 16px;
	line-height: 1.6;
	font-family: 'Noto Sans JP', 'Roboto', sans-serif;
	scroll-behavior: smooth;
	height: 100%;
}

.notes{
	font-size: 80%;
}

.lead-txt{
	margin-top: 1vh;
	font-size: 130%;
	margin-bottom: 3vh;
}

.ll-txt{
	font-size: 170%;
}
.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}

.txt-spl{
	text-align: inherit;
}

figure{
	margin: 0 auto 5rem auto;
}
figure img{
	width:auto;
	max-width: 100%;
	height: auto;
}

figure.point-icon{
		margin: 0 auto 1rem auto;
	text-align: center;
}

/* img-responsive */
@media all and (max-width:767px) {
	.img-fluid{
		max-width: 100%;
		height: auto;
		margin: 0 auto 1rem auto;
	}
}

hr{
	margin: 2vh auto 5vh auto;
	width:90%;
	height:5px;
	border:0 solid #000;
	background:url(../images/line-hand-b.png) no-repeat top center;
}


@media all and (max-width:767px) {
	figure{
	margin: 0 auto 0 auto;
	}

	.lead-txt{
	font-size: 116%;
	margin-bottom: 2vh;
}

	.txt-spl{
	text-align: left;
}

	hr{
		margin: 5vh auto 5vh auto;
	}
}

/* flex-wrapper */
.flex-wrapper{
	display : flex;
	flex-wrap : wrap;
	justify-content:space-between;
	margin: 0 auto 3rem auto;
	padding: 0 .5rem;
}

.inner-wrap-txt{
	text-align: left;
	display: inline-block;
	width:calc(100% - 270px);
}

@media all and (max-width:767px) {
.flex-wrapper{
	display: block;
	}
}

/* float */
.fl-r{
	float: right;
}
.fl-l{
	float: left;
}

/* 囲い ----------------------------*/

.focus-frame{
  border-radius: 5px;
  border:2px solid #ec9f5e;
  background:#FAFBE4;
  padding: 1rem 1rem 0.2rem 1.5rem;
}

.focus-frame p{
  text-align:left;
  line-height: 1.4rem;
  margin-bottom: 0.5rem;
}


/* Responsive visible/hidden -------------*/
	.hidden-tb{display: inherit;}
	.hidden-sp{display:block;}
	.visible-tb{display:none;}
	.visible-sp{display: none;}

@media all and (max-width:1023px) {
	.visible-tb{display:block;}
}

@media all and (max-width:767px) {
	.hidden-tb{display: none;}
	.hidden-sp{display: none;}
	.visible-tb{display:block;}
	.visible-sp{display:block;}
}

/* IMAGE HOVER  -----*/
.img-hover img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.img-hover:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/*alink ポジション調整 */
a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}



/*メインコンテンツ --------------------*/
/*----------------------------------*/
/* Main container 共通 -------------*/
/*----------------------------------*/

main{
/*	padding-top: 8vh;*/
	padding-top: 5vh;

}
.container{
	max-width:1070px;
	margin: 0 auto 5rem auto;
	text-align: center;
}

.container.short-wide{
	max-width: 768px;
	text-align: left;
	margin: 0 auto 5rem auto;
}
section{
	margin: 0 auto 5rem auto;
}

/* container内：width:100% 指定 */
.uniSection {
    margin: 0 -300%;
}

h2{
	text-align: center;
	margin-bottom: 3rem;
}
h2 img{
	max-width: 96%;
}

h3{
	text-align: center;
	font-size: 180%;
	color:#7e6446;
	font-weight: bold;
	margin-bottom: 2rem;
}

h3 img{
	max-width: 90%;
	margin: 0 auto 1rem auto;
}

.lower_bg-brown h3{
	text-align: center;
	color:#fff;
}

.lower_bg-brown .wh-box h3{
	color:#7e6446;
}

/* before：sunny　*/
h3:before{
	display: block;
	content: url("../images/icon_sunny.png");
	text-align: center;
	margin: 0 auto 0 auto;
}

h4{
	text-align: center;
	color:#7e6446;
	font-size: 180%;
	margin-bottom: 2rem;
}



@media screen and (max-width: 767px) {
	h2{
	text-align: center;
	margin-bottom: 1rem;
	width:90%;
	margin-left:auto;
	margin-right: auto;
	}

	h3{
	font-size: 150%;
	}

	main{
		padding: 2vh 0 2vh 0;
	}

	section{
		width:90%;
		margin-right:auto;
		margin-left:auto;
		margin-bottom: 1rem;
	}
}

/* タイトルエリア ： 地域紹介／農家紹介／その他の下層ページ */
.city-area .title-area,
.default-cont .title-area{
	background: url("../images/bg_beige-head.png") repeat-x bottom center;
	margin-top: -1vh;
	padding-top: 5vh;
	padding-bottom: 2vh
}

.city-area .title-area h2.lower-tit,
.default-cont .title-area h2.lower-tit{
	margin-bottom: 1rem;
}

.city-area .title-area p,
.default-cont .title-area p{
	text-align: center;
}

@media screen and (max-width: 767px) {
	.city-area .title-area{
		margin-top: -1vh;
		padding-top: 7vh;
		padding-right: 1rem;
		padding-bottom: 3vh;
		padding-left:1rem;
}

	.city-area .title-area p{
		text-align:left;
	}
}

/* Main area bg ----------------*/

.home-main,
.lower_bg-brown{
	background:url(../images/bg_brown-body.png) left repeat;
	display: block;
	 padding-top: 0;
	position:relative;
	 margin-bottom:5vh;
}
.lower_bg-brown{
	color:#fff;

}
.home-main:before,
.lower_bg-brown:before{
	content: "";
	display: block;
	background:url(../images/bg_brown-head.png) top center repeat-x;
	height:70px;
	background-size:contain;
}

.home-main:after,
.lower_bg-brown:after{
	content: "";
	display: block;
	background:url(../images/bg_brown-bottom.png) repeat-x;
	background-size:contain;
	position:absolute;
	bottom:-40px;
	left:0;
	width:100%;
	height:40px;
}

@media screen and (max-width: 767px) {
	.lower_bg-brown .container{
		width:90%;
	}
	.home-main:before,
	.lower_bg-brown:before{
		display: block;
		background:url(../images/bg_brown-head.png) bottom center repeat-x;
		height:70px;
	}
}

/* white radius-bg ------------------*/
.wh-box{
	max-width: 970px;
	margin: 0 auto 0 auto;
	background:url(../images/bg_wh-box.png) no-repeat 10% center;
	background-size: 100% 100%;
	padding: 3rem 0 3rem 0;
}

.wh-box h2,.wh-box h3{
	margin-bottom: 1.5rem;
}

.wh-box_title{
	position: relative;
	top:-3vh;
	left:-5vw;
}

.state-title{
	display: flex;
	flex-wrap : wrap;
 	justify-content:flex-start;
	align-items: center;

}
.state-title dt img{
	margin: 0 1rem 1rem 1rem;
  height: auto;
  max-width: 90%;
}

.state-title dd{
	font-size: 180%;
	font-weight: bold;
	margin-left: 1rem;
	color:#463214;
}

.state-info{
	display : flex;
/*	flex-wrap : wrap;
	justify-content: space-between;*/
	width:82%;
	margin: -5rem auto 2rem 12%;
}

.state-info img{
	margin-right: 2rem;
}

.tour-detail.pickup-slide{
	display : flex;
	flex-wrap : wrap;
 	justify-content:space-between;
	margin: 0rem 3% 0 3%;
}

.tour-detail.pickup-slide:after{
	content:"";
  display: block;
  width:33%;
}
.tour-detail.pickup-slide dl{
	width:49%;
	text-decoration: none;
	color:inherit;
	height: 100%l;
}

.tour-detail.pickup-slide dl dt{
	font-weight: bold;
	background-color:#453115;
	padding: 0.5rem 0.5rem 0.3rem 1rem;
	color:#fff;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	text-align: left;
	font-size: 90%;
}

/*ただいま受付中！これから開催のツアー3列*/
.tour-detail.pickup-slide.now-tour-all dl{
	width:33%;
}




/* 終了の場合： <dl class="fin"> */
.tour-detail.pickup-slide dl.fin dt{
	background:url("../images/icon_fin.png") top left no-repeat #453115;
	background-size: auto 100%;
	padding-left: 90px;
	font-size: 90%;
}

/* 開催中の場合： <dl class="now"> */
.tour-detail.pickup-slide dl.now dt{
	background:url("../images/icon_now.png") top left no-repeat #453115;
	background-size: auto 100%;
	padding-left: 90px;
	font-size: 90%;
}




.tour-detail.pickup-slide dl dd{
	margin-bottom: 0;
	padding: 0.3rem 0.5rem 0.3rem 0.5rem;
	background: #fff;
	color:#333;
	text-align: left;
}
/* リンクエリア */
.tour-detail.pickup-slide dd.next-link-area{
	background:#fcea52;
	text-align:right;
}
.tour-detail.pickup-slide dd.next-link-area a{
	color:#007c3c;
	font-size: 80%;
	font-weight: bold;
	display: inline-block;
	height: 100%;
	width:100%;
}
.tour-detail.pickup-slide dd.next-link-area a:before{
	font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f101";
  margin-right: 0.3em;
}

.tour-detail.pickup-slide dd.next-link-area:hover{
	background:#4aac35;
}

.tour-detail.pickup-slide dd.next-link-area a:hover{
	text-decoration: none;
	color:#fff;
	transition: .3s ease-in-out;
}

.tour-detail dl dd.td-farmer a{
	color:#e8392f;
}

.tour-detail dl dd.td-farmer a:hover{
	color:#0fb4c8;
	text-decoration: none;
	font-weight: bold;
}

.tour-detail dl dd.td-update{
	font-size: 80%;
	align-items: center;
	padding-top: 0;
}
.tour-detail .td-update:before{
	content: "開催日：";
}

.tour-detail .td-update .tour-btn{
	display: block;
	margin-left: auto;
}
.tour-detail .td-update .tour-btn a{
	display: block;
	line-height: 1;
}

.tour-detail .td-update .tour-btn a:hover{
	text-decoration: none;
	opacity: 0.8;
}

.tour-detail.pickup-slide dl dd.td-thumb{
	padding: 0 0 0 0;
}
.tour-detail.pickup-slide dl dd.td-thumb img{
	width:100%;
}
.tour-detail.pickup-slide dl dd.td-tags{
		background: #fff;
}
.tour-detail.pickup-slide dl dd.td-tags ul{
	list-style: none;
	display : flex;
	flex-wrap : wrap;
	justify-content:flex-start;
	text-align: left;
	margin-left:0;
	margin-bottom:0;
	padding-left:0;
}

.tour-detail.pickup-slide dl dd.td-tags ul li{
	background: #694120;
	color:#fff;
	font-weight: normal;
	font-size:70%;
	line-height: 1;
	padding:0.1rem 0.3rem 0.1rem;
	margin: 0 0.2rem 0.2rem 0;
	border-radius: 3px;
}

.tour-detail.pickup-slide dl dd.td-tags ul li.tag-on{
	background: #008147;
}
.tour-detail.pickup-slide dl dd.td-tags ul li.tag-off{

	background:
		#EF2D67;
}

/*
background:#E5344E;
*/

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

	.state-title dt{
		width:24%;
	}
	.state-info{
		display: block;
		width:90%;
		margin: -2rem auto 2rem auto;
	}
	.state-info .fl-r{
	display: block;
	float: none;
	margin: inherit;
	margin: 0rem auto 2rem auto;
	text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.wh-box{
		background:url(../images/bg_wh-box_body.png) repeat top center;
	margin: 0 auto 0 auto;
	background-size:100% auto;
	padding: 2rem 0 1rem 0;
}
	.wh-box_title{
			top:-1vh;
			left:-7vw;
	}
	.state-title dd{
		font-size:1.4rem;
		display:block;
		}

	.tour-detail.pickup-slide:after{
			width:48%;
		}
	.tour-detail.pickup-slide dl{
			width:90%;
		margin: 0 auto 2rem auto;
		}

	.tour-detail.pickup-slide.now-tour-all dl{
		width:90%;
		margin: 0 auto 2rem auto;
		border-color:#453115;
		 border: 1px solid;
	}
}

@media screen and (max-width: 480px) {
		.state-title{
			width:max-content;
		}
	.state-title dd{
		font-size:1.1rem;
		display:block;
		}

	.tour-detail.pickup-slide:after{
			width:90%;
		}
	.tour-detail.pickup-slide dl{
			width:90%;
			margin:0 auto 2rem auto;
		}
}

/* 農家紹介：2列バージョン */
 .tour-detail.pickup-slide.pickup-farmer:after {
    content: "";
    display: block;
    width: 50%;
}

.tour-detail.pickup-slide.pickup-farmer dl {
    width: 48.5%;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

/* ピックアップ農家の時のボタン枠 -------------*/
.tour-detail.pickup-slide.pickup-farmer .td-update{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

@media screen and (max-width: 767px) {
.tour-detail.pickup-slide.pickup-farmer dl {
    width: 90%;
		margin: 0 auto 2rem auto;
	}
}


/* 旅する やさいとは --------------*/
.about-lead{
		background: url(../images/bg_veggie1.png) no-repeat center center rgba(255,255,255,0.8);
	background-size: contain;
}
@media all and (max-width: 767px) {
	.about-lead{
		background-size:auto;
		}
	.about-lead .container{
		margin-bottom: 2vh;
		}
	.about-cont p{
		text-align: left;
	}
}

/* 法人のお客様へ ----------------*/
.fc-result{}

.fc-result dl{
	width:23%;
}

.fc-result dl img{
	width:100%;
}

.fc-result dl dd{
	text-align: left;
}

@media all and (max-width: 767px) {
	.fc-result{
		margin-bottom: 10vh;
	}
	.fc-result dl{
		width:80%;
		margin: 0 auto 2rem auto;
	}

	.fc-result dl img{
		width:auto;
	}
}


/*生産者様ヘ ----------------*/

.farmers_voice .flex-wrapper dl{
	width:46%;
	margin: 0 auto 1rem auto;
}
.farmers_voice .flex-wrapper dl dt{
	text-align:center;
	margin-bottom: 1rem;
	font-size: 120%;
}

.farmers_voice .flex-wrapper dl dt:before{
		content: url("../images/icon_strawhat.png") ;
}


.farmers_voice .flex-wrapper dl dd{
	text-align: left;
}

.farmers_voice .flex-wrapper dl dd.farmers-thumb{
	text-align: center;
}

.farmers_voice .flex-wrapper dl dd.farmers-thumb img{
	margin: 0 auto 0.5rem auto;
	width:auto;
}

@media screen and (max-width: 767px) {
	.farmers_voice .flex-wrapper dl{
		width:100%;
	}

	.farmers_voice .flex-wrapper dl dd.farmers-thumb img{
		width:100%;
	}
}

/*法人／生産者共通　--------------------*/
.cont-lead{
	margin: 0 auto 3rem auto;
	width:90%;
}

/*お問い合わせ ----------------*/
.contact-area{
	margin-bottom: 5vh;
	padding-bottom: 5vh;
	display: block;
}

@media screen and (max-width: 767px) {
	.cont-lead{
		margin: 3rem auto 0 auto;
	}

.cont-lead p.text-center{
	text-align: left;
	}
}


/*「旅するやさいとは」動画エリア*/
.movie-flex{
display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.lead-tit{
	margin-top: 1vh;
	font-size: 130%;
	margin-bottom: 3vh;
}
.lead-r-txt{
margin:0 auto;
}

.home-about-flex{
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding-left:2rem;
	padding-right:40px;

}

.home-about-img{
	margin:0 auto;
}

.home-about-img img{
width:100%;
}
.home-about-l{


	margin:0 auto;
}

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

	.lead-tit{
		font-size: 116%;
	margin-bottom: 2vh;

	}
	.home-about-flex{
		padding-left:0rem;
	padding-right:0rem;

	}

}