@charset "utf-8";
#fwCms_wrapper .font20_26 {
	font-size: 5.33vw;
	line-height: 1.7;
}
#fwCms_wrapper .mt40_110 {
	margin-top: 10.6vw !important;
}
@media screen and (min-width: 768px) {
	#fwCms_wrapper .font20_26 {
		font-size: 2.6rem;
		line-height: 1.5;
	}
	#fwCms_wrapper .mt40_110 {
		margin-top: 110px !important;
	}
}
/*--------------------

地産市場 ぶち抜き看板

--------------------*/
#fwCms_wrapper .fwCms_box .pageTitle {
	width: 100%;
	margin: 0;
}
@media screen and (min-width: 768px) {
	#fwCms_wrapper .fwCms_box .pageTitle img {
		width: 100%;
		height: 260px;
		max-height: 260px;
		margin: 0 auto;
		backface-visibility: hidden;
		object-fit: cover;
	}
}
/*--------------------

地産市場 ぶち抜きピックアップバナー

--------------------*/
#fwCms_wrapper .fwCms_box .fullwidth-four-items .swiper-area {
	background-color: #f2ecda;
}
#fwCms_wrapper .fullwidth-four-columns-text {
	text-align: center;
}
@media screen and (min-width: 768px) {
	#fwCms_wrapper .fwCms_box .fullwidth-four-items .swiper-area {
		padding-top: 40px;
	}
	#fwCms_wrapper .fwCms_box .fullwidth-four-items .swiper-container {
		padding-top: 0;
	}
	#fwCms_wrapper .fwCms_box .fullwidth-four-items .swiper-wrapper {
		justify-content: space-between;
	}
	#fwCms_wrapper .fwCms_box .fullwidth-four-items .swiper-wrapper .fullwidth-four-item {
		width: calc((100% - 24px) / 4) !important;
		margin: 0 !important;
	}
}
/*--------------------

地産市場 「もっと見る」ボタン

--------------------*/
#fwCms_wrapper .otoriyose_area_btn a,
#fwCms_wrapper .otoriyose_area_btn a:link,
#fwCms_wrapper .otoriyose_area_btn a:visited {
	font-size: 3.73vw;
	background-color: #ed912f !important;
}
@media screen and (min-width: 768px){
	#fwCms_wrapper .otoriyose_area_btn a,
	#fwCms_wrapper .otoriyose_area_btn a:link,
	#fwCms_wrapper .otoriyose_area_btn a:visited {
		font-size: 1.6rem;
	}
}
/*--------------------

地産市場 エリアから探す

--------------------*/
#fwCms_wrapper .fwCms_box .otoriyose_area_nav{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}
#fwCms_wrapper .fwCms_box .otoriyose_area_nav li {
	width: calc((100% - 1.0666vw) / 3);
}
#fwCms_wrapper .fwCms_box .otoriyose_area_nav li:nth-of-type(n+4) {
	margin-top: 0.5333vw;
}
@media screen and (min-width: 768px) {
	#fwCms_wrapper .fwCms_box .otoriyose_area_nav {
		max-width: 1080px;
		margin-right: auto;
		margin-left: auto;
	}
	#fwCms_wrapper .fwCms_box .otoriyose_area_nav li {
		width: calc((100% - 20px) / 6);
	}
	#fwCms_wrapper .fwCms_box .otoriyose_area_nav li:nth-of-type(n+4) {
		margin-top: 0;
	}
}

/*--------------------

地産市場 下層 帯バナー

--------------------*/
#fwCms_wrapper .fwCms_box .pageBnr {
	position: relative;
	overflow: hidden;
	opacity: 1 !important;
	border-bottom: 1px solid #000;
}
#fwCms_wrapper .fwCms_box .pageBnr a {
	display: block;
}
#fwCms_wrapper .fwCms_box .pageBnr a:hover {
	opacity: .5;
	transition: opacity .2s ease-out .1s;
}
#fwCms_wrapper .fwCms_box .pageBnr a span {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	max-width: 130px;
	width: 16%;
	background-color: #e6dcc1;
	color: #000;
	font-size: 2.66vw;
	font-weight: bold;
	line-height: 1.5;
	z-index: 1;
	padding-left: 1.3vw;
}
#fwCms_wrapper .fwCms_box .pageBnr a span:before {
	content: "";
  	position: absolute;
  	top: calc(50% - 1.2vw);
  	left: 1.3vw;
  	width: 1.33vw;
  	height: 2.4vw;
  	background: url("../img/240820_arrow_black01.svg") no-repeat left top;
  	background-size: 1.33vw 2.4vw;
	transform: scale(-1,1);
}
#fwCms_wrapper .fwCms_box .pageBnr a picture {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
#fwCms_wrapper .fwCms_box .pageBnr a img,
#fwCms_wrapper .fwCms_box .pageBnr a:visited img {
	opacity: 1;
}
#fwCms_wrapper .fwCms_box .pageBnr a:hover span,
#fwCms_wrapper .fwCms_box .pageBnr a:hover img {
	text-decoration: none;
	transition: unset;
	opacity: 1;
}
@media screen and (min-width: 768px) {
	#fwCms_wrapper .fwCms_box .pageBnr {
		max-width: none;
	}
	#fwCms_wrapper .fwCms_box .pageBnr a span {
		width: 12.75%;
		max-width: 130px;
		font-size: 1.8rem;
		padding: 0;
	}
	#fwCms_wrapper .fwCms_box .pageBnr a span:before {
		top: calc(50% - 9px);
		left: min(10%, 13px);
		width: 10px;
		height: 18px;
		background-size: 10px 18px;
	}
	#fwCms_wrapper .fwCms_box .pageBnr a picture img {
		width: 100%;
		height: 130px;
		max-height: 130px;
		display: block;
		margin: 0 auto;
		backface-visibility: hidden;
		object-fit: cover;
	}
}
/*--------------------

地産市場 北海道

--------------------*/
#fwCms_wrapper .fwCms_box .hokkaido_nav {
	display: flex;
	justify-content: space-between;
}
#fwCms_wrapper .fwCms_box .hokkaido_nav li {
	width: calc((100% - 2.4vw) / 3);
}
#fwCms_wrapper .fwCms_box .hokkaido_nav li a {
	background-color: #f2ecda;
}
@media screen and (min-width: 768px) {
	#fwCms_wrapper .fwCms_box .hokkaido_nav li {
		width: calc((100% - 24px) / 3);
	}
}
/*--------------------

地産市場 中部＆中国・四国

--------------------*/
#fwCms_wrapper .fwCms_box .chubu_nav li a,
#fwCms_wrapper .fwCms_box .chugoku_nav li a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2.67vw;
	line-height: 1.25;
	background-color: #e6dcc1;
	color: #000;
	min-height: 16.53vw;
}
@media screen and (min-width: 768px) {
	#fwCms_wrapper .fwCms_box .chubu_nav li a,
	#fwCms_wrapper .fwCms_box .chugoku_nav li a {
		padding: 13px;
		min-height: 85px;
		line-height: 1.5;
	}
}
/*--------------------

地産市場 関西（近畿）

--------------------*/
#fwCms_wrapper .fwCms_box .kinki_nav {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#fwCms_wrapper .fwCms_box .kinki_nav li {
	width: calc(33.3% - 0.65vw);
}
#fwCms_wrapper .fwCms_box .kinki_nav li:nth-of-type(n+3) {
	margin-top: 0;
}
#fwCms_wrapper .fwCms_box .kinki_nav li a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2.67vw;
	line-height: 1.25;
	background-color: #e6dcc1;
	color: #000;
	min-height: 16.53vw;
}
@media screen and (min-width: 768px) {
	#fwCms_wrapper .fwCms_box .kinki_nav li {
		width: calc((100% - 22px) / 3);
	}
	#fwCms_wrapper .fwCms_box .kinki_nav li a {
		padding: 13px;
		min-height: 85px;
		line-height: 1.5;
	}
}
/*--------------------

地産市場 九州

--------------------*/
#fwCms_wrapper .fwCms_box .kyusyu_nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#fwCms_wrapper .fwCms_box .kyusyu_nav li {
	width: calc((100% - 1.3vw) / 2);
}
#fwCms_wrapper .fwCms_box .kyusyu_nav li:nth-of-type(n+3) {
	margin-top: 1.3vw;
}
#fwCms_wrapper .fwCms_box .kyusyu_nav li a {
	background-color: #f2ecda;
}
@media screen and (min-width: 768px) {
	#fwCms_wrapper .fwCms_box .kyusyu_nav li {
		width: calc((100% - 36px) / 4);
	}
	#fwCms_wrapper .fwCms_box .kyusyu_nav li:nth-of-type(n+3) {
		margin-top: 0;
	}
}
/*--------------------

地産市場 ぶち抜き～メインエリア間のアキ

--------------------*/
#fwCms_wrapper .mainArea {
	margin-top: 8vw;
}
@media screen and (min-width: 768px) {
	#fwCms_wrapper .mainArea {
		margin-top: 100px; 
	}
}
/*--------------------

地産市場 フッターぶち抜き看板

--------------------*/
#fwCms_wrapper .fwCms_box.frame_MF .pageBnr {
	position: relative;
	margin-bottom: -26.6vw;
	border-bottom: 0px;
	border-top: 1px solid #000;
}
@media screen and (min-width: 768px) {
	#fwCms_wrapper .fwCms_box.frame_MF .pageBnr {
		margin-bottom: -100px;
	}
}
/*--------------------

あの町の「おいしい」はなし

--------------------*/
#fwCms_wrapper .fwCms_box .anomachi {
	display: block;
	width: 100%;
}
@media screen and (min-width: 768px) {
	#fwCms_wrapper .fwCms_box .anomachi {
		max-width: 1080px;
		height: 100%;
		max-height: 360px;
		margin: 0 auto;
	}
}