@charset "utf-8";
/* ======================================================

	structure CSS

========================================================= */
#contentsSlide
{
	margin: 0 0 0 210px;
	height: 91%;
	padding: 3% 3% 5%;
	z-index: 10;
	overflow: hidden;
}
.box
{
	overflow: auto;
	height:100%;
	padding: 0 30px 0 10px;
	float: left;
	width: 900px;
}


.container{
	width:100%;}

.contents{
	margin:0 auto 30px;
	width:100%;}

.contents_inner{
	margin: 0 auto;
	width: 1200px;
	padding: 30px 0;
	height: auto;
}

#footer{
	width:100%;}

.footerArea{
	margin:0 auto;
	padding:10px 0 20px 550px;
	width:1200px;}

.copyright{
	width:100%;}

/* clear */
.headerArea:after,
.footerArea:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;}


@media screen and (max-width: 768px) {
	.container{}
	
	.contents_inner{
	width:100%;
	padding:10px !important;
	box-sizing:border-box;
	}

	.contents_inner img{
	width:100%;
	}

	.header{}
		
	.headerArea{
		width:100%;
		height:auto;}

	.contents{}

	.contents_inner{
		/*
		padding: 0 10px!important;
		*/
		width:100%;}

	.footerArea{
		width:100%;}

}

/* ======================================================

	body

========================================================= */
body {
	color:#333;
	font-size:18px;
	line-height:1.5;
	letter-spacing:1px;
	}

.container{
	min-width: 1200px;}

@media screen and (max-width: 768px) {
	body{
		min-width:100%;
		font-size:14px;}

	.container{
		background:none;
		min-width: 100%;}
}



/* ======================================================

	header

========================================================= */
.header{
	width:100%;
	font-size:88.9%;
}

.headerArea{
	margin: 0 auto;
	width: 1200px;
	height: auto;
	overflow: hidden;
}

.header{
	
	}

.header_l{
	overflow: hidden;
	height: auto;
	float: left;
}
	
.header_r{
	width: 280px;
	float: right;
	margin: 30px auto 10px;
	height: auto;
	overflow: hidden;
}

.header_l {
	float: left;
	height: auto;
	overflow: hidden;
	margin: 30px auto 10px;
}

.gnav {
	height: auto;
	overflow: hidden;
	margin: 5px auto 0;
}

.header_l .h_logo,
.header_l .gnav{
	float: left;
	height: auto;
	overflow: hidden;
}

.h_logo {
	width: 240px;
}

.h_logo img {
	width: 100%;
	height: auto;
}

.h_logo{
	margin: 0 40px 0 0px;
}

.header_l .gnav ul li{
	float:left;
	padding-right:15px;
	padding-left:30px;
	height:40px;
	line-height:40px;
		}
		
.h_search{background:url(images/icon_search.png) no-repeat 0 50%}
.h_start{background:url(images/icon_start.png) no-repeat 0 50%}
.h_about{background:url(images/icon_food.png) no-repeat 0 50%}

.h_logo a:hover{
	opacity:0.7;}


@media screen and (max-width: 768px) {
	.headerArea{
		overflow:hidden;
		height:auto;
		padding: 0px;
		width: 100%;
	}
	
	.header_l{
		float:none;
		width:100%;
		margin: 20px auto 0;
	}
		
	.header_r{
		width:100%;
		float:none;
		margin: 0 auto;
	}
	
	.h_logo {
		width: 100%;
	}
	
	.h_logo img {
		width: 100%;
		height: auto;
	}
	
	.header_l .h_logo,
	.header_l .gnav{
		float:none;
		margin:0;
		margin-bottom:20px;
		
		}
	
	.header_l .h_logo{
		max-width:350px;
		padding:0 30px;
		margin:0 auto;
		margin-bottom:20px;
		}
	.header_l .h_logo img{
		width:100%;
		}
		
	.header_l .gnav{
		border-top:1px solid #fff4ce;
		border-bottom:1px solid #fff4ce;
		}
	.header_l .gnav ul{
		display:table;
		width:100%;
		background-color:#fff9e6;
		padding:10px 0;
		box-sizing:border-box;
		}
		
	.header_l .gnav ul li{
		float:none;
		display:table-cell;
		width:33.333%;
		padding:30px 4px 0 4px;
		border-right:1px dotted #ff8200;
		height:auto;
		line-height:1.4;
		text-align:center;
		box-sizing:border-box;
			}
	
	.header_l .gnav ul li:last-child{
		border-right:none;
			}
		
	.h_search{background:url(images/icon_search.png) no-repeat center top}
	.h_start{background:url(images/icon_start.png) no-repeat center top}
	.h_about{background:url(images/icon_food.png) no-repeat center top}

	
	}



/*	登録・ログインボタン
----------------------------*/
.header_r .gbtn{
	display:table;
	width:100%;
	}

.header_r .gbtn li{
	width:50%;
	display:table-cell;
	}

.header_r .gbtn li.register a,
.header_r .gbtn li.login a{
	display:inline-block;
	line-height:40px;
	width:120px;
	text-align:center;
	border-radius:5px;
	}

.header_r .gbtn li.register a{
	color:#ffd958;
	border:1px solid #ffd958;
	}
	
.header_r .gbtn li.login a{
	background-color:#ffd958;
	color:#fff;
	}

.header_r .gbtn li.register a:hover{
	background-color:#ffd958;
	color:#fff;
	}

.header_r .gbtn li.register a:hover{
	background-color:#fff;
	color:#ffd958;
	border:1px solid #ffd958;
	}


@media screen and (max-width:768px){
	.header_r .gbtn{
		display:table;
		width: 98.5%;
		padding:0 30px;
		box-sizing:border-box;
	}
	
	.header_r .gbtn li.register a{
		width:100%;
		color:#ffd958;
		border:1px solid #ffd958;
		margin-right:10px;
	}
		
	.header_r .gbtn li.login a{
		width:100%;
		background-color:#ffd958;
		color:#fff;
		margin-left:10px;
	}
}

@media screen and (max-width:499px){
	.gbtn {
		padding: 0 10px!important;
	}
}


/* ======================================================

	mv

========================================================= */

.slide01{
	/*background:url(images/mv01.jpg) no-repeat 50% 50%;*/
	background-size:cover;
	background: no-repeat;
	background-position: 50% 50%;
	}
	
.slide02{
	/*background:url(images/mv01.jpg) no-repeat 50% 50%;*/
	background-size:cover;
	background: no-repeat;
	background-position: 50% 50%;
	}

.slide03{
	/*background:url(images/mv01.jpg) no-repeat 50% 50%;*/
	background-size:cover;
		background: no-repeat;
	background-position: 50% 50%;
	}

.swiper-container {
	width:100%;
	height: 500px;
	margin: 20px auto;
	position:relative;
}

.swiper-slide {
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.keyContents{
	position:relative;
	top: -350px;
	z-index:100;
	padding:0 20px;
	margin-bottom:-200px;
}

.keyCatch{
	font-size:240%;
	font-weight:bold;
	color:#fff;
	text-shadow: 0px 4px 0px #6e7375;
	text-align:center;
	margin-bottom:40px;
	}
	
.keyBtn{
	text-align:center;
	margin-bottom:20px;
	}

.keyBtn a{
	display:inline-block;
	background-color:#83beef;
	color:#fff;
	border-radius:5px;
	max-width:360px;
	width:100%;
	line-height:60px;
	font-weight:bold;
	text-align:center;
	box-shadow:0px 5px 0px 0px #66aae2;
	-moz-box-shadow:0px 5px 0px 0px #66aae2;
	-webkit-box-shadow:0px 5px 0px 0px #66aae2;
	}
	

.swiper-pagination{
	text-align:center;
	position:static !important;
	}
.swiper-pagination-bullet{margin:0 5px;}

/*ipad タブレット*/
@media screen and (max-width:768px){
	.swiper-container {
		height: 300px;
	}
	
	.swiper-container img {
		width: 100%;
	}
	
	.keyContents {
		display: none;
	}
	
	.slide01{
		background:url(images/mv01_sp.jpg) no-repeat 50% 50%;
		background-size:cover;
	}
		
	.slide02{
		background:url(images/mv02_sp.jpg) no-repeat 50% 50%;
		background-size:cover;
	}
	
	.slide03{
		background:url(images/mv03_sp.jpg) no-repeat 50% 50%;
		background-size:cover;
	}
}

/*iphone スマートフォン*/
@media screen and (max-width:499px){
	.swiper-container {
		height: 200px;
	}
	

}

/* ======================================================

	contents

========================================================= */

.container{
	border-top:5px solid #ffd958;
	}

#pickupArea,#projectArea{
	height: auto;
	overflow: hidden;
}

#pickupArea,#projectArea,#partnerArea{
	background-color:#fffdf0;
	}

/*	ttl　アイコン表示	*/
.ttl_about span{background:url(images/ttl_icon_about.png) no-repeat 0 0;}
.ttl_pickup span{background:url(images/ttl_icon_pickup.png) no-repeat 0 0;}
.ttl_arrival{background:url(images/ttl_icon_pro.png) no-repeat 0 0;}
.ttl_success{background:url(images/ttl_icon_success.png) no-repeat 0 0;}
.ttl_news{background:url(images/ttl_icon_news.png) no-repeat 0 0;}
.ttl_report{background:url(images/ttl_icon_report.png) no-repeat 0 0;}



/*	#bannerArea	*/

#bannerArea {
	height: auto;
	overflow: hidden;
	margin: 0 auto 30px;
}

#bannerArea .picBanner{
	margin:0 auto;
	max-width:860px;
	}
	

/*	#leadArea	*/

#leadArea{
	background:url(images/bg_lead.jpg) no-repeat 0 0;
	background-size:cover;
	min-height: auto;
	height:auto;
	position:relative;
	overflow: hidden;
}

#leadArea .contents_inner{
	position:relative;
	}

.leadTxt{
	font-size:122%;
	line-height:1.4;
	width:100%;
	height:auto;
	background-color:#fff;
	opacity:0.8;
	padding:30px 0;
	margin:30px 0;
	text-align:center;
	}

@media screen and (max-width:768px){
	#leadArea {
		height:auto;
		overflow: hidden;
		margin: 0 auto;
	}
	
	.bnrArea {
		
	}
	
	.leadTxt{
		padding: 10px;
		margin: 5px auto;
		font-size: 1.6rem;
	}
	
	#pickupArea {
		padding: 10px 0px 0px;
		margin: 0 auto;
	}
	
	#bannerArea {
		margin: 0 auto 20px;
	}
}


/*		プロジェクト
----------------------------*/


/*----説明部分----*/
.pickBox, .proBox{
	width:100%;
	border:1px solid #f1f1f1;
	box-sizing:border-box;
	border-radius:5px;
	background-color:#fff;
	}

.box_cont{
	padding:15px;
	}

.pickAbout{
	overflow:hidden;
	}
.pickAbout .box_pic{
	width:500px;
	float:left;
	}

.pickAbout .box_pic img{
	width:100%;
	border-radius:5px 0 0 0;
	}

.pickAbout .box_cont{
	width:698px;
	float:left;
	}

/*タイトル*/
.box_ttl{margin-bottom:1em;}



/*出店者名前*/
.box_name{
	overflow:hidden;
	margin-bottom:1em;
	}
.box_name .name_photo{
	display:block;
	width:80px;
	float:left;
	margin-right:20px;
	}
.box_name .name_txt{
	float:left;
	line-height:80px;
	}
	

/*店名・場所・カテゴリー*/


.box_sub .sub_shop,
.box_sub .sub_place,
.box_sub .sub_category{
	padding-left:30px;
	margin-right:20px;
	
	}

.box_sub .sub_shop{background:url(images/icon_shop.png) no-repeat 0 0; background-size:contain; }
.box_sub .sub_place{background:url(images/icon_place.png) no-repeat 0 0; background-size:contain;}
.box_sub .sub_category{background:url(images/icon_category.png) no-repeat 0 0; background-size:contain;}

	
/*iPad タブレット*/
@media screen and (max-width:768px){
	.pickAbout .box_pic,
	.pickAbout .box_cont{
		width:100%;
		float:none;
		box-sizing:border-box;
	}
	
	.pickAbout .box_pic img{
		border-radius:5px 5px 0 0;
	}
}

/*iphone スマートフォン*/
@media screen and (max-width:499px){
	.box_name {
		display: none;
	}
}

/*----メーター・支援部分----*/

.box_meter{
	width:94%;
	margin:0 auto;
	}
		
.pickMeter{
	background-color:#f1f1f1;
	padding: 1.5em 0}
	
.pickMeter .box_meter{
	max-width:1020px;
	}
	

/* グラフメモリ */

.proMeter{
	padding-bottom:20px;
	}

.meter_graf{
	content:"";
	width:100%;
	height:30px;
	margin-bottom:1em;
	border-radius:14px;
	position:relative;
	}

.pickMeter .meter_graf{background-color:#fff;}
.proMeter .meter_graf{background-color:#e9e9e9;}

.meter_percent{
	display:block;
	content:"";
	width:60%;
	height:30px;
	background-color:#83beef;
	margin-bottom:1.5em;
	border-radius:14px;
	text-align:right;
	}

.meter_percent span{
	position:absolute;
	top: 3px;
	right:10px;
	}

/*支援・期限*/
.overview{
	display:table;
	width:100%;
	font-size:77.8%;
	margin-bottom:1em;
	}
.view_total,.view_number,.view_date{
	display:table-cell;
	width:33.333%;
	box-sizing:border-box;
	margin:0;
	text-align:right;
	}

.view_total strong,.view_number strong,.view_date strong{
	font-size:130%;
	font-weight:normal;
	display:inline-block;
	padding:0;
	}

.view_total span,.view_number span,.view_date span{
	display:block;
	}
	

.pickMeter .meter_view{
	display:table;
	width:100%;
	}

.pickMeter .overview{
	display:table-cell;
	font-size:100%;
	}

.pickMeter .view_total span, .pickMeter .view_number span, .pickMeter .view_date span{
	display:inline-block;
	margin-right:10px;
	}

.pickMeter .btn_support{
	display:table-cell;
	}
.pickMeter .btn_support a{
	width:200px;
	}



/* ボタン */
.btn_support{
	vertical-align:middle;
	}
.btn_support a{
	display:block;
	background-color:#ffd958;
	color:#fff;
	border-radius:5px;
	width:100%;
	line-height:40px;
	font-weight:bold;
	text-align:center;
	box-shadow:0px 5px 0px 0px #fdcb22;
	-moz-box-shadow:0px 5px 0px 0px #fdcb22;
	-webkit-box-shadow:0px 5px 0px 0px #fdcb22;
	}
	
@media screen and (max-width:768px){
	.pickMeter .meter_view{
		display:block;
		width:100%;
	}
	
	.meter_percent span {
		top: 5px;
	}
	
	.pickMeter .overview{
		width:100%;
		display:table;
		font-size:77.8%;
	}
	
	.pickMeter .view_total span, .pickMeter .view_number span, .pickMeter .view_date span{
		display:block;
		margin-right:10px;
	}
	
	.pickMeter .btn_support{
		display:block;
	}
	
	.pickMeter .btn_support a{
		width:100%;
	}
}

@media screen and (max-width:499px){
	.box_cont {
		padding: 10px;
		line-height: 1.6rem;
	}
	
	.meter_graf {
		height: 20px;
	}
	
	.box_meter {
		width: 100%;
		padding: 0 10px;
	}
	
	.proMeter .meter_graf {
		height: 20px;
	}
	
	.meter_percent {
		height: 20px;
	}
	
	.meter_percent span {
		top: 0;
	}
	
	.view_total , 
	.view_number , 
	.view_date {
		text-align: left;
	}
	
	.box_ttl {
		margin-bottom: 10px;
	}
}


.proAbout .box_pic img{
	width:100%;
	border-radius:5px 5px 0 0;
}


@media screen and (max-width:499px){
.swiper-container3{
	 width: 100%;
	 margin-bottom:20px;
	 position:relative;
	}
.swiper-container3 .swiper-slide {
        text-align: center;
        width: 320px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

}

@media screen and (min-width:500px){
	
.swiper-container3{
	overflow:hidden;
	 margin-bottom:20px;
	}

.project_slide{
	width:100%;
	overflow:hidden;
	}

.proAbout .box_pic{
	width:100%;
	}

.swiper-container3 .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: auto;
	width:380px;
	margin-left:30px;
}

.swiper-container3 .swiper-slide:first-child{
	margin-left:0;
	}

}


/*		新着情報・ブログ
-------------------------------*/
.newsBox{
	position:relative;
	height: 60px;
	overflow: hidden;
	margin-bottom:20px;
	}

.newsBox dt {
	position:absolute;
	left:0;
	display:inline-block;
	width:60px;
	margin-right:10px;
	float:left;
}

.newsBox dt:hover {
	opacity: 0.7;
}

.newsBox dd {
	width:100%;
	float:left;
	padding-left:80px;
	margin: 6px auto 0;
}

.newsBox dd a:hover {
	cursor: pointer;
	text-decoration: underline;
}

.news_date{
	display:inline-block;
	font-weight:bold;
	margin-right:10px;
	}

.news_icon, .blog_icon{
	display:inline-block;
	background-color:#ff8300;
	padding:1px 4px;
	color:#fff;
	font-size:77.8%;
	border-radius:4px;
	}

.news_icon{background-color:#ff8300;}
.blog_icon{background-color:#ffd958;}

.news_detail {
	height: auto;
	overflow: hidden;
	text-align: right;
}

.news_detail a {
	color: #ff8300;
	font-size: 1.6rem;
	text-decoration: underline;
}

.news_detail a:hover {
	text-decoration: none;
}

@media screen and (max-width:499px){
	.news_detail {
		background: #f9aa44;
		border-radius: 5px;
		padding: 5px;
		text-align: center;
	}
	
	.news_detail a {
		color: #fff;
		text-decoration: none;
	}
	
	.newsBox {
		height: auto;
	}
	
	.newsBox dd {
		margin: 0 auto;
	}
	
	.project_slide {
		margin: 0 auto 0px;
	}
}

/*		partnerArea
----------------------------*/

#partnerArea{
	border-top:5px solid #ffd958;
	}
.partnerBnr{
	width:1055px;
	margin:0 auto;
	overflow:hidden;
	}

.partnerBnr li{
	float:left;
	width:245px;
	margin-right:25px;
	}

.partnerBnr li:last-child{
	margin-right:0;
	}

.partnerBnr li img{
	width:100%;
	}

@media screen and (max-width:768px){
.partnerBnr{
	width:100%;
	margin:0;
	}
.partnerBnr li{
	width:50%;
	float:left;
	margin-right:0;
	margin-bottom:10px;
	padding:0 5px;
	box-sizing:border-box;
	}

	
}



@media screen and (max-width:768px){
	.contents{
		width:100%;
		}
	
}


/* ======================================================

	footer

========================================================= */
#footer{
	background-color:#fff;
	font-size:88.9%;
	}

.footerArea{
	padding: 0px 0 20px;
	width:1200px;
	height: auto;
	overflow: hidden;
	}


.footer_l{
	float:left;
	width: 55%;
	display:table;
}

.footer_r{
	float:right;
	width:40%;
	}	

.footer_l .f_start,
.footer_l .f_search,
.footer_l .f_company{
	box-sizing:border-box;
}

.f_ttl{
	font-weight:bold;
	padding-left:30px;
	margin-bottom:10px;
	}

.f_start .f_ttl{background:url(images/icon_start.png) no-repeat 0 0;}
.f_search .f_ttl{background:url(images/icon_search.png) no-repeat 0 0;}

.f_start ul li , 
.f_search ul li , 
.f_company ul li {
	background: url(images/f_icon.png) no-repeat top 4px left;
	padding: 0 0 5px 15px;
}

.f_start ul li a:hover , 
.f_search ul li a:hover , 
.f_company ul li a:hover {
	text-decoration: underline;
}

	
@media screen and (min-width: 769px) {
.footer_l .f_start,
.footer_l .f_search,
.footer_l .f_company{
	display:table-cell;
	width:33.333%;
	}

.f_search {overflow:hidden;}
.f_search ul{
	float:left;
	width:50%;
	}	
	}


@media screen and (max-width: 768px) {
	.footerArea{
		padding:10px 0 0;
	}
	
	.f_logo{
		float:none;
		padding:0 10px;
		width:100%;
		text-align:center;
	}
	
	.footerArea{
		width:100%;
	}
	
	.footer_l{
		float:none;
		width:100%;;
		display:block;
	}
	
	.footer_l .f_start,
	.footer_l .f_search,
	.footer_l .f_company{
		display:blcok !important;
		width:100%;
		box-sizing:border-box;
	}
	
		
	.footer_r{
		float: none;
		width: auto;
		margin: 0 auto 30px;
		padding: 0 10px;
	}
	
	.footer_r iframe {
		width: 100%;
	}
	
	.footer_r img{
		width:100%;
	}
	
	ul.sp_fnav{
		overflow:hidden;
		width:100%;
	}
	
	.f_start, .f_search, .f_company{margin-bottom:20px;}
	
	ul.sp_fnav li{
		float:left;
		width:50%;
		text-align:center;
		padding:10px 0;
		border-bottom:1px dotted #ffd958;
		box-sizing:border-box;
	}
	
	ul.sp_fnav li a{
		display:block;
	}
	
	.f_start ul.sp_fnav, .f_search ul.sp_fnav{border-top:1px dotted #ffd958;}
	.f_start ul.sp_fnav li, .f_search ul.sp_fnav li{border-bottom:1px dotted #ffd958;}
	.f_start ul.sp_fnav li:nth-child(2n+1),.f_search ul.sp_fnav li:nth-child(2n+1){border-right:1px dotted #ffd958;}
	.f_search .b_non{
		border:none !important;
	}
	
	.f_company ul.sp_fnav{border-top:1px dotted #ccc;}
	.f_company ul.sp_fnav li{border-bottom:1px dotted #ccc;}
	.f_company ul.sp_fnav li:nth-child(2n+1){border-right:1px dotted #ccc;}
	
	.f_start ul li , 
	.f_search ul li , 
	.f_company ul li {
		background: none;
		padding: 15px 5px;
	}
	
	.f_ttl {
		margin-left: 10px;
	}
}

@media screen and (max-width: 499px) {
	.footerArea img{
		width:100%;
		height: auto;
	}

}



/* ==============================================

	copyright

================================================= */
.copyright{
	clear:both;
	padding:5px;
	line-height:60px;
	font-size:14px;
	text-align:center;
	background-color:#ffd958;
	color:#fff;
	}


@media screen and (max-width: 768px) {
	.copyright {
		width: 100%;
		height: auto;
		overflow: hidden;
		line-height: 1.4rem;
		font-size: 1.2rem;
		padding: 10px 5px;
	}
}

/* =======================================

	#pageTop

========================================== */
#pageTop{
	position:fixed;
	right:30px;
	bottom:20px;
	z-index: 100;}

#pageTop:hover{
	opacity:0.7;}

@media screen and (max-width: 768px) {
	#pageTop {
		bottom:10px;
		right:10px;
	}
}


#contact{
	position:fixed;
	right:0;
	top: 5%;
	z-index: 100;}

#contact:hover{
	opacity:0.7;}

@media screen and (max-width: 499px) {
	#contact {
		display: none;
	}
}



/* =======================================

	#topicPath

========================================== */
#topicPath{
	padding:4px 0 0 10px;
	min-height:20px;
	font-size:16px;}

#topicPath li{
	display: inline;
	list-style-type: none;}

#topicPath li a {
	color:#6B7B0F;}

#topicPath li a:hover{
	color:#A6BF70;}

#topicPath li:before {
	content: " > ";}

#topicPath li:first-child:before {
	content: none;}


@media screen and (max-width: 768px) {
	#topicPath{
		padding:13px 0 0 10px;
		min-height:20px;
		font-size:16px;}
}