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

@import url("common.css");


/*--layout
-----------------------------------------------*/

body {
	font-family: 'Noto Sans Japanese', sans-serif;
}
@media only screen and (min-width:641px) {
	.sp {
	  display: none ;
	}

	br.sp {
	  height: 1px;
	  line-height: 0;
	}
}
.pc {
  display: inherit;
}

#global-nav #nav-toggle2 {
	cursor: pointer;
}

	hr {
		color: #FFF;
		margin-bottom: 30px;
		border-style: none;
		border-color: #FFF;
		clear: both;
		float: none;
	}
		h3 {
			font-size: 18px;
			font-weight: 600;
			margin: 0 0 20px 0 ;
		}
		p {
			font-size: 14px;
			line-height: 1.8;
		}


/*----
--------------------------*/
@media only screen and (max-width:640px) {
	img {
  	max-width: 100%;
  	height: auto;
	}
  
	.sp_only,
	.sp {
 		display: inherit;
	}

	br.sp {
  	height: 1px;
  	line-height: 0;
	}

	.pc {
		display: none;
	}
	
	.inner {
		margin: 0 auto;
		width: 100%;
		box-sizing: border-box;
	}
	.cell01 {order: 1;}
	.cell02 {order: 2;}
	.cell03 {order: 3;}
	.cell04 {order: 4;}
	.cell05 {order: 5;}
	.cell06 {order: 6;}
	.cell07 {order: 7;}
	.cell08 {order: 8;}
	.cell09 {order: 10;}
	.cell10 {order: 9;}
	.cell11 {order: 11;}
	.cell12 {order: 12;}
	.cell13 {order: 13;}
	.cell14 {order: 14;}
	
			figure.snip1132 {
  		position: relative;
  		overflow: hidden;
    	width: 100%;
    	height: 100%;
  		background: #000000;
  		color: #ffffff;
  		text-align: center;
		}
	
		.wide figure.snip1132 {
    	width: 100% !important;
		}
	
	
	figure.snip1132 img {
		width: 101%;
		height: auto;
	}


	figure.snip1132 figcaption {
  	position: absolute;
		bottom: 5px;
		width: 100%;
	}

figure.snip1132 .heading {
  overflow: hidden;
}

figure.snip1132 .caption {
  overflow: hidden;
  position: absolute;
  width: 100%;
}

	figure.snip1132 h3 {
		margin: auto;
  	text-align: center;
  	width: 90%;
  	font-weight: 500;
		text-shadow: 2px 2px 2px #000; 
		font-size: 14px;
	}

	
	figure.snip1132 .message {
		color: #fff;
		transform: rotate(-20deg);
		position: absolute;
		left: 10%;
		bottom: 60px;
		margin: auto;
		line-height: 30px;
		background: #000;
		width: 80%;
		height: 30px;
}

	figure.snip1132 a {
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
  	position: absolute;
  	z-index: 1;
	}

	figure.snip1132:hover img,
	figure.snip1132.hover img {
  	opacity: 0.35;
  	-webkit-transform: scale(1.15);
  	transform: scale(1.15);
	}
	figure.snip1132.not_link:hover img {
  	opacity: 1.0;
  	-webkit-transform: scale(1) !important;
  	transform: scale(1) !important;
}
	figure.snip1132:hover iframe {
  	opacity: 0.35;
  	-webkit-transform: scale(1.15);
  	transform: scale(1.15);
	}
	.breadcrumb {
		padding: 10px;
	}
	.news a {
		text-decoration: none;
	}
	 .blogbody  h3 a {
		float: none !important;
		clear: both !important;
		display: block;

	}

	.blogbody  p {
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 2;
		text-align: left !important;
	}
	.blogbody a img {
	}
	.blogbody img {
		float: none !important;;
		clear: both !important;;
		margin: 10px 0 !important;
		max-width: 100% !important;
		margin: auto;
	}

	.blogbody a {
	}
	.blogbody .inner div {
		float: none !important;;
		clear: both !important;;
		margin: 0 !important;
	}
	.blogbody img.mt-image-right , .blogbody img.mt-image-left {
		display: block;
		max-width: 100% !important;
		height: auto;
		float: none;
		clear: both;
		margin: auto;
	}
	.sp_img_100p {
		width: 100% !important;
		height: auto !important;
		margin-right: 0 !important;
		margin-bottom: 0 !important;
		margin-top: 0 !important;
		margin-left: 0 !important;
		float: none !important;
		clear: both !important;
		display: block;
	}
	.sp_center {
		text-align: center;
		display: block;
	}
}


/*---- ferme
-------------------------------------------------*/

/*-------------------------------------------------
---  top
-------------------------------------------------*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
	.fermeWrap #mainVisuial {
		margin-top: 86px;
		height: calc(100vh - 86px);
	}
	.fermeWrap #mainVisuial .inner  {
		text-align: left;
		position: relative;
		height: calc(100vh - 86px);
		width: 1040px;
		margin: auto;
	}
	.fermeWrap #mainVisuial .inner .mainLink {
		position: absolute;
		top: calc(50% - 20px);
		left: calc(50% - 200px);
		width: 400px;
		text-align: center;
	}
		.fermeWrap #mainVisuial .inner .mainLink a {
		}
			.fermeWrap #mainVisuial .inner .mainLink a:hover {
				background-color:  transparent !important;
			}
			.fermeWrap #mainVisuial .inner .mainLink a:hover img {
				opacity: 1 !important;
			}
		.fermeWrap #mainVisuial .inner .mainLink a {
		}
	.fermeWrap #mainVisuial .inner .news {
		position: absolute;
		bottom: 50px;
		left: 0px;
		color: #fff;
	}
		.fermeWrap #mainVisuial .inner .news h2 {
			font-size: 20px;
			font-weight: 700;
			margin-bottom: 10px;
		}
		.fermeWrap #mainVisuial .inner .news dl {
			font-size: 17px;
		}
			.fermeWrap #mainVisuial .inner .news dl {
				clear: both;
				float: none;
			}
				.fermeWrap #mainVisuial .inner .news dl dt {
					width: 150px;
					margin: 0;
					padding: 0;
					float: left;
				}
				.fermeWrap #mainVisuial .inner .news dl dd {
					padding: 0 0 0 170px;
				}
					.fermeWrap #mainVisuial .inner .news dl dd a {
						color: #fff;
						text-decoration: underline !important;
					}
						.fermeWrap #mainVisuial .inner .news dl dd a:hover {
							text-decoration: none;
						}
		.fermeWrap #mainVisuial .inner .news .link {
			margin-bottom: 50px;
		}
			.fermeWrap #mainVisuial .inner .link a {
				height: 50px;
				line-height: 50px;
				padding: 0 30px;
				white-space: nowrap;
				color: #fff;
				border: solid 5px #fff;
				display: inline-block;
				text-align: center;
				font-weight: 300;
				text-decoration: none;
				font-size: 20px;
			}
				.fermeWrap #mainVisuial .inner .link a:hover {
					color: #B2CB37;
					border-color: #B2CB37 ;
				}

	.fermeWrap #mainVisuial .inner .logo {
		position: absolute;
		bottom: 50px;
		right: 0px;
	}
/*--- slider ---
-------------------------------------------------------------*/
/* SLIDER */

.slider {
    background-color: #FFF;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.slider {
    background-position: center top\9;
    background-repeat: repeat-x\9;
}

*+html .slider {
    background-position: center top;
    background-repeat: repeat-x;
}



	.fermeWrap #bannerList {
		padding: 35px 0 115px 0 ;
		background-color: #FEF9E5;
	}
		.fermeWrap #bannerList .inner {
		}
			.fermeWrap #bannerList .inner ul {
				list-style: none;
				position: relative;
				display:inline-block;
				letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
			}
				.fermeWrap #bannerList .inner ul li {
					width: 252px;
					display:inline-block;
					vertical-align:top;
					letter-spacing: normal; /* 文字間を通常に戻す */
					margin-right: 5px;
					margin-bottom: 5px;
					box-shadow: 0px 0px 0px !important ;
				}
				.fermeWrap #bannerList .inner ul li:nth-of-type(4n) {
					margin-right: 0px !important;
				}
			.fermeWrap #bannerList .inner ul li a {
				width: 252px;
				height: 252px;
				display: block;
				background-size:  contain;
				text-decoration: none;
					box-shadow: 0px 0px 0px !important ;
			}
			.fermeWrap #bannerList .inner ul li a span {
				display: block;
				text-align: center;
				color: #fff;
				padding-top: 222px;
				height: 30px;
			}
		.fermeWrap #insta {
			padding: 0 0 25px 0 ;
			background-color: #fff;
		}
			.fermeWrap #insta  h2 {
				position: relative;
				height: 115px;
				width: 1040px;
				margin: auto;
				text-align: center;
			}
				.fermeWrap #insta  h2 .ferme {
					position: absolute;
					top: 15px;
					left: 0px;
				}
				.fermeWrap #insta  h2 .insta {
					position: absolute;
					left: calc(50% - 131px);
					top: 40px;
				}
			.fermeWrap #insta  ul {
				margin: 0;
				display: table;
				width: 100%;
			}
				.fermeWrap #insta  ul li {
					display: table-cell;
					padding: 5px;
				}
				.fermeWrap #insta  ul li:first-of-type() {
					padding-left: 0px;
				}
				.fermeWrap #insta  ul li:last-of-type() {
					padding-right: 0px;
				}
					.fermeWrap #insta  ul li img {
						width: 100%;
					}
.savNavWrap {
	background: #fff;
	padding: 100px 0 20px;
	display: block;
	width: 100%;
	margin: 0px;
}
.savNavWrap::after {
	content: "";
	display: block;
	clear: both;
	float: none;
}
	.savNavWrap .inner {
		text-align: left;
	}
	.savNavWrap .brandName {
		float: left;
		width: 145px;
		margin-left: 0;
	}
	.savNavWrap .sabNav {
		float: right;
		width:880px;
		text-align: left;
	}
		.savNavWrap .sabNav ul {
			float: left;
			margin: 0;
			height: 118px;
		}
		.savNavWrap .sabNav ul li {
			list-style: none;
			vertical-align: middle;
			padding: 0 13px;
			float: left;
			margin-top: 50px;
		}
		.savNavWrap .sabNav ul li a {
			white-space: nowrap;
			color: #B2CB37;
			text-decoration: none;
			font-size: 14px;
			display: block;
			font-weight: 500;
		}
		.savNavWrap .sabNav ul li a:hover {
			opacity: 0.8;
		}
	.savNavWrap .snsNav {
		float: right;
		margin-right: 20px;
	}
		.savNavWrap .snsNav span {
			display: block;
			float: right;
			margin-top: 45px;
			padding: 0 5px;
		}
.pageTitle {
	font-size: 23px;
	font-weight: 600;
	line-height: 125px;
	text-align: center;
	margin: 0;
	color: #231815;
	letter-spacing: 0.2em;
	padding-top: 20px;
	display: block;
}
.pageTitleType2 {
	font-size: 55px;
	font-weight: 300;
	line-height: 180px;
	text-align: center;
	margin: 0;
	color: #76A32D;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "遊明朝" ,"Yu Mincho", "YuMincho",  serif ;
	display: block;
}
.page .contents {
	text-align: center;
}
	.page .contents .inner {
		margin: auto;
		text-align: left;
	}
.pagetab {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	text-align: center;
	display:inline-block;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
	.pagetab li {
		list-style: none;
		width: 500px;
		padding: 0 15px;
		display:inline-block;
		vertical-align:top;
		letter-spacing: normal; /* 文字間を通常に戻す */
	}
	.pagetab li:nth-last-of-type() {
		padding-right: 0px !important;
	}
		.pagetab li a {
			color: #8FA22C;
			background: #E0E89F;
			text-align: center;
			line-height: 60px;
			display: block;
			border-radius: 6px 6px 0 0 ;
			font-size: 20px;
			text-decoration: none;
		}
			.pagetab li.current a {
				color: #fff;
				background: #B3CB37;
			}
			.pagetab li a:hover {
				color: #fff;
				background: #B3CB37;
			}

.fNav {
	padding: 30px 0px;
}
	.fNav ul {
		margin: 0 0 10px 0 ;
		padding: 0;
		list-style: none;
		position: relative;
		text-align: center;
		display:inline-block;
		letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */	
	}
		.fNav ul li {
			list-style: none;
			padding: 0 2em;
			display:inline-block;
			vertical-align:top;
			letter-spacing: normal; /* 文字間を通常に戻す */
		}
			.fNav ul li a {
				color: #B2CB37;
				text-decoration: none;
				font-weight: 400;
			}

.fNav snsNav {
	padding: 30px 0 0 0 ;
	text-align: center;
}
	.fNav snsNav span {
		margin: 0 10px;
		display: inline-block;
	}

}/*--pc--*/

/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
	#tophead {
		position: relative;
	}
	#mainVisuial h2 {
		margin: 0;
		padding: 0;
	}
	.fermeWrap h1 {
		text-align: left;
	}
	
	.fermeWrap h1 img {
		width: 214.5px;
		height: auto;
	}
	
	.slider {
		background-position: center center;
		-webkit-background-size: cover;
		background-size: cover;
	}
	

	.fermeTop #mainVisuial {
		margin-top: 60px !important;
		height: 100vw !important;
		width: 100vw !important;
		position: relative;
	}
	.fermeTop #mainVisuial .inner {
		text-align: left;
		height: 100vw;
		width: 100vw;
		margin: auto;
	}
	.fermeTop #mainVisuial .inner .mainLink {
		position: absolute;
		top: calc(50% - 20px);
		left: 0;
		width: 100%;
		text-align: center;
	}
		.fermeTop #mainVisuial .inner .mainLink a {
			border: 1px solid #fff !important;
				padding: 0px 20px;
			line-height: 40px;
				white-space: nowrap;
				color: #fff;
				display: inline-block;
				text-align: center;
				text-decoration: none;
				font-size: 15px;
				font-weight: 300;
		}
			.fermeTop #mainVisuial .inner .mainLink a:hover {
				background-color:  transparent !important;
			}
			.fermeTop #mainVisuial .inner .mainLink a:hover img {
				opacity: 1 !important;
			}
		.fermeTop #mainVisuial .inner .mainLink a {
		}
	.fermeTop #mainVisuial .inner .logo {
		position: absolute;
		bottom: 10px;
		right: 10px;
		width: 100px;
		height: auto;
	}
				 #mainVisuial .inner .link a:hover {
					color: #B2CB37;
					border-color: #B2CB37 ;
				}
	
/*---ブランドページニュース---------------------*/
	.contents .inner .news {
		position: inherit;
		color: #000;
		text-align: left;
		padding: 20px 10px 10px 10px ;
	}
		 .contents .inner .news h2 {
			font-size: 18px;
			font-weight: 500;
			margin-bottom: 10px;
			text-align: center;
		}
		 .contents .inner .news dl {
			font-size: 14px;
		}
			 .contents .inner .news dl {
				clear: both;
				float: none;
				 border-top: 1px dotted #666;
			}
				 .contents .inner .news dl dt {
					width: 90px;
					margin: 0;
					padding: 10px 0 10px;
					float: left;
					text-align: left;
				}
				 .contents .inner .news dl dd {
					padding: 10px 0 10px 100px;
					text-align: left;
					 border-bottom: 1px dotted #666;
				}
					 .contents .inner .news dl dd a {
						color: #222;
						text-decoration: none !important;
					}
						 .contents .inner .news dl dd a:hover {
							text-decoration: none;
						}
	
	
		 .contents .inner .news .link {
			margin-bottom: 20px;
		}


	
	.fermeWrap #bannerList {
		padding: 20px 0 55px;
	}
	
	.fermeWrap #bannerList .inner ul {
		font-size: 0;
		width: 100%;
	}
	
	.fermeWrap #bannerList .inner ul li:before {
		display: block;
		content: "";
		padding-top: 100%;
	}
	
	.fermeWrap #bannerList .inner ul li {
		position: relative;
		font-size: 14px;
		display: inline-block;
		width: 48vw;
		vertical-align:top;
		margin-right: 2%;
		margin-bottom: 5px;
		box-shadow: 0px 0px 0px !important;
	}
	
	.fermeWrap #bannerList .inner ul li:nth-of-type(even) {
					margin-right: 0px;
				}
	
	.fermeWrap #bannerList .inner ul li figure.snip1132 {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}
	
	
	.fermeWrap #bannerList .inner ul li a {
				width: 100%;
				height: 100%;
				display: block;
				background-size:  contain;
				text-decoration: none;
					box-shadow: 0px 0px 0px !important ;
			}
			.fermeWrap #bannerList .inner ul li a span {
				display: block;
				text-align: center;
				color: #fff;
				padding-top: 222px;
				height: 30px;
			}
		.fermeWrap #insta {
			padding: 0 0 25px 0 ;
			background-color: #fff;
		}
			.fermeWrap #insta  h2 {
				position: relative;
				height: 80px;
				width: 100%;
				margin: auto;
				text-align: center;
			}
	
		
				.fermeWrap #insta h2 .ferme {
					position: absolute;
					top: 20px;
					left: 3.125%;
				}
	
	
				.fermeWrap #insta h2 .ferme img {
					width: 60px;
					height: auto;
				}
	
				.fermeWrap #insta h2 .insta {
					position: inherit;
					left: 0;
					right: 0;
					top: 20px;
				}
	
			.fermeWrap #insta h2 .insta img {
				width: 160.5px;
				height: 30px;
		}
			.fermeWrap #insta  ul {
				margin: 0;
				display: table;
				width: 100%;
			}
				.fermeWrap #insta  ul li {
					display: table-cell;
					padding: 5px;
				}
				.fermeWrap #insta  ul li:first-of-type() {
					padding-left: 0px;
				}
				.fermeWrap #insta  ul li:last-of-type() {
					padding-right: 0px;
				}
					.fermeWrap #insta  ul li img {
						width: 100%;
					}

}/*--sp--*/


/*-------------------------------------------------
---  shop
-------------------------------------------------*/
/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
.fermeShop {
	background: #FEF9E4;
}
	.fermeShop .inner::after {
		clear: both;
		content: "";
		display: block;
		float: none;
	}
	.fermeShop .sec_01 .mainVisual {
		margin-bottom: 50px;
	}
		.fermeShop .sec_01 .mainVisual img {
			width: 100%;
		}
	.fermeShop .sectionCommon {
		padding: 25px 25px 100px 25px;
		background: #fff;
		margin-bottom: 20px;
	}
		.fermeShop .sectionCommon::after {
			clear: both;
			content: "";
			display: block;
			float: none;
		}
	.fermeShop .sectionCommon .imagesWrap {
		width: 433px;
	}
	.fermeShop .sectionCommon .imagesWrap img {
		width: 100%;
	}
	.fermeShop .sectionCommon .imagesWrap p {
		display: block;
		padding: 0 0 0 5px;
	}
		.fermeShop .sectionCommon .imagesWrap p span {
			display: block;
			margin-top: -27px;
			color: #fff;
		}
		.fermeShop .sectionCommon .imagesWrap p span em {
			font-style: normal;
			color: #000000;
			display: block;
			margin-top: 10px;
		}
	.fermeShop .sectionCommon .text {
		width: 510px;
		padding: 0 15px;
		position: relative;
	}
		.fermeShop .sectionCommon .text p {
			font-size: 14px;
			line-height: 1.8;
		}
		.fermeShop .sectionCommon .text .link {
			width: 100%;
			text-align: center;
			margin-top: 50px;
		}
		.fermeShop .sectionCommon .text .link a {
			color: #B2CB37 ;
			text-decoration: none;
			border: 1px solid #B2CB37 ;
			padding: 10px 40px;
			font-size: 18px;
			font-weight: 500;
		}
		.fermeShop .sectionCommon .text .link a:hover {
			opacity: 0.8;
		}
		.fermeShop section.sectionCommon h3 {
			font-size: 29px;
			color: #B2CB37;
			text-align: center;
			margin-bottom: 40px;
			font-weight: 500;
		}

.fermeShop section.sec_type01 .imagesWrap {
	float: right;
}
.fermeShop section.sec_type01 .text {
	float: left;
}
.fermeShop section.sec_type02 .imagesWrap {
	float: left;
}
.fermeShop section.sec_type02 .text {
	float: right;
}

.fermeShop .sec_02 .text .images {
	position: absolute;
	top: 150px;
	right: 20px;
	width: 110px;
}
.fermeShop .sec_03 .text .images {
	position: absolute;
	bottom: -120px;
	right: 140px;
	width: 200px;
}
.fermeShop .sec_04 .text .images {
	position: absolute;
	bottom: -85px;
	right: calc(50% - 75px);
	width: 150px;
}
.fermeShop .sec_04 {
	padding-bottom: 70px;
}

.fermeShop .sec_05 {
	background: #000;
	padding: 40px 35px 0px 35px;
	color: #fff;
	margin-top: 75px;
}
.fermeShop .sec_05::after {
	content: "";
	display: block;
	clear: both;
	float: none;
}
	.fermeShop .sec_05 h3 {
		color: #fff !important;
		text-align: center;
		margin-bottom: 30px;
		font-size: 29px;
		font-weight: 700;
	}
	.fermeShop .sec_05 p.read {
		margin-bottom: 40px;
	}
	.fermeShop .sec_05 dl {
		width: 450px;
		margin-bottom: 20px;
		height: 450px
	}
	.fermeShop .sec_05 dl:nth-of-type(odd) {
		float: left;
	}
	.fermeShop .sec_05 dl:nth-of-type(even) {
		float: right;
	}
		.fermeShop .sec_05 dl dt {
			margin: 0;
			padding: 0 0 10px 0 ;
			width: 100%;
			text-align: center;
		}
		.fermeShop .sec_05 dl dt img {
			width: 300px;
			margin: auto;
		}
		.fermeShop .sec_05 dl dd {
			margin: 0;
			padding: 0;
		}
		.fermeShop .sec_05 dl dd h4 {
			font-size: 18px;
			margin-bottom: 3px;
			font-weight: 500;	
		}
		.fermeShop .sec_05 dl dd p {
			margin-bottom: 3px;
			line-height: 1.8;
			font-feature-settings : "palt";
		}
			.fermeShop .sec_05 dl dd p a {
				color: #fff;
				text-decoration: none;
			}
} /*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
	.fermeShop .sectionCommon {
		padding: 15px 10px;
	}
	
	.fermeShop .contents {
		padding-bottom: 40px;
	}
	
	.fermeShop .sec_01 .mainVisual {
		margin-bottom: 15px;
		position: relative;
		margin-left: -21px;
		margin-top: -15px;
		width: 100vw;
	}
	
	.fermeShop section.sec_type01 .imagesWrap,
	.fermeShop section.sec_type01 .text {
		float: none;
	}
	
	.fermeShop .sectionCommon .imagesWrap {
		width: 100%;
		margin: 0;
	}
	
	.fermeShop .sectionCommon .text {
		padding: 10px;
		background: #fff;
		margin: 0;
	}
	
	.fermeShop .sectionCommon .text .link {
		padding: 30px 0 20px 0  ;
		text-align: center;
	}
	
	.fermeShop .sectionCommon .text .link a {
			color: #B2CB37 ;
			text-decoration: none;
			border: 1px solid #B2CB37 ;
			padding: 10px 10px;
			font-size: 14px;
			font-weight: 500;
	}
	
	.fermeShop section.sectionCommon h3 {
		margin-bottom: 10px;
		font-size: 22px;
		font-weight: 400;
		text-align: center;
	}
	
		.fermeShop .sectionCommon .imagesWrap p {
			padding: 0 0 0 10px;
		}

		.fermeShop .sectionCommon .imagesWrap p span {
			margin-top: -35px;
			display: block;
			position: relative;
		}
	.fermeShop  .sec_04 .imagesWrap p {
		padding: 0 0 5px 10px;
	}
	.fermeShop  .sec_04 .imagesWrap p span {
		margin-top: 0px !important;
		display: block;
		position: relative;
		font-style: normal;
	}
	
	.fermeShop .sec_02 .text,
	.fermeShop .sec_03 .text,
	.fermeShop .sec_04 .text {
		position: relative;
	}
	
	.fermeShop .sec_02 .text .images,
	.fermeShop .sec_03 .text .images,
	.fermeShop .sec_04 .text .images {
		display: block;
		position: inherit;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		padding: 10px 0 20px;
	}
	
	.fermeShop .sec_02 .text .images {
		width: 56.5px;
	}
	
	.fermeShop .sec_03 .text .images {
		width: 107px;
	}
	.fermeShop .sec_04 .text .images {
		width: 90px;
	}
	.fermeShop .sec_05 {
		background: #000;
		color: #fff;
		position: relative;
		margin: 0 0 0 -11px ;
		width: calc(100vw - 30px);
		padding: 30px 15px ;
	}
		.fermeShop .sec_05 h3 {
			padding: 10px 0 ;
			text-align: center;
		}
		.fermeShop .sec_05 .read {
			margin-bottom: 10px;
			padding-bottom: 20px;
			font-size: 12px;
		}
		.fermeShop .sec_05 dl {	
			margin-bottom: 20px;
		}
		.fermeShop .sec_05 dl dt {
			margin: 0;
			padding: 0 0 10px 0 ;
			width: 100%;
			text-align: center;
		}
		.fermeShop .sec_05 dl dt img {
			margin: auto;
			width: 80%;
		}
		.fermeShop .sec_05 dl dd {
			margin: 0 0 50px 0 ;
			padding: 0;
		}
		.fermeShop .sec_05 dl dd h4 {
			font-size: 18px;
			margin-bottom: 3px;
			font-weight: 500;	
			text-align: center;
		}
		.fermeShop .sec_05 dl dd p {
			margin-bottom: 3px;
			line-height: 1.8;
			font-size: 12px;
			font-feature-settings : "palt";
		}
			.fermeShop .sec_05 dl dd p a {
				color: #fff;
				text-decoration: none;
			}
	
}/*--sp--*/


/*--------------------------------------------
fermeAccess
------------------------------------------------*/
/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
.fermeAccess {
	background: #FEF9E4;
}
	.fermeAccess .secGmap {
	}
		.fermeAccess .secGmap .gmap {
			height: 500px;
			padding: 0;
		}
		.fermeAccess .secGmap .gmap #map_canvas {
			height: 500px;
		}
	.fermeAccess .secOrgmap {
		padding: 25px 0 ;
	}
	.fermeAccess .secOrgmap .inner {
		background: #fff;
		text-align: center;
		padding: 50px 0 ;
	}
	.fermeAccess .secOrgmap .inner .mapwrap {
		margin: auto;
		text-align: center;
	}
		.fermeAccess .secOrgmap .inner .mapwrap p {
			font-size: 18px;
			font-weight: 500;
			color: #7FB600;
			margin-bottom: 5px;
		}
	.fermeAccess .secInfo {
		padding: 0px 0 30px 0  ;
		text-align: left;
	}
	.fermeAccess .secInfo::after {
		content: "";
		display: block;
		float: none;
		clear: both;
	}
		.fermeAccess .secInfo .alpha {
			width: 420px;
			float: left;
			margin: 0 0 0 60px;
			text-align: left;
		}
		.fermeAccess .secInfo .beta {
			float: right;
			width: 500px;
			text-align: left;
			margin: 0 50px 0 0 ; 
		}
		.fermeAccess .secInfo h3 {
			font-size: 19px;
			color: #B2CB37;
			font-weight: 600;
			margin-bottom: 10px;
		}
		.fermeAccess .secInfo p {
			font-size: 14px;
			line-height: 1.5;
			margin-bottom: 10px;
		}
		.fermeAccess .secInfo p strong {
			font-size: 19px;
			color: #B2CB37;
		}
		.fermeAccess .secInfo dl {
			font-size: 16px;
		}
			.fermeAccess .secInfo dl::after {
				content: "";
				display: block;
				clear: both;
				float: none;
			}
			.fermeAccess .secInfo dl dt {
				width: 5em;
				float: left;
				margin: 0 0 5px 0 ;
				padding: 0;
			}
			.fermeAccess .secInfo dl dt::after {
				content: "："
			}
			.fermeAccess .secInfo dl dd {
				padding: 0 0 0 6em;
				margin: 0 0 5px 0 ;
				line-height: 26px;
			}
				.fermeAccess .secInfo dl dd h5 {
					font-size: 16px;
					font-weight: 600;
					color: #7FB600;
				}
				.fermeAccess .secInfo dl dd strong {
					font-weight: 600;
					display: inline-block;
					width: 5.5em;
				}
		.fermeAccess .secInfo a {
			color: #000;
			text-decoration: underline;
		}
/*--札幌店追加------*/
.fermeAccess ul.pageNavUl  {
	display: inline-block;
	margin: 20px 0 20px 0 ;
	text-align: center;
 }
	.fermeAccess ul.pageNavUl li {
		display: inline-block;
		list-style: none;
		text-align: center;
		margin: 0 5px;
	}
		.fermeAccess ul.pageNavUl li a {
			background: #B2C84B;
			color: #fff;
			padding: 10px;
			width: 200px;
			text-align: center;
			text-decoration: none;
			display: block;
		}
		.fermeAccess h2.shopname {
			text-align: center;
			font-size: 24px;
			font-weight: 300;
			border-bottom: 2px solid #666;
			width: 600px; 
			margin: 0 auto 40px auto  ;
			padding-bottom: 10px;
		}
		.fermeAccess .photo img {
			width: 500px;
			height: auto;
		}
		.fermeAccess .shopdataDl {
		}
			.fermeAccess .shopdataDl dt {
				float: none !important;
				margin-bottom: 5px;
				width: 100%;
			}
			.fermeAccess .shopdataDl dd {
				float: none !important;
				margin-bottom: 5px;
				width: 100%;
				padding: 0px !important;
				margin-bottom: 10px !important;
			}
		.fermeAccess .mapLink {
			margin-bottom: 40px !important;
		}
			.fermeAccess .mapLink a {
				margin: 0 5px;
				color: #E50404;
				font-size: 16px;
			}
			.fermeAccess .mapLink a:hover {
				text-decoration: none;
				color: #666;
			}
}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
.fermeAccess {
	background: #FEF9E4;
}
	.fermeAccess .secGmap {
	}
		.fermeAccess .secGmap .gmap {
			height: 60vh;
			padding: 0;
		}
		.fermeAccess .secGmap .gmap #map_canvas {
			height: 60vh;
		}
	.fermeAccess .contents {
		padding-bottom: 40px;
	}
	.fermeAccess .secOrgmap {
		padding: 30px 0 0;
	}
	
		.fermeAccess .secOrgmap .inner .mapwrap p {
			font-size: 18px;
			font-weight: 500;
			color: #7FB600;
			margin-bottom: 5px;
		}
	.fermeAccess .secOrgmap .inner {
		padding: 30px 0;
	}
	
	.fermeAccess .secInfo .alpha {
		margin: 0;
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	
	.fermeAccess .secInfo {
		padding: 0 3.125% 20px 3.125%;
	}
	
		.fermeAccess .secInfo h3 {
			font-size: 19px;
			color: #B2CB37;
			font-weight: 600;
			margin-bottom: 10px;
			text-align: center;
		}
		.fermeAccess .secInfo p {
			font-size: 14px;
			line-height: 1.5;
			margin-bottom: 10px;
		}
		.fermeAccess .secInfo p strong {
			font-size: 19px;
			color: #B2CB37;
		}
	.fermeAccess .secInfo .beta {
		padding-top: 0px;
		float: none;
		width: 100%;
		font-size: 13px;
	}
/*--札幌店追加------*/
		.fermeAccess h2.shopname {
			font-size: 24px;
			font-weight: 300;
			margin: 0 auto 20px auto  ;
		}
.fermeAccess ul.pageNavUl  {
	display: flex;
	margin: 20px 0 20px 0 ;
	text-align: center;
 }
	.fermeAccess ul.pageNavUl li {
		list-style: none;
		text-align: center;
		margin: 0 5px;
	}
		.fermeAccess ul.pageNavUl li a {
			background: #B2C84B;
			color: #fff;
			padding: 10px;
			width: calc(30vw - 20px);
			text-align: center;
			text-decoration: none;
			display: block;
		}
	
	.fermeAccess .secInfo dl dt {
		float: none;
		border-bottom: 1px solid #666;
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
	
	.fermeAccess .secInfo dl dd {
		margin-bottom: 10px;
		padding: 0;
	}
	.fermeAccess .secInfo dl dd h5 {
		font-weight: 500;
		margin-top: 5px;
	}
		.fermeAccess .mapLink {
			margin-bottom: 40px !important;
		}
			.fermeAccess .mapLink a {
				margin: 0 5px;
				color: #E50404;
			white-space: nowrap;
			}
			.fermeAccess .mapLink a:hover {
				text-decoration: none;
				color: #666;
			}

}/*--sp--*/





/*--------------------------------------------
fermeSpot
------------------------------------------------*/
/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {

.fermeSpot {
	background: #FEF9E4;
}
	.fermeSpot .contents .inner {
		padding: 50px 35px ;
		background: #fff;
		margin-bottom: 30px;
	}
	.fermeSpot .sec_01 {
		text-align: center;
	}
		.fermeSpot .sec_01 h3 {
			text-align: center;
			font-size: 19px;
			margin: 0 0 25px 0 ;
			font-weight: 600;
		}
		.fermeSpot .sec_01 p {
			text-align: center;
			margin: 0 0 40px 0 ; 
		}
		.fermeSpot .sec_01 figure {
			display: inline-block;
			width: 470px;
			text-align: center;
			margin: 0 15px 80px 15px ;
			position: relative;
		}
			.fermeSpot .sec_01 figure img {
				height: 310px;
				width: auto;
				box-shadow: 4px 4px 3px rgba(0,0,0,0.15);
				
			}
			.fermeSpot .sec_01 figure figcaption {
				padding: 10px 0 0 0 ;
			}
			.fermeSpot .sec_01 figure a {
				  left: 0;
				  right: 0;
				  top: 0;
				  bottom: 0;
				  position: absolute;
				  z-index: 1;
			}
	.fermeSpot .sec_02 {
		text-align: center;
	}
		.fermeSpot .sec_02 h3 {
			text-align: center;
			font-size: 19px;
			margin: 0 0 25px 0 ;
			font-weight: 600;
		}
		.fermeSpot .sec_02 figure {
			display: inline-block;
			text-align: center;
			width: 310px;
			margin: 0 15px 0 15px ;
			position: relative;
		}
			.fermeSpot .sec_02 figure img {
				width: 100%;
				box-shadow: 4px 4px 3px rgba(0,0,0,0.15);
				
			}
			.fermeSpot .sec_02 figure figcaption {
				padding: 10px 0 0 0 ;
			}
			.fermeSpot .sec_02 figure a {
				  left: 0;
				  right: 0;
				  top: 0;
				  bottom: 0;
				  position: absolute;
				  z-index: 1;
			}
			.fermeSpot  figure a img {
				display: none;
			}

	.fermeSpot .sec_03 {
		text-align: center;
	}
		.fermeSpot .sec_03 img {
			width: 30px;
			height: auto;
		}

}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
.fermeSpot {
	background: #FEF9E4;
}
	.fermeSpot .contents .inner {
		padding: 20px 10px ;
		background: #fff;
		margin-bottom: 30px;
	}
	.fermeSpot .sec_01 {
		text-align: center;
		margin-bottom: 40px;
	}
		.fermeSpot  h3  {
			text-align: center;
			font-weight: 300;
			font-size: 18px;
			margin: 0 0 25px 0 ;
		}
		.fermeSpot  p {
			text-align: left;
			margin: 0 0 20px 0 ; 
		}
		.fermeSpot  figure {
			display: inline-block;
			width: 100%;
			text-align: center;
			margin: 0 0 20px 0 ;
			position: relative;
			height: auto;
		}
		.fermeSpot  figure:nth-last-of-type(1) {
			margin-bottom: 0px !important;
		}
			.fermeSpot  figure img {
				height: auto;
				width: auto;
				box-shadow: 4px 4px 3px rgba(0,0,0,0.15);
				
			}
			.fermeSpot  figure figcaption {
				padding: 10px 0 0 0 ;
			}
			.fermeSpot  figure a {
				  left: 0;
				  right: 0;
				  top: 0;
				  bottom: 0;
				  position: absolute;
				  z-index: 1;
			}

	.fermeSpot .sec_03 {
		text-align: center;
		padding: 30px 0 ;
	}
		.fermeSpot .sec_03 img {
			width: 30px;
			height: auto;
		}
}/*--sp--*/



#popularItems .productsImages , .products_ul .productsImages {
	width: 190px;
}
	#popularItems ul {
		margin: 0;
		padding: 0;
		display: inline-block;
		text-align: center;
		float: none;
		letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	}
		#popularItems ul > li {
			margin: 0 20px 20px 20px !important;
			padding: 0 !important;
			display: inline-block;
			float: none;
			text-align: left;
			vertical-align:top;
			letter-spacing: normal; /* 文字間を通常に戻す */
		}
		#popularItems .icon li {
			padding: 0 !important;
			margin: 0 !important;
		}
#featuredList img.switch {
	width: 190px !important;
}





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

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
	#brand {
		padding: 50px 0 35px;
	}
	#brand .inner h2 img {
		width: auto;
		height: 20px;
	}
	
	#brand ul {
				list-style: none;
				display: inline-block;
				text-align: center;
			}
			#brand ul li {
				display: inline-block;
				width: 136px;
				height: auto;
				padding: 0px;
				vertical-align: top;
			}

			#brand ul li img {
				width: 136px;
				height: auto;
			}
	
		#mainVisuial .news {
		position: absolute;
		bottom: 50px;
		left: 0px;
		color: #fff;
	}
		#mainVisuial .news h2 {
			font-size: 20px;
			font-weight: 700;
			margin-bottom: 10px;
		}
		#mainVisuial .news dl {
			font-size: 17px;
		}
			#mainVisuial .news dl {
				clear: both;
				float: none;
			}
				#mainVisuial .news dl dt {
					width: 150px;
					margin: 0;
					padding: 0;
					float: left;
				}
				#mainVisuial .news dl dd {
					padding: 0 0 0 170px;
					text-align: left;
				}
					#mainVisuial .news dl dd a {
						color: #fff;
						text-decoration: underline !important;
					}
						#mainVisuial .news dl dd a:hover {
							text-decoration: none;
						}

}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
	.savNavWrap {
	background: #fff;
	padding: 80px 10px 20px  10px ;
	display: block;
	width: calc(100% - 20px);
		text-align: center;
}
.savNavWrap::after {
	content: "";
	display: block;
	clear: both;
	float: none;
}
	.savNavWrap .inner {
		text-align: left;
	}
	.savNavWrap .brandName {
		float: none;
		width: 100px;
		margin: 0 auto 20px auto;
	}
	.savNavWrap .brandName img {
		width: 150px;
	}
	.savNavWrap .sabNav {
		float: none;
		margin: 0 auto;
		width: 100%;
		text-align: left;
	}
	
	.savNavWrap .ttl-sabNav {
		position: relative;
		cursor: pointer;
		font-size: 14px;
		color: #b2cb37;
		padding: 10px 10px;
		border: 1px #b2cb37 solid;
	}
	
	.savNavWrap .ttl-sabNav .fa {
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 22px;
		transform: rotate(0deg);
		transition: all 0.5s 0s linear;
	}
	
	.savNavWrap .active .fa,
	.savNavWrap .open .fa	{
		transform: rotate(-180deg);
	}
	
	.savNavWrap .sabNav {
		display: none;
		padding-top: 10px;
		border-right: 1px #b2cb37 solid;
		border-bottom: 1px #b2cb37 solid;
		border-left: 1px #b2cb37 solid;
		width: 100%;
		box-sizing: border-box;
	}

		.savNavWrap .sabNav ul {
			float: none;
			margin: 0;
			height: auto;
			width: 100%;
		}
		.savNavWrap .sabNav ul li {
			list-style: none;
			vertical-align: middle;
			padding: 0;
			float: none;
			margin-top: 0px;
		}
		.savNavWrap .sabNav ul li a {
			display: block;
			padding: 8px 10px;
			color: #B2CB37;
			text-decoration: none;
			font-size: 14px;
			font-weight: 500;
		}
		.savNavWrap .sabNav ul li a:hover {
			opacity: 0.8;
		}
	.savNavWrap .snsNav {
		float: none;
		margin: 10px auto 25px auto;
		text-align: center;
	}
		.savNavWrap .snsNav span {
			display: inline;
			float: none;
			margin-top: 0 auto;
			padding: 25px 8px;
		}
.pageTitle {
	padding: 20px 0 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 60px;
	margin: 0;
	color: #231815;
	letter-spacing: 0.2em;
	display: block;
}
.pageTitleType2 {
	font-size: 27px;
	line-height: 80px;
	text-align: center;
	margin: 0;
	color: #76A32D;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "遊明朝" ,"Yu Mincho", "YuMincho",  serif ;
}

.page .contents {
	text-align: center;
}
	.page .contents .inner {
		margin: auto;
		text-align: left;
	}
.pagetab {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	text-align: center;
	display:inline-block;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
	.pagetab li {
		list-style: none;
		width: 500px;
		padding: 0 15px;
		display:inline-block;
		vertical-align:top;
		letter-spacing: normal; /* 文字間を通常に戻す */
	}
	.pagetab li:nth-last-of-type() {
		padding-right: 0px !important;
	}
		.pagetab li a {
			color: #8FA22C;
			background: #E0E89F;
			text-align: center;
			line-height: 60px;
			display: block;
			border-radius: 6px 6px 0 0 ;
			font-size: 20px;
			text-decoration: none;
		}
			.pagetab li.current a {
				color: #fff;
				background: #B3CB37;
			}
			.pagetab li a:hover {
				color: #fff;
				background: #B3CB37;
			}

.fNav {
	margin: 10px auto 0 auto;
	padding-bottom: 30px;
	width: calc(100% - 20px);
}
	.fNav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		text-align: center;
		display: block;
	}
		.fNav ul li {
			list-style: none;
			padding: 0;
			display:block;
			vertical-align:top;
		}
			.fNav ul li a {
				display: block;
				padding: 10px 0;
				color: #B2CB37;
				text-decoration: none;
				font-weight: 400;
				text-align: left;
				border-top: 1px #b2cb37 solid;
			}
	
			.fNav ul li:last-child a {
				border-bottom: 1px #b2cb37 solid;
			}
		.fNav .snsNav {
			text-align: center;
			padding: 10px ;
		}
			.fNav .snsNav span {
				margin: 0 5px;
			}

}/*--sp--*/


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

	/*--------------------------------------------
fermeConseptver2
------------------------------------------------*/
/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
.fermeConseptVer2 {
	background: #FEF9E4;
}
	.fermeConseptVer2 .contents  {
		padding: 0 0 200px 0 ;
		background:  url(../ferme/consept/consept_images01.png) center bottom 30px / 200px auto no-repeat;
	}
	.fermeConseptVer2 .sectionCommon {
		width: 100vw;
  		height: 100vh;
		margin-bottom: 10px;
		position: relative;
	}
		.fermeConseptVer2 .sectionCommon::after {
			clear: both;
			content: "";
			display: block;
			float: none;
		}
	.fermeConseptVer2 .sectionCommon .text {
		color: #fff;
		text-align: left;
	}
		.fermeConseptVer2 .sectionCommon .text p {
			font-size: 16px;
			line-height: 1.8;
			font-weight: 700;
		}
		.fermeConseptVer2 .sectionCommon .text h3 {
			font-size: 23px;
			color: 231815;
			text-align: left;
			margin: 0 0 30px 0;
			font-weight: 500;
		}
			.fermeConseptVer2 .sectionCommon .text {
				position: absolute;
				left: calc( 50% - 520px );
				bottom: 150px;
				width: 520px;
			}
			.fermeConseptVer2 section.sec_01 .text p {
				background: rgba(0,0,0,0.2);
				padding: 3px;
				display: block;
			}
			.fermeConseptVer2 section.sec_04 .text h3 span , .fermeConseptVer2 section.sec_04 .text p {
				background: rgba(0,0,0,0.2);
				padding: 3px;
			}
		.fermeConseptVer2 section .scroll {
			position: absolute;
			left: calc(50% - 100px);
			bottom: 30px;
			width: 200px;
			text-align: center;
		}
		.fermeConseptVer2 section .scroll a {
			color: #fff;
			text-decoration: none;
		}
		.fermeConseptVer2 section .scroll a span {
			display: block;
			text-align: center;
			line-height: 1em;
			font-weight: 100;
			font-size: 16px;
		}
		.fermeConseptVer2 section.sec_01 {
			background:  url(../ferme/consept/consept_sec01.jpg) no-repeat center center / cover ;
		}
		.fermeConseptVer2 section.sec_02 {
			background:  url(../ferme/consept/consept_sec02.jpg) no-repeat center center / cover ;
		}
		.fermeConseptVer2 section.sec_03 {
			background:  url(../ferme/consept/consept_sec03.jpg) no-repeat center center / cover ;
		}
		.fermeConseptVer2 section.sec_04 {
			background:  url(../ferme/consept/consept_sec04.jpg) no-repeat center center / cover ;
		}


		.fermeConseptVer2 section.link  {
			text-align: center;
		}
			.fermeConseptVer2 section.link a {
				color: #B2CB37;
				display: inline-block;
				line-height: 55px;
				padding: 0 35px;
				border: 2px solid #B2CB37;
				font-size: 20px;
				width: auto;
				font-weight: 600;
				text-decoration: none;
			}
			.fermeConseptVer2 section.link a:hover {
				opacity: 0.7;
			}
}

/*--sp  ------------------------------------*/

@media screen and (max-width: 640px) {
.fermeConseptVer2 {
	background: #FEF9E4;
}
	.fermeConseptVer2 .contents  {
		padding: 0 0 170px 0 ;
		background:  url(../ferme/consept/consept_images01.png) center bottom 30px / 150px auto no-repeat;
	}
	.fermeConseptVer2 .sectionCommon {
		width: 100%;
		margin-bottom: 0px;
		position: relative;
		padding-top: 66vw !important;
	}
		.fermeConseptVer2 .sectionCommon::after {
			clear: both;
			content: "";
			display: block;
			float: none;
		}
	.fermeConseptVer2 .sectionCommon .text {
		color: #fff;
		text-align: left;
		padding: 20px 10px 60px 10px;
	}
		.fermeConseptVer2 .sectionCommon .text p {
			font-size: 14px;
			line-height: 1.7;
			font-weight: 600;
		}
		.fermeConseptVer2 .sectionCommon .text h3 {
			font-size: 18px;
			color: #fff;
			text-align: left;
			margin: 0 0 15px 0;
			font-weight: 600;
		}

			.fermeConseptVer2 section.sec_01 .text p {
				padding: 0px;
				display: block;
			}
			.fermeConseptVer2 section.sec_04 .text h3 span , .fermeConseptVer2 section.sec_04 .text p {
				padding: 0px;
			}
		.fermeConseptVer2 section .scroll {
			position: absolute;
			bottom: 20px;
			width: 100vw;
			left: 0px;
			text-align: center;
		}
		.fermeConseptVer2 section .scroll a {
			color: #fff;
			text-decoration: none;
		}
		.fermeConseptVer2 section .scroll a span {
			display: none;
		}
		.fermeConseptVer2 section.sec_01 {
			background:  url(../ferme/consept/consept_sec01.jpg) no-repeat top center / 100% auto #B2CB37;
		}
		.fermeConseptVer2 section.sec_02 {
			background:  url(../ferme/consept/consept_sec02.jpg) no-repeat top center / 100% auto #76A32D ;
		}
		.fermeConseptVer2 section.sec_03 {
			background:  url(../ferme/consept/consept_sec03.jpg) no-repeat top center / 100% auto #B2CB37 ;
		}
		.fermeConseptVer2 section.sec_04 {
			background:  url(../ferme/consept/consept_sec04.jpg) no-repeat top center / 100% auto #76A32D ;
		}
		.fermeConseptVer2 section.link  {
			text-align: center;
		}
			.fermeConseptVer2 section.link a {
				color: #B2CB37;
				display: inline-block;
				line-height: 55px;
				padding: 0 35px;
				border: 2px solid #B2CB37;
				font-size: 20px;
				width: auto;
				font-weight: 600;
				text-decoration: none;
			}
			.fermeConseptVer2 section.link a:hover {
				opacity: 0.7;
			}
}/*--sp--*/



/*-- ////////////////////////////////////////////
////
////  patisserie 
////
/////////////////////////////////////////////--*/

/*-- common
-----------------------------------------------*/
.fermeSub {
	background-color: #fef9e4;
	z-index: 1;
}

.fermeSub #mainVisuial {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0;
	width: 1051px;
	height: 678px;
	background-color: #fef9e4;
	background-position: center top;
	z-index: 2;
	margin-top: 86px;
}
.fermeSub #mainVisuial .inner {
	width: 1051px;
	height: 678px;
}

.fermeSub #mainVisuial .inner .news {
	position: absolute;
	left: 30px;
	bottom: 25px;
	text-shadow: 2px 2px 2px #000;
}

.pattise #mainVisuial .inner .logo {
	position: absolute;
	display: inline-block;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 326px;
	height: 262px;
}

#bnr-slides {
	margin: 20px 0 0;
	padding: 30px 0;
	background: #fff;
}

.swiper-container {
    width: 1044px;
    height: 252px;
}

#bnr-slides ul li {
	position: relative;
}

#bnr-slides ul li .heading {
  overflow: hidden;
}

#bnr-slides ul li figure .caption {
  overflow: hidden;
  position: absolute;
  width: 100%;
}

#bnr-slides ul li figcaption .heading h3 {
	position: absolute;
	bottom: 10px;
	text-shadow: 2px 2px 2px #000; 
	font-size: 14px;
	color: #fff;
	text-align: center;
	font-weight: normal;
	width: 100%;
	margin: 0px;
}

#bnr-slides ul li a {
	position: absolute;
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
}

.swiper-container ul li {
	display: inherit;
	margin: 0;
}

#bnr-slides ul li figure {
  position: relative;
  overflow: hidden;
  color: #ffffff;
  text-align: center;
}

#recProduct li {
  position: relative;
  overflow: hidden;
  text-align: center;	
}

#bnr-slides ul li figure *,
#recProduct li figure * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

#bnr-slides ul li figure img,
#recProduct li figure img {
  max-width: 100%;
  position: relative;
  opacity: 1;
}

#bnr-slides ul li figure:hover img,
#bnr-slides ul li figure.hover img,
#recProduct li figure:hover img {
  opacity: 0.35;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

#bnr-slides ul li figure.not_link:hover img {
  opacity: 1.0;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}
#bnr-slides ul li figure:hover iframe {
  opacity: 0.35;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.fermeSub #sec_01 .contents .inner {
	padding: 30px 60px;
	background-color: #fff;
	box-sizing: border-box;
}

.fermeSub #sec_01 .contents .inner .pageTitle {
	margin-bottom: 30px;
	font-size: 26px;
	letter-spacing: 0;
	line-height: 36px;
}

#recProduct {
	font-size: 0;
	display: table;
}

#recProduct li {
	position: relative;
	display: table-cell;
	padding-right: 50px;
	list-style: none;
	width: 25%;
	font-size: 13px;
	text-align: left;
}

#recProduct li a {
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

#recProduct li figure img,
#recProduct li figure figcaption {
	width: 190px;
	height: auto;
}

#recProduct li figure figcaption {
	padding-top: 15px;
}

#recProduct li:last-child {
	padding: 0;
}

#recProduct li img {
	border-radius: 5px;
}

#recProduct li figcaption h3 {
	font-size: 13px;
	font-weight: normal;
	text-align: center;
}

.fermeSub #sec_01 {
	padding-top: 25px;
}

.fermeSub #sec_01 .contents .inner .link {
	margin: 40px auto 0 auto;
	border: 1px #000 solid;
	text-align: center;
	width: 240px;
}

.fermeSub #sec_01 .contents .inner .link a {
	display: block;
	text-decoration: none;
	color: #000;
	font-size: 16px;
	padding: 15px 0;
	text-align: center;
}

.fermeSub #sec_01 .contents .inner .link a:hover {
	color: #333;
}
#terrShop {
	margin-bottom: 50px;
}

#terrShop .contents {
	padding-top: 25px;
	background-color: transparent;
	border-bottom: 1px dotted #fff;
}
#terrShop .contents::after {
	content: "";
	display: block;
	clear: both;
	float: none;
}


#terrShop .contents .inner {
	margin: 0 auto;
	width: 960px;
}

#terrShop .contents .inner .pageTitle {
	padding-top: 35px;
	margin-bottom: 50px;
	font-size: 26px;
	line-height: 26px;
}

#terrShop .flx {
	overflow: hidden;
}

#terrShop .flx .lft {
	float: left;
	width: 500px;
}

#terrShop .flx .rt {
	float: right;
	width: calc(960px - 560px);
	text-align: left;
}

#terrShop .flx .rt h3 {
	margin-bottom: 25px;
	font-size: 26px;
}

#terrShop .flx .rt p {
	font-size: 18px;
}

#terrShop .flx .rt a {
	color: #e60012;
	text-decoration: none;
}

#terrShop .flx .rt a:hover,
#terrShop .flx .rt a:active {
	text-decoration: underline;
}


#terrShop .flx .rt .images {
	margin: 30px 0 0 100px;
}

#terrShop .incontents {
	margin: 30px auto 0 auto;
	overflow: hidden;
	width: 890px;
	text-align: center;
}

#terrShop .incontents .shopLg {
	display: block;
	margin-bottom: 15px;
	width: 100%;
}

#terrShop .incontents ul {
	font-size: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

#terrShop .incontents ul li {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
}

#terrShop .incontents ul li {
	margin-right: 75px;
	width: 245px;
}

#terrShop .incontents ul li:last-child {
	margin-right: 0;
}

#terrShop .incontents ul li figcaption {
	padding-top: 10px;
	font-size: 18px;
	font-weight: 700;
}

#terrShop .incontents ul li .address {
	padding-top: 20px;
	font-size: 14px;
}
.pattise #insta {
	padding-bottom: 50px;
}
.pattise #insta  h2 {
	height: 60px;
	padding: 0;
}

.pattise #insta  h2 .insta {
	top: 25px;
}

.pattisLogo01 {
	position: absolute;
	top: 15px;
	left: 148px;
}

.pattisLogo02 {
	position: absolute;
	top: 15px;
	left: 247px;
}



/*-- sp
-----------------------------------------------*/
@media only screen and (max-width: 640px) {
.fermeSub #mainVisuial {
		width: 100vw;
		height: 100vw;
	margin-top: 60px;
	position: relative;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background-position: center center !important;
}

	
	.fermeSub #mainVisuial .inner {
		width: 100vw;
		height: 100vw;
		position: relative;
}
	
	.pattise #mainVisuial .inner .logo {
		width: 164px;
		height: 132px;
		position: absolute !important;
		margin: 0 !important;
		bottom: calc(50% - 66px) !important;
		top: auto !important ;
		left:calc(50% - 82px);
}
	
	.pattise #bnr-slides {
		padding: 15px 0;
}
	 .incontents {
	}
		 .incontents ul {
		}
			 .incontents ul li {
			}
				 .incontents ul li .shopInfo {
						position: relative;
				}
					 .incontents ul li .shopInfo::after {
						content: "";
						display: block;
						clear: both;
						float: none;
					}
					 .incontents ul li .shopInfo img {
						position: absolute;
						top: 5px;
						left: 0;
						width: 120px;
					}
					 .incontents ul li .shopInfo figcaption {
						padding: 0 0 0 130px !important;
						text-align: left;
						margin: 0 0 5px 0  !important;
						color: #99AF2E;
					}
					 .incontents ul li .shopInfo .address {
						padding: 0 0 0 130px !important;
						text-align: left;
						margin: 0 !important;
					}
						 .incontents ul li .shopInfo .address p {
							font-size: 10px !important;
						}
		.swiper-container {
		position: relative;
    width: 93.75%;
		height: 150px;
}
	.swiper-container .swiper-wrapper {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	figure.snip1132 figcaption {
  position: absolute;
	bottom: 20px;
}
	
	#bnr-slides ul li figcaption .heading h3 {
		width: 90%;
		margin: 0 5%;
}
	
	.fermeSub #sec_01 .contents {
		padding: 0 0 40px;
	}
	
	.fermeSub #sec_01 .contents .inner {
		padding: 30px 3.125%;
		background-color: #fff;
		box-sizing: border-box;
	}

	.fermeSub #sec_01 .contents .inner .pageTitle {
		margin: 0 0 30px;
		padding: 0;
		font-size: 18px;
		letter-spacing: 0;
		line-height: 18px;
	}
	
		#recProduct {
		font-size: 0;
		display: inherit;
		}

	#recProduct li {
		position: relative;
		display: inline-block;
		padding: 0;
		margin: 0 0 20px auto;
		font-size: 13px;
		text-align: center;
		width: 48%;
		vertical-align: top;
	}
	
	#recProduct li:nth-child(odd) {
		margin-right: 2%;
	}

	#recProduct li figure img {
		width: 100%;
		height: auto;
	}

	#recProduct li figure figcaption {
		display: block;
		padding-top: 7px;
		width: 100%;
	}

	#recProduct li:last-child {
		padding: 0;
	}

	#recProduct li img {
		border-radius: 5px;
	}

	#recProduct li figcaption h3 {
		text-align: center;
	}

	.fermeSub #sec_01 .contents .inner .link {
		margin: 0px auto 0 auto;
		text-align: center;
		width: 100%;
		border: none !important;
	}

	.fermeSub  #sec_01 .contents .inner .link a {
		display: block;
		text-decoration: none;
		color: #000;
		font-size: 14px;
		padding: 15px 0;
		text-align: center;
		border: 1px #000 solid;
	}

		.fermeSub #sec_01 .contents .inner .link a:hover {
			color: #333;
		}
	
	#terrShop .contents {
		padding-top: 0;
	}
	
	#terrShop .contents .inner {
		margin: 0 auto;
		width: 93.75%;
}

	#terrShop .contents .inner .pageTitle {
		padding-top: 0;
		margin-bottom: 20px;
		font-size: 18px;
		line-height: 18px;
	}
	
	#terrShop .flx .lft {
		float: none;
		width: 100%;
}

	#terrShop .flx .rt {
		float: none;
		width: 100%;
		text-align: left;
}

	#terrShop .flx .rt h3 {
		margin: 20px 0;
		font-size: 15px;
	}

	#terrShop .flx .rt p {
		font-size: 13px;
	}

	#terrShop .incontents {
		margin: 30px auto 0 auto;
		overflow: hidden;
		width: 93.75%;
	}

	#terrShop .incontents .shopLg {
		margin: 0 auto 15px auto;
		width: 67px;
		height: auto;
	}

	#terrShop .incontents ul {
		font-size: 0;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#terrShop .incontents ul li {
		display: block;
		margin: 0 0 30px 0;
		width: 100%;
	}

	#terrShop .incontents ul li {
		margin: 0 0 30px 0;
		width: auto;
	}

	#terrShop .incontents ul li:last-child {
		margin: 0;
	}
	
	#terrShop .incontents ul li figure img {
		width: 123px;
		height: auto;
	}

	#terrShop .incontents ul li figcaption {
		padding-top: 10px;
		font-size: 14px;
		font-weight: 700;
	}

	#terrShop .incontents ul li .address {
		padding-top: 15px;
		font-size: 13px;
	}

	.pattise #insta  h2 {
		height: 90px;
	}

	.pattise #insta  h2 .insta {
		top: 25px;
	}
	
	.pattise #insta  h2 .insta img {
		width: auto;
		height: 30.5px;
	}

.pattisLogo01 {
	position: absolute;
	top: 20px;
	left: 3.125%;
	width: 35px;
	height: auto;
}

.pattisLogo02 {
	position: absolute;
	top: 20px;
	left: auto;
	right: 3.125%;
	width: 35px;
	height: auto;
}
		

}/*--sp--*/


/*-- ////////////////////////////////////////////
////
////  terrasaison 
////
/////////////////////////////////////////////--*/

/*--common---*/

.terrasaison #mainVisuial .inner .logo {
	position: absolute;
	display: inline-block;
	width: 202px;
	height: 213px;
	margin: auto;
	top: 0;
	right: auto;
	bottom: 0;
	left: 60px;
}

.terrasaison #mainVisuial .inner .news {
	position: absolute;
	left: auto;
	right: 30px;
}

.terrasaison #bnr-slides .inner .link {
	margin: 50px auto 0 auto;
	border: 1px #000 solid;
	text-align: center;
	width: 307px;
	}

.terrasaison #bnr-slides .inner .link a {
		display: block;
	text-decoration: none;
	color: #000;
	font-size: 18px;
	padding: 15px 0;
	text-align: center;
	}

.terrasaison #bnr-slides .inner .link a:hover {
		color: #333;
	}

.terrasaison .contents .inner .pageTitle {
	margin-bottom: 45px;
	padding-top: 20px;
	font-size: 16px;
	line-height: 23px;
}

.terrasaison #terrShop {
	padding-top: 60px;
}

.terrasaison #terrShop .contents {
	margin: 0 auto;
	width: 1044px;
	position: relative;
}

.terrasaison #terrShop .incontents ul li {
	display: inline-block;
	margin-right: 65px;
	width: 245px;
}

.terrasaison #terrShop .incontents ul li:last-child {
	margin-right: 0;
}

.terrasaison #terrShop .incontents .images {
	position: absolute;
	right: 40px;
	bottom: 60px;
}


.terrasaison #bnr-slides {
	background: #fff url(../terrasaison/bg-terrasaison.png) no-repeat right 60px;
}


.terrasaison #terrShop {
	background: url(../terrasaison/bg-terrasaison.png) no-repeat right -360px;
}
/*---sp----------------------*/
@media only screen and (max-width:640px) {
	.terrasaison #mainVisuial .inner .logo {
		position: absolute;
		display: inline-block;
		width: 92.5px;
		height: 97px;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	#bnr-slides .inner .link {
		margin: 30px auto 0 auto;
		width: 100%;
		}

	#bnr-slides .inner .link a {
		display: block;
		font-size: 15px;
		padding: 15px 0;
		}

	.terrasaison .contents .inner .pageTitle {
		margin-bottom: 30px;
		padding-top: 0;
		font-size: 18px;
		line-height: 18px;
	}
	
	.terrasaison #terrShop {
		padding-top: 40px;
	}

	.terrasaison #terrShop .contents {
		margin: 0 auto;
		width: 100%;
		position: relative;
}
.terrasaison #mainVisuial .contents .inner .news {
	position: relative !important;
	left: 0;
	right: 0;
	display: block !important;
}
	.terrasaison #terrShop .incontents ul li {
		display: block;
		margin-right: 0;
		width: auto;
	}


.terrasaison #bnr-slides {
	background-image: none;
	-webkit-background-size: auto 175px auto;
	background-size: auto 175px auto;
}


.terrasaison #terrShop {
	background: url(../terrasaison/bg-terrasaison.png) no-repeat right 10px;
	-webkit-background-size: 175px auto;
	background-size: auto 175px auto;
}
}


/*-- ////////////////////////////////////////////
////
////  boulangerie 
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
.boulangerie #mainVisuial .inner .logo {
	position: absolute;
	display: inline-block;
	width: 253px;
	height: 199px;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.boulangerie #terrShop .contents .inner .pageTitle {
	padding-top: 5px;
}

.boulangerie #terrShop .contents .inner {
	width: 880px;
}

.boulangerie #terrShop .flx .lft {
	width: 424px;
}

.boulangerie #terrShop .flx .rt {
	width: calc(880px - 494px);
}

.boulangerie #terrShop .incontents {
	width: 100%;
}

.boulangerie #terrShop .incontents ul li {
	width: 245px;
	margin-right: 10px;
}

.boulangerie #terrShop .incontents ul li:last-child {
	margin-right: 0;
}

.boulangerie #terrShop .incontents figcaption {
	font-size: 17px;
}

.boulangerie #terrShop .incontents ul li:nth-child(4) figcaption {
	font-size: 15px;
}

.boulangerie #terrShop .contents {
	padding: 0 0 80px;
}

}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
	.boulangerie #mainVisuial .inner .logo {
		position: absolute;
		display: inline-block;
		width: 126.5px;
		height: 99.5px;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.boulangerie #terrShop .contents .inner .pageTitle {
		padding-top: 0px;
}	

	.boulangerie #terrShop .contents .inner {
		width: 93.75%;
	}

	.boulangerie #terrShop .flx .lft {
		width: 100%;
	}

	.boulangerie #terrShop .flx .rt {
		width: 100%;
	}

	.boulangerie #terrShop .incontents {
		width: 93.75%;
	}

	.boulangerie #terrShop .incontents ul li {
		width: auto;
		margin-right: 0;
	}

	.boulangerie #terrShop .incontents figcaption {
		font-size: 14px;
	}

	.boulangerie #terrShop .incontents ul li:nth-child(4) figcaption {
		font-size: 14px;
	}

	.boulangerie #terrShop .contents {
		padding: 0 0 40px;
	}

}/*--sp--*/


/*-- ////////////////////////////////////////////
////
////  maison 
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
.maison #mainVisuial .inner .logo {
	position: absolute;
	display: inline-block;
	width: 186px;
	height: 347px;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.maison #terrShop .contents .inner .pageTitle {
	padding-top: 5px;
}

.maison #mainVisuial .inner ul {
	position: absolute;
	margin-bottom: 20px;
	right: 0;
	bottom: 0;
	top: auto;
	list-style: none;
	font-size: 0;
}

.maison #mainVisuial .inner ul li {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
}

.maison #mainVisuial .inner ul li:last-child {
	margin: 0;
}

.maison #mainVisuial .inner ul li a {
	padding: 13px 0;
	display: block;
	color: #fff;
	background-color: rgba(255,255,255,0.4);
	text-decoration: none;
	font-weight: 500;
	height: 50px;
	width: 185px;
	text-align: center;
	box-sizing: border-box;
	transition: all 0.5s 0s linear;
}

.maison #mainVisuial .inner ul li a:hover {
	background-color: rgba(255,255,255,0.6);
	
}

.maison #mainVisuial .inner ul li:last-child a {
	padding: 3px 0 3px 25px;
	background-image: url(../maison/ico-fb.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
	.maison #bnr-slides .link {
		margin: 20px auto 0 auto;
		text-align: center;
		width: 100%;
		border: none !important;
	}

	.maison #bnr-slides .link a {
		display: block;
		text-decoration: none;
		color: #000;
		font-size: 14px;
		padding: 15px 0;
		text-align: center;
		border: 1px #000 solid;
		width: 250px;
		margin: auto;
	}

		.maison #bnr-slides .link a:hover {
			color: #333;
		}
	
.maison #insta {
	margin-top: 25px;
}

.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.maison #terrShop .contents {
	padding-bottom: 0;
}

.maison #terrShop .contents .inner {
	width: 1090px;
	position: relative;
}

.maison #terrShop .contents .inner .images {
	position: absolute;
	right: 0;
	top: 85px;
}

.maison #terrShop .contents .inner .pageTitle {
	padding-top: 45px;
	margin-bottom: 35px;
	font-size: 23px;
}

.maison #terrShop .contents .inner .lead {
	font-size: 20px;
	font-weight: 700;
}

.maison #terrShop .contents .inner .text {
line-height: 1.7;	
}

.maison #terrShop .flx {
	margin-top: 50px;
}

.maison #terrShop .flx .lft {
	width: 530px;
	height: 530px;
}

.maison #terrShop .flx .rt {
	width: 520px;
}

.maison #terrShop .flx .rt h3 {
	font-size: 23px;
	margin-bottom: 15px;
}

.maison #terrShop .flx .rt p:nth-child(2) {
	font-size: 17px;
}

.maison #terrShop .flx .rt p:nth-child(3) {
	font-size: 21px;
	margin-bottom: 20px;
}

.maison #terrShop .flx .rt p:nth-child(4) {
	font-size: 17px;
	margin-bottom: 15px;
}

.maison #terrShop .flx .rt h4 {
	font-size: 17px;
	margin-bottom: 0;
}

.maison #terrShop .flx .rt .em {
	font-weight: 700;
}

.maison #terrShop .flx .rt .red {
	color: #e60020;
}

.maison #terrShop .flx .rt {
	font-size: 0;
}

.maison #terrShop .flx .rt dl {
	display: inline-block;
	width: 48%;
	font-size: 17px;
	vertical-align: top;
}

.maison #terrShop .flx .rt dl:nth-child(2) {
	width: 50%;
}
.maison #terrShop .flx .rt dl:nth-child(3) {
	width: 100%;
}

.maison #terrShop .flx .rt dl dt {
	font-weight: 700;
}

.maison #terrShop .flx .rt dl dt:before{
	content: "▼";
	color: #e60020;
	font-size: 20px;
	padding-right: 3px;
}

.maison #terrShop .flx .rt dl dd {
	margin-bottom: 20px;
}

.maison #terrShop .flx .rt dl dd .sml {
	font-size: 12px;
}

}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
	.maison #mainVisuial{
		margin-top: 40px;
		position: relative;
		margin-bottom: 120px;
		width: 100vw;
		height: 100vw;
	}
	.maison #mainVisuial .inner {
		width: 100vw;
		height: 100vw;
		position: relative;
	}	
	.maison #mainVisuial .inner .logo {
		width: 200px;
		height: 200px;
		text-align: center;
		margin: auto;
		top: calc(50% - 60px);
		right: calc(50% - 100px);
		position: absolute;
		margin: 0 !important;
		
	}
	.maison #mainVisuial .inner .logo img {
		width: 70px !important ;
		height: auto;
	}

	.maison #mainVisuial .inner ul {
		overflow: hidden;
		position: absolute !important;
		left: 0;
		top: calc(100% + 5px);
		list-style: none;
		font-size: 0;
		text-align: center;
		display: inline-block;
}

	.maison #mainVisuial .inner ul li {
		font-size: 14px;
		display: inline-block;
		width: calc(50% - 8px);
		margin: 2px;
	}
	
	.maison #mainVisuial .inner ul li a {
		padding: 10px;
		display: block !important;
		text-align: center;
		background: #fff;
		text-decoration: none;
		color: #333 !important;
		width: calc(100% - 20px);
	}
	.maison #mainVisuial .inner ul li:last-child{
		width: calc(100% - 12px);
		
	}
	.maison #mainVisuial .inner ul li:last-child a {
		background-image: url(../maison/ico-fb.png);
		background-repeat: no-repeat;
		background-position: 5px center;
		-webkit-background-size: 22.5px auto;
		background-size: 22.5px auto;
	}
	.maison #bnr-slides .link {
		margin: 20px 10px 0 10px;
		text-align: center;
		width: calc(100% - 20px);
		border: none !important;
	}

	.maison #bnr-slides .link a {
		display: block;
		text-decoration: none;
		color: #000;
		font-size: 14px;
		padding: 15px 0;
		text-align: center;
		border: 1px #000 solid;
	}

		.maison #bnr-slides .link a:hover {
			color: #333;
		}
	.maison #terrShop .contents .inner .pageTitle {
		padding-top: 5px;
	}
	
	.maison #insta {
		margin-top: 25px;
	}

	.gmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}

	.maison #terrShop .contents .inner {
		width: 93.75%;
		position: relative;
	}

	.maison #terrShop .contents .inner .images {
		display: none;
		position: absolute;
		right: 0;
		top: 85px;
	}

	.maison #terrShop .contents .inner .pageTitle {
		padding-top: 40px;
		margin-bottom: 20px;
		font-size: 18px;
	}

	.maison #terrShop .contents .inner .lead {
		font-size: 15px;
		font-weight: 700;
	}

	.maison #terrShop .contents .inner .text {
		line-height: 1.7;	
	}

	.maison #terrShop .flx {
		margin-top: 30px;
	}

	.maison #terrShop .flx .lft {
		float: none;
		width: 100%;
		height: 200px;
	}

	.maison #terrShop .flx .rt {
		padding-top: 25px;
		float: none;
		width: 100%;
}

	.maison #terrShop .flx .rt h3 {
		font-size: 18px;
		margin-bottom: 10px;
		font-weight: 300;
		text-align: center;
}

	.maison #terrShop .flx .rt p:nth-child(2) {
		font-size: 15px;
	}

	.maison #terrShop .flx .rt p:nth-child(3) {
		font-size: 15px;
		margin-bottom: 20px;
}

	.maison #terrShop .flx .rt p:nth-child(4) {
		font-size: 15px;
		margin-bottom: 15px;
	}

	.maison #terrShop .flx .rt h4 {
		font-size: 15px;
		margin-bottom: 0;
	}

	.maison #terrShop .flx .rt .em {
		font-weight: 700;
	}

	.maison #terrShop .flx .rt .red {
		color: #e60020;
	}

	.maison #terrShop .flx .rt {
		font-size: 0;
	}

	.maison #terrShop .flx .rt dl {
		display: block;
		width: 100%;
		font-size: 13px;
		vertical-align: top;
	}

	.maison #terrShop .flx .rt dl:nth-child(2) {
		width: 100%;
	}

	.maison #terrShop .flx .rt dl dt {
		font-weight: 700;
	}

	.maison #terrShop .flx .rt dl dt:before{
		content: "▼";
		color: #e60020;
		font-size: 14px;
		padding-right: 3px;
	}

	.maison #terrShop .flx .rt dl dd {
		margin-bottom: 15px;
		padding-left: 20px;
	}

	.maison #terrShop .flx .rt dl dd .sml {
		font-size: 12px;
	}
	

}/*--sp--*/




/*-- ////////////////////////////////////////////
////
////  maison menu.html  
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
.fermeMenu #mainVisuial {
	height: auto;
	margin-top: 86px;
}

.fermeMenu #mainVisuial .inner {
	padding: 35px 0;
	height: auto;
	width: 1044px;
	position: relative;
}
.fermeMenu #mainVisuial .inner .images01 {
	position: absolute;
	left: 0;
	top: 10px;
}

.fermeMenu #mainVisuial .inner .images02 {
	position: absolute;
	top: 30px;
	right: 60px;
	width: 28.5px;
	height: auto;
}

.fermeMenu #mainVisuial .inner .images03 {
	position: absolute;
	top: 30px;
	right: 20px;
	width: 28.5px;
	height: auto;
}

.fermeMenu #mainVisuial .inner .pageTitle {
	padding: 0;
	line-height: 35px;
	font-size: 35px;
	color: #b2cb37;
	font-weight: 500;
}

.fermeMenu #sec_01 {
	padding-top: 45px;
}

.fermeMenu #sec_01 .inner {
	width: 1044px;
	padding: 35px 75px;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
}

.fermeMenu #sec_01 .pageTitle {
	padding-top: 0;
	line-height: 18px;
	font-size: 18px;
	margin-bottom: 35px;
	font-weight: 600;
}

.fermeMenu #sec_01 #recProduct li img {
	border-radius: 0;
}

.fermeMenu #sec_01 #recProduct li figcaption h3 {
	font-size: 14px;
	text-align: left !important;
}

.fermeMenu #sec_01 #recProduct li figure figcaption {
	padding-top: 10px;
}

.fermeMenu #sec_01 #recProduct li figure img, 
.fermeMenu #sec_01 #recProduct li figure figcaption {
	width: 183px;
}

#menuList {
	padding-top: 25px;
}

#menuList .inner {
	background-color: #fff;
	width: 1044px;
	padding: 45px 0 0;
}

#menuList .subMenu ul {
	margin-bottom: 45px;
	font-size: 0;
}

#menuList .subMenu ul li {
	margin-right: 25px;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
}

#menuList .subMenu ul li:last-child {
	margin-right: 0;
}

#menuList .subMenu ul li a {
	color: #000;
	text-decoration: none;
}

#menuList .subMenu ul li a:before {
	content: "▽ ";
}

#menuList .subMenu ul li a:hover,
#menuList .subMenu ul li a:active {
	text-decoration: underline;
}

#menuList .inner h2 {
	position: relative;
	margin: 0 15px 20px 15px;
	padding: 25px 0;
	font-size: 23px;
	background-color: #efefef;
	font-family: 'Noto Serif Japanese', serif;
	font-weight: 700;
}

#menuList .inner h2 span {
	position: absolute;
	right: 7px;
	bottom: 10px;
	text-align: right;
	font-size: 12px;
	font-weight: 500;
	font-family: 'Noto Sans Japanese', sans-serif;
}

#menuList .inner ul {
	list-style: none;
}

#menuList .inner ul li,
#menuList .inner p,
#menuList .inner h3 {
	text-align: left;
	font-weight: normal;
	font-size: 14px;
}

#menuList .inner h3 {
	margin-bottom: 10px;
	color: #e60012;

}

#menuList .inner h3 span {
	text-decoration: underline;
}

#menuList .inner .incontents {
	padding-left: 240px;
}

#menuList .inner .description {
	margin-bottom: 45px;
	text-align: left;
	font-size: 12px;
	font-family: 'Noto Serif Japanese', serif;
}

#menuList .inner #lunch .menuDetail:last-child,
#menuList .inner #dinner .menuDetail:last-child,
#menuList .inner #party .menuDetail:last-child,
#menuList .inner #drink .menuDetail:last-child {
	margin-bottom: 0;
}

#menuList .inner p {
	line-height: 2;
}

#menuList .inner li.list h3:before,
#menuList .inner p.list:before {
	content: "・ ";
}

#menuList .inner .annotation:before {
	content: "※ ";
}

#menuList .inner .menuDetail {
	margin-bottom: 45px;
}

#menuList #lunch {
	padding-bottom: 0;
}

#menuList #lunch .annotation {
	padding-top: 5px;
}

#menuList #dinner p.annotation {
	padding-top: 30px;
}

#menuList #dinner p.annotation:last-child {
	padding-top: 0;
}

#menuList .course {
	text-align: center;
	font-size: 21px;
	font-weight: 700;
	font-family: 'Noto Serif Japanese', serif;
	color: #e60012;
}

#menuList .subtitle {
	position: relative;
	margin: 0 auto 30px auto;
	text-align: center;
	width: 860px;
	font-size: 21px;
	font-family: 'Noto Serif Japanese', serif;
	font-weight: 700;
	color: #e60012;
}

#menuList .subtitle:before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e60012;
}

#menuList .subtitle img,
#menuList .subtitle span {
	position: relative;
	display: inline-block;
  z-index: 2;
  margin: 0 20px;
  padding: 0 15px;
  background-color: #fff;
  text-align: left;
}

#menuList .inner .first {
	color: #88b11e;
	font-family: 'Noto Serif Japanese', serif;
	font-size: 17px;
	font-weight: 600;
}

#menuList .inner .red {
	color: #e60012;
	font-weight: 500;
}

#menuList .inner #drink .annotation {
	padding-top: 30px;
}

#menuList .inner #drink .menuDetail:last-child {
	padding-bottom: 60px;
}

#menuList .inner .incontents .menuDetail:last-of-type {
	padding-bottom: 80px;
	margin-bottom: 0;
}

.fermeMenu .back {
	padding: 60px 0 0 0;
	text-align: center;
	font-size: 17px;
}

.fermeMenu .back a {
	font-size: 17px;
	color: #000;
	text-decoration: none;
}

.fermeMenu .back a:hover {
	color: #333;
}

}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
	.fermeMenu #mainVisuial {
		margin: 60px 0 0 0 ;
		height: 78px;
	}
	.fermeMenu #mainVisuial .inner {
		position: relative !important;
		padding: 30px 0;
		height: auto;
		width: 100%;
		margin: 0;
	}
	.fermeMenu #mainVisuial .inner .pageTitle {
		line-height: 18px;
		font-size: 18px;
		margin: 0;
		padding: 0;
	}
	.fermeMenu #mainVisuial .inner .images01 {
		position: absolute;
		left: 15px;
		top: 12px;
		width: 25px;
		height: auto;
	}

	.fermeMenu #mainVisuial .inner .images02 {
		position: absolute;
		top: 25px;
		right: 40px;
		width: 28.5px;
		height: auto;
	}

	.fermeMenu #mainVisuial .inner .images03 {
		position: absolute;
		top: 25px;
		right: 15px;
		width: 28.5px;
		height: auto;
	}

	.fermeMenu #sec_01 {
		padding-top: 30px;
	}

	.fermeMenu #sec_01 .inner {
		width: 93.75%;
		padding: 25px 3.125%;
		text-align: center;
		box-sizing: border-box;
	}

	.fermeMenu #sec_01 .pageTitle {
		padding-top: 0;
		line-height: 15px;
		font-size: 15px;
		margin-bottom: 25px;
		font-weight: 600;
	}

	.fermeMenu #sec_01 #recProduct li figure img, 
	.fermeMenu #sec_01 #recProduct li figure figcaption {
		width: 100%;
	}

	#menuList {
		padding-top: 25px;
	}

	#menuList .inner {
		background-color: #fff;
		width: 93.75%;
		padding: 15px 3.125% 0 3.125%;
		box-sizing: border-box;
	}

	#menuList .subMenu ul {
		font-size: 0;
		display: inline-block;
		margin: 0 0 10px 0 ;
		text-align: center;
	}

	#menuList .subMenu ul li {
		text-align: center;
		display: inline-block;
		width: 48%;
		font-size: 14px;
		font-weight: 500;
		margin-bottom: 0px;
	}

	#menuList .subMenu ul li a {
		display: block;
		text-align: center;
		color: #000;
		text-decoration: none;
		padding: 5px 0;
	}

	#menuList .subMenu ul li a:before {
		content: "▽ ";
	}

	#menuList .subMenu ul li a:hover,
	#menuList .subMenu ul li a:active {
		text-decoration: underline;
	}

	#menuList .inner h2 {
		position: relative;
		margin: 0 0 20px 0;
		padding: 20px 0;
		font-size: 18px;
		background-color: #efefef;
		font-family: 'Noto Serif Japanese', serif;
		font-weight: 700;
	}

	#menuList .inner h2 span {
		position: absolute;
		right: 7px;
		bottom: 10px;
		text-align: right;
		font-size: 12px;
		font-weight: 500;
		font-family: 'Noto Sans Japanese', sans-serif;
	}

	#menuList .inner ul {
		list-style: none;
	}

	#menuList .inner ul li,
	#menuList .inner p,
	#menuList .inner h3 {
		text-align: left;
		font-weight: normal;
		font-size: 14px;
	}

	#menuList .inner h3 {
		margin-bottom: 10px;
		color: #e60012;

	}

	#menuList .inner h3 span {
		text-decoration: underline;
	}

	#menuList .inner .incontents {
		padding-left: 0;
	}

	#menuList .inner .description {
		margin-bottom: 30px;
		text-align: left;
		font-size: 12px;
		font-family: 'Noto Serif Japanese', serif;
	}

	#menuList .inner #lunch .menuDetail:last-child,
	#menuList .inner #dinner .menuDetail:last-child,
	#menuList .inner #party .menuDetail:last-child,
	#menuList .inner #drink .menuDetail:last-child {
		margin-bottom: 0;
	}

	#menuList .inner .menuDetail {
		margin-bottom: 30px;
	}

	#menuList #lunch {
		padding-bottom: 0;
	}

	#menuList #lunch .annotation {
		padding-top: 5px;
	}

	#menuList #dinner p.annotation {
		padding-top: 20px;
	}

	#menuList #dinner p.annotation:last-child {
		padding-top: 0;
	}

	#menuList .course {
		text-align: center;
		font-size: 17px;
		font-weight: 700;
		font-family: 'Noto Serif Japanese', serif;
		color: #e60012;
	}

	#menuList .subtitle {
		position: relative;
		margin: 0 auto 20px auto;
		text-align: center;
		width: 100%;
		font-size: 17px;
		font-family: 'Noto Serif Japanese', serif;
		font-weight: 700;
		color: #e60012;
	}

	#menuList .subtitle:before {
		position: absolute;
		top: 50%;
		z-index: 1;
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background-color: #e60012;
	}

	#menuList .subtitle img,
	#menuList .subtitle span {
		position: relative;
		display: inline-block;
		z-index: 2;
		margin: 0 20px;
		padding: 0 15px;
		background-color: #fff;
		text-align: left;
	}

	#menuList .inner .first {
		color: #88b11e;
		font-family: 'Noto Serif Japanese', serif;
		font-size: 15px;
		font-weight: 600;
	}


	#menuList .inner #drink .annotation {
		padding-top: 20px;
	}

	#menuList .inner #drink .menuDetail:last-child {
		padding-bottom: 40px;
	}

	#menuList .inner .incontents .menuDetail:last-of-type {
		padding-bottom: 40px;
		margin-bottom: 0;
	}

	.fermeMenu .back {
		padding: 40px 0 0 0;
		text-align: center;
		font-size: 15px;
	}

	.fermeMenu .back a {
		font-size: 15px;
		color: #000;
		text-decoration: none;
	}


}/*--sp--*/



/*-- ////////////////////////////////////////////
////
////    conceptWrap
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
.conceptWrap #mainVisuial .inner {
	width: 1044px;
}

.conceptWrap #mainVisuial .inner .logo {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 232px;
	height: 54px;
}

.conceptWrap #mainVisuial .inner .logo img {
	width: 232px;
	height: 54px;	
}

.conceptWrap .contents {
	padding: 50px 0 0;
	z-index: 1;
}

.conceptWrap .contents .inner {
	position: relative;
	padding: 65px 70px 40px 70px;
	background-color: #fff;
	text-align: left;
	box-sizing: border-box;
	z-index: 2;
}

.conceptWrap .contents .inner p,
.conceptWrap .contents .inner ul li {
	font-size: 17px;
	line-height: 2.5;
}

.conceptWrap .contents .inner .images {
	position: absolute;
	right: 60px;
	top: 70px;
}

.conceptWrap .contents .inner ul li {
	list-style-position: inside;
}

.conceptWrap .contents .inner p {
	margin-bottom: 70px;
}

.conceptWrap .contents .inner .pageTitle {
	margin: 40px 0 50px;
	color: #b2cb37;
	font-size: 23px;
	font-weight: 700;
	line-height: 23px;
	letter-spacing: 0;
}

.conceptWrap .contents .inner .logo {
	margin: 90px 0 0;
	text-align: center;
}

.conceptWrap .contents .inner .logo img {
	position: relative;
	width: 168.5px;
	height: auto;
}


.conceptWrap .contents .bg {
	position: relative;
	top: -100px;
	margin-bottom: -100px;
	z-index: 10;
	line-height: 0;
}

}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
	.conceptWrap #mainVisuial {
		height: 300px !important;
		margin-top: 60px !important;
		width: 100vw;
	}
	.conceptWrap #mainVisuial .inner {
		height: 300px !important;
		width: 100vw;
		position: relative;
	}
	
	.conceptWrap #mainVisuial .inner .logo {
		width: 232px;
		height: 54px;
		margin: auto;
		top: calc(50% - 54px);
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
	}
	.conceptWrap .contents {
		padding: 15px 0 0;
		z-index: 1;	
	}
	
	.conceptWrap .contents .inner {
		position: relative;
		padding: 30px 10px 10px 10px;
		background-color: #fff;
		text-align: left;
		box-sizing: border-box;
		z-index: 2;
	}

	.conceptWrap .contents .inner p,
	.conceptWrap .contents .inner ul li {
		font-size: 14px;
		line-height: 2;
		list-style: none;
	}

	.conceptWrap .contents .inner .images {
		margin: 0 auto 33px auto;
		position: inherit;
		display: block;
		right: auto;
		top: auto;
		width: 87px;
		height: auto;
		text-align: center;
	}

	.conceptWrap .contents .inner ul li {
		list-style-position: inside;
	}

	.conceptWrap .contents .inner p {
		margin-bottom: 30px;
	}

	.conceptWrap .contents .inner .pageTitle {
		margin: 50px 0 25px;
		color: #b2cb37;
		font-size: 16px;
		font-weight: 700;
		line-height: 18px;
		letter-spacing: 0;
	}

	.conceptWrap .contents .inner .logo {
		margin: 0 0 0;
		text-align: center;
	}

	.conceptWrap .contents .inner .logo img {
		position: relative;
		width: 168.5px;
		height: auto;
	}

	.conceptWrap .contents .bg {
		top: -40px;
		height: auto;
		position: relative;
		margin: 0 auto -40px auto;
		z-index: 10;
		line-height: 0;
	}

}/*--sp--*/


/*-- ////////////////////////////////////////////
////
////   artisan 
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
.artisanWrap #mainVisuial {
	height: auto;
	background-size: 100% auto;
}

.artisanWrap #mainVisuial .inner {
	padding: 35px 0;
	height: auto;
}

.artisanWrap #mainVisuial .inner .pageTitle {
	padding: 0;
	line-height: 24px;
	font-size: 24px;
}

.artisanWrap .contents {
	padding-top: 30px;
}

.artisanWrap  .contents .swiper-container {
    height: 160px;
	visibility: visible;
}

.artisanWrap #bnr-slides {
	background: transparent;
	padding: 0;
	margin: 0;
}
.artisanWrap #bnr-slides ul {
	display: inline-block;
}
.artisanWrap #bnr-slides ul li {
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
.artisanWrap #bnr-slides ul li figure {
}
.artisanWrap #bnr-slides ul li figure,
.artisanWrap #bnr-slides ul li figcaption {
	width: 100%;
}
	.artisanWrap #bnr-slides ul li figcaption {
		position: relative;
		vertical-align: top;
		width: 100%;
	}
.artisanWrap #bnr-slides ul li figure img {
	display: block;
	margin: 0 auto;
	border-radius: 50%;
	width: 90px;
	height: 90px;
  opacity: 0.7;
}


#bnr-slides ul li figcaption dl dt {
		position: relative;
	text-shadow: none; 
	font-size: 11px;
	color: #000;
	text-align: center;
	width: 100%;
	font-weight: 300;
	line-height: 1.3;
}

#bnr-slides ul li figcaption dl dd {
		position: relative;
	color: #000;
	text-align: center;
	font-size: 11px;
	width: 100%;
	line-height: 1.3;
	font-weight: 300;
}

.artisanWrap #bnr-slides ul li figure:hover img,
.artisanWrap #bnr-slides ul li figure.hover img,
.artisanWrap #recProduct li figure:hover img {
  opacity: 1.0;
  -webkit-transform: scale(1);
  transform: scale(1);
}


.artisanWrap #bnr-slides .swiper-button-white {
	top: 45px;
}


.artisanWrap .inner .flx {
	overflow: hidden;
	margin-top: 80px;
	text-align: left;
	margin-bottom: 80px;
}
.artisanWrap .inner .flx::after {
	content: "";
	display: block;
	float: none;
	clear: both;
}

.artisanWrap .inner .flx .lft	{
	float: left;
}

.artisanWrap .inner .flx .rt	{
	float: right;
}

.artisanWrap .inner .flx .photo {
	width: 500px;
}
	.artisanWrap .inner .flx .photo img {
		height: 350px;
	}

.artisanWrap .inner .flx .txt {
	width: 525px;
}

.artisanWrap .inner .flx .txt h3 {
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 700;
}

.artisanWrap .inner .flx .txt p {
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 2;
}

.artisanWrap .inner .flx .txt p:last-child {
	margin-bottom: 0;
}

.artisanWrap .inner .column1 .txt {
	width: 500px;
	position: relative;
	height: 350px;
	padding: 0 ;
	box-sizing: border-box;
	background: #fff;
}

.artisanWrap .inner .column1 .txt h3 {
	font-size: 20px;
	position: absolute;
	top: 45px; 
	left: 30px;
}

.artisanWrap .inner .column1 .txt .chef {
	font-size: 35px;
	position: absolute;
	top: 125px; 
	left: 30px;
}

.artisanWrap .inner .column1 .txt .chef .en {
	padding-left: 30px;
	font-size: 18px;
}

.artisanWrap .inner .column1 .txt .text {
	font-size: 18px;
	position: absolute;
	bottom: 25px; 
	left: 30px;
}

.artisanWrap .artisan_blogbody .inner  h3 {
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 700;
}

.artisanWrap .artisan_blogbody  .inner p {
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 2;
}

.artisanWrap .artisan_blogbody .inner h3 {
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 700;
}
}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
	.artisanWrap #mainVisuial {
		height: auto;
		margin-top: 60px;
	}

	.artisanWrap #mainVisuial .inner {
		padding: 30px 0;
		height: auto;
	}

	.artisanWrap #mainVisuial .inner .pageTitle {
		line-height: 18px;
		font-size: 18px;
		text-align: center;
		margin: 0;
		padding: 0;
	}

	.artisanWrap .contents {
		padding-top: 30px;
	}

	.artisanWrap #bnr-slides {
		background: transparent;
		padding: 0;
		margin: 0px;
	}


.artisanWrap #bnr-slides ul {
	margin: 0px;
	padding: 0px;
}
.artisanWrap #bnr-slides ul li {
	float: left;
	text-align: center;
	vertical-align: top;
	width: 29.5vw !important;
}
.artisanWrap #bnr-slides ul li figure {
}
.artisanWrap #bnr-slides ul li figure,
.artisanWrap #bnr-slides ul li figcaption {
	width: 100%;
}
	.artisanWrap #bnr-slides ul li figcaption {
		position: relative;
		vertical-align: top;
		width: 100%;
	}
.artisanWrap #bnr-slides ul li figure img {
	display: block;
	margin: 0 auto;
	border-radius: 50% !important;
	width: 90px;
	height: 90px;
  opacity: 0.7;
}


.artisanWrap #bnr-slides ul li figcaption dl dt {
		position: relative;
	text-shadow: none; 
	font-size: 11px;
	color: #000;
	text-align: center;
	width: 100%;
	font-weight: 300;
	line-height: 1.3;
	padding-top: 5px;
}

.artisanWrap #bnr-slides ul li figcaption dl dd {
		position: relative;
	color: #000;
	text-align: center;
	font-size: 11px;
	width: 100%;
	line-height: 1.3;
	font-weight: 300;
}

.artisanWrap #bnr-slides ul li figure:hover img,
.artisanWrap #bnr-slides ul li figure.hover img,
.artisanWrap #recProduct li figure:hover img {
  opacity: 1.0;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.artisanWrap .artisan_blogbody  {
	text-align: left;
	width: calc(100% - 20px);
	padding: 0 10px !important;
}

	.artisanWrap .inner .flx {
		overflow: hidden;
		margin-top: 40px;
		text-align: none;
	}

	.artisanWrap .inner .flx .lft	{
		float: none;
	}

	.artisanWrap .inner .flx .rt	{
		float: none;
	}

	.artisanWrap .inner .flx .photo {
		width: 100%;
	}
		.artisanWrap .inner .flx .photo img {
			width: 70% !important;
			height: auto !important;
		}


	.artisanWrap .inner .column1 .txt {
		width: 100%;
		padding: 20px 3.125%;
		box-sizing: border-box;
		background: #fff;
		margin: 10px 0 30px 0 ;
	}

	.artisanWrap .inner .column1 .txt h3 {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.artisanWrap .inner .column1 .txt .chef {
		margin-bottom: 10px;
		font-size: 18px;
	}

	.artisanWrap .inner .column1 .txt .chef .en {
		padding-left: 20px;
		font-size: 12px;
	}

	.artisanWrap .inner .column1 .txt .text {
		font-size: 13px;
	}
	.artisanWrap .artisan_blogbody  h3 {
		margin-bottom: 20px;
		font-size: 16px;
	}
	.artisanWrap .artisan_blogbody  h3 a {
		float: none !important;
		clear: both !important;
		display: block;

	}

	.artisanWrap .artisan_blogbody  p {
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 2;
		text-align: left !important;
	}
	.artisanWrap .artisan_blogbody img {
		float: none !important;;
		clear: both !important;;
		margin: 10px 0 !important;
		width: 80% !important;
		margin: auto;
	}
	.artisanWrap .artisan_blogbody img::after {
		content: "";
		display: block;
		clear: both !important;
		float: none !important;
	}
	.artisanWrap .artisan_blogbody a {
	}
	.artisanWrap .artisan_blogbody .inner div {
		float: none !important;;
		clear: both !important;;
		margin: 0 !important;
	}

}/*--sp--*/


/*-- ////////////////////////////////////////////
////
////  village 
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
.villageWrap #mainVisuial {
	height: 0;
	padding: 0;
}

.villageWrap #mainVisuial .inner {
	position: relative;
	height: 0;
	padding: 0;
}

.villageWrap .contents {
	position: inherit;
	padding-top: 80px;
}

.villageWrap .contents .inner {
	position: relative;
	background-color: #fff;
	margin-top: -60px;
}
.villageWrap .contents .village_head {
}
.villageWrap .contents .images01 {
	position: absolute;
	top: 10px;
	left: 100px;
}

.villageWrap .contents .images02 {
	position: absolute;
	top: 30px;
	right: 100px;
}

.villageWrap h2 {
	padding: 50px 0 55px;
	font-size: 29px;
}

.villageWrap h2 span {
	display: block;
	font-size: 19px;
}

.villageWrap .contents #insta {
	background: url(../village/bgInsta.png) repeat center top;
	padding-bottom: 20px;
}
	.villageWrap .contents #insta h2 {
		margin: 0 0 0 0 !important ;
		padding: 30px 0 10px 0  !important;
		height: auto;
	}
	.villageWrap .contents #insta h2 .switch {
		margin: 0 !important ;
	}
	.villageWrap .contents #sb_instagram {
		margin : 0;
		padding : 0;
	}
.villageWrap .contents .vilg {
	padding: 0 0 80px 0;
	box-sizing: border-box;
}

.villageWrap .contents .vilg .flx {
	display: block;
	padding-left: 150px;
}

.villageWrap .contents .vilg .flx:after {
	content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.villageWrap .contents .vilg .flx .lft {
	float: left;
	width: 350px;
	text-align: left;

}

.villageWrap .contents .vilg .flx .lft p {
	font-size: 14px;
	color: #024726;
	font-weight: 600;
	line-height: 1.7;	
}

.villageWrap .contents .vilg .flx .lft p .year {
	font-family: caliban-std, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 50px;
}

.villageWrap .contents .vilg .flx .rt {
	float: right;
	width: 292px;
	margin-right: 150px;
}

.villageWrap .contents .vilg .column1 .lft {
	padding-top: 62px;
}

.villageWrap .contents .vilg .column1 .rt {
	padding-top: 80px;
}

.villageWrap .contents .vilg .column2 .lft {
	padding-top: 43px;
}

.villageWrap .contents .vilg .column2 .rt {
	padding-top: 52px;
}


.villageWrap .contents .vilg .column3 .lft {
	padding-top: 0px;
}

.villageWrap .contents .vilg .big {
	font-size: 23px;
}

.villageWrap .contents .vilg .column2 .rt {
	padding-top: 54px;
}

.villageWrap .contents .vilg .column3 .lft p:first-child {
	margin-bottom: 60px;
}

.villageWrap .contents .vilg .column3 .rt {
	padding-top: 54px;
}

.villageWrap .contents .vilg .column4 .lft {
	padding-top: 60px;
}

.villageWrap .contents .vilg .column4 {
	position: relative;
}

.villageWrap .contents .vilg .column4 .lft p {
	margin-bottom: 50px;
}

.villageWrap .contents .vilg .column4 .lft figure {
	text-align: center;
}

.villageWrap .contents .vilg .column4 .map {
	position: absolute;
	top: -70px;
	right: 50px;
	width: 503px;
	margin-right: 0;
}

.villageWrap .contents .vilg ul {
	margin-top: 20px;
}

.villageWrap .contents .vilg ul li {
	position: relative;
	list-style: none;
	display: inline-block;
	width: 318px;
	padding-bottom: 20px;
}

.villageWrap .contents .vilg ul li a {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.villageWrap .contents .vilg ul li a img {
	position: absolute;
	width: 60px;
	height: 60px;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
}

}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
.villageWrap #mainVisuial {
	height: 80px;
	margin-top: 60px;
	}
	.villageWrap .contents {
		position: absolute;
	}
.villageWrap #mainVisuial .inner {
	position: relative;
	height: 60px;
	padding: 0;
}

.villageWrap .contents {
	position: relative;
}

.villageWrap .contents .village_head {
	position: absolute;
	top: -60px;
}
	.villageWrap .contents .village_head .images01 {
		position: absolute;
		top: -18px;
		left: -5px;
		width: 85px;
		height: auto;
	}

	.villageWrap .contents .village_head .images02 {
		position: absolute;
		top: -7px;
		right: -18px;
		width: 85px;
		height: auto;
	}

	.villageWrap .village_head h2 {
		position: absolute;
		top: -3px;
		width: 200px;
		left: calc(50% - 100px);
		margin: 0;
		font-size: 16px;
	}
		.villageWrap .village_head h2 span {
			display: block;
			font-size: 12px;
			font-weight: 300;
		}


	.villageWrap .contents #insta {
		background: url(../village/bgInsta.png) repeat center top;
	}

	.villageWrap .contents .vilg {
		padding: 0 0 50px 0;
		box-sizing: border-box;
	}

	.villageWrap .contents .vilg .flx {
		display: block;
		padding-left: 0;
		margin: 0	3.125%;
	}

	.villageWrap .contents .vilg .flx .lft {
		margin-top: 5px;
		float: none;
		width: 100%;
	}
	

	.villageWrap .contents .vilg .flx .rt figure {
		margin: 0 auto;
		width: 146px;
		height: auto;		
	}	


	.villageWrap .contents .vilg .flx .lft p {
		font-size: 13px;
		color: #024726;
		font-weight: 600;
		line-height: 1.7;	
	}

	.villageWrap .contents .vilg .flx .lft p .year {
		font-family: caliban-std, sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 36px;
	}

	.villageWrap .contents .vilg .flx .rt {
		float: none;
		width: 100%;
		margin: 0;
		padding-top: 40px;
	}

	.villageWrap .contents .vilg .column1 .lft,
	.villageWrap .contents .vilg .column2 .lft,
	.villageWrap .contents .vilg .column3 .lft {
		padding-top: 0;
	}

	.villageWrap .contents .vilg .big {
		font-size: 18px;
	}


	.villageWrap .contents .vilg .column3 .lft p:first-child {
		margin-bottom: 20px;
	}


	.villageWrap .contents .vilg .column4 .lft {
		padding-top: 0;
	}

	.villageWrap .contents .vilg .column4 {
		position: relative;
	}

	.villageWrap .contents .vilg .column4 .lft p {
		margin-bottom: 20px;
	}

	.villageWrap .contents .vilg .column4 .lft figure {
		display: none;
		text-align: center;
	}

.villageWrap .contents .vilg .column4 .map {
	position: inherit;
	top: 0;
	right: 0;
	width: 100%;
	margin-right: 0;
	padding-top: 20px;
}
	
	.villageWrap .contents .vilg .column4 .map map {
		display: none;
	}

	.villageWrap .contents .vilg ul {
		margin-top: 20px;
	}

	.villageWrap .contents .vilg ul li {
		margin-top: 40px;
		position: relative;
		list-style: none;
		width: auto;
		padding-bottom: 40px;
	}
	
	.villageWrap .contents .vilg ul li figure {
		margin: 0 auto;
		width: 250px;
		height: auto;
	}

	.villageWrap .contents .vilg ul li a {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.villageWrap .contents .vilg ul li a img {
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		margin: auto;
	}

}/*--sp--*/


/*-- ////////////////////////////////////////////
////
////  magazine 
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
.magWrap #mainVisuial {
	height: auto;
	margin-top: 86px;
}

.magWrap #mainVisuial .inner {
	padding: 35px 0;
	height: auto;
	position: relative;
}

.magWrap #mainVisuial .inner .pageTitle {
	padding: 0;
	line-height: 24px;
	font-size: 24px;
}

.magWrap .contents .inner #subMenu {
	margin-bottom: 40px;
	padding: 40px 0 0;
	text-align: center;
}

.magWrap .contents .inner #subMenu li {
	display: inline-block;
	margin: 0 5px 15px 0;
	width: 155px;
}

.magWrap .contents .inner #subMenu li a {
	display: block;
	padding: 8px 0;
	color: #000;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	border: 1px #b2cb37 solid;
	border-radius: 5px;
}

.magWrap .contents .inner #subMenu li a:hover,
.magWrap .contents .inner #subMenu li a.active {
	background: #b2cb37;
	color: #fff;
}

.entry:after {
	content: "";
	display: block;
	clear: both;
	float: none;
}

.entry {
	margin: 0 auto 35px auto;
	width: 925px;
	padding-bottom: 35px;
	border-bottom: 2px #b2cb37 solid;
}

.entry .thumb {
	float: left;
	width: 340px;
	padding-left: 15px;
}

.entry .rt {
	float: right;
	width: 525px;
	text-align: left;
}

.entry .date,
.entry .tag {
	margin-right: 40px;
	font-size: 12px;
	display: inline-block;
}

.entry .entryTitle {
	margin: 30px 0 20px;
}

.entry .entryTitle a {
	color: #000;
	font-size: 18px;
}

.entry a {
	color: #000;
}

.entry a:hover {
	color: #333;
}

.entry .excerpt p {
	line-height: 1.7;
}

.entry .link a {
	margin: 35px auto 0 auto;
	display: block;
	width: 160px;
	padding: 8px 0;	
	text-align: center;
	border: 1px #000 solid;
}


.magWrap .pageNav {
	padding-top: 45px;
}

.pageNav li {
	list-style: none;
	display: inline-block;
}

.magWrap .pageNav li:first-child {
	margin-right: 60px;
}

.pageNav li a {
	margin: 0 auto;
	display: block;
	width: 155px;
	padding: 8px 0;	
	text-align: center;
	border: 1px #000 solid;	
	color: #000;
}

.pageNav li a:hover {
	color: #333;
}


/* detail.html */

.magWrap #mainVisuial .inner .images {
	position: absolute;
	top: 35px;
	left: 65%;
}

.magWrap #entry {
	margin-top: 80px;
}

.magWrap #entry .date,
.magWrap #entry .entryTitle {
	display: inline-block;
	font-size: 18px;
	font-weight: 800;
}

.magWrap #entry .date {
	margin-right: 25px;
}

.magWrap #entry .flx {
	margin: 0 auto;
	width: 940px;
	box-sizing: border-box;
}

.magWrap #entry .column1 {
	margin-top: 130px;
}

.magWrap #entry .column2 {
	margin-top: 45px;
}

.magWrap #entry .column3 {
	margin-top: 90px;
}


.magWrap #entry .flx .rt.photo {
	padding-right: 15px;
}

.magWrap #entry .flx .lft.photo {
	padding-left: 15px;
}

.magWrap #entry .flx .lft {
	float: left;
}

.magWrap #entry .flx .rt {
	float: right;
}

 .magWrap #entry .flx:after {
	content: "";
	display: block;
	clear: both;
	float: none;
}

.magWrap #entry .flx .photo {
	width: 380px;
}

.magWrap #entry .flx .text {
	width: 500px;
	text-align: left;
	line-height: 1.7;
}

.magWrap #entry .flx .text .lead {
	margin-bottom: 35px;
}

.magWrap #entry .flx .text .lead p {
	font-size: 18px;
	font-weight: 700;
}

.magWrap #entry .flx .text p {
	font-size: 14px;
	line-height: 2;
}

.magWrap #entry .column1 .text {
	position: relative;
	padding-top: 30px;
}

.magWrap #entry .column2 .text {
	position: relative;
	padding-top: 60px;
}

.magWrap #entry .column3 .text {
	position: relative;
	padding-top: 25px;
}

.magWrap #entry .pageNav {
	padding-top: 100px;
}

.magWrap #entry .pageNav ul li {
	display: inline;
	margin-right: 5px;
}

.magWrap #entry .pageNav ul li:after {
	content: "|";
}

.magWrap #entry .pageNav ul li:last-child:after {
	content: "";
}

.magWrap #entry .pageNav ul li a {
	padding-right: 5px;
	display: inherit;
	width: auto;
	border: none;
	font-size: 12px;
}

.magWrap #entry .pageNav ul li a span {
	display: none;
}

.magWrap #entry .pageNav ul li:last-child a {
	padding-right: 0;
}

}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
	.magWrap #mainVisuial {
		height: auto;
		margin-top: 60px;
		position: relative;
	}

	.magWrap #mainVisuial .inner {
		padding: 30px 0;
		height: auto;
	}

	.magWrap #mainVisuial .inner .pageTitle {
		line-height: 18px;
		font-size: 18px;
	}
	.magWrap #mainVisuial .inner .images {
		position: absolute;
		top: 30px !important;
		margin: 0;
		padding: 0;
		right: 0px!important;
		width: 100px;
	}

	.magWrap .contents .inner #subMenu {
		margin-bottom: 50px;
		padding: 20px 0 20px 0 ;
		text-align: center;
		border-bottom: 2px #b2cb37 solid;
	}

	.magWrap .contents .inner #subMenu li {
		display: inline-block;
		margin: 0 0 5px 0;
		width: auto;
	}

	.magWrap .contents .inner #subMenu li a {
		display: block;
		padding: 5px;
		color: #000;
		font-size: 14px;
		font-weight: 500;
		text-decoration: none;
		border: none;
		border-radius: none;
	}

	.magWrap .contents .inner #subMenu li a:hover,
	.magWrap .contents .inner #subMenu li a.active {
		background: transparent;
		color: #b2cb37;
	}

	.entry {
		margin: 0 auto 50px auto;
		width: 100%;
		padding-bottom: 50px;
		border-bottom: 2px #b2cb37 solid;
	}

	.entry .thumb {
		float: none;
		margin: 0 auto 20px auto;
		width: 170px;
		height: auto;
		padding-left: 0;
	}

	.entry .rt {
		float: none;
		width: calc(100% - 20px);
		margin: auto;
	}

	.entry .date {
		margin: 0 0 10px 0 ;
		display: block;
		text-align: center;
		font-size: 14px;
	}
	.entry .tag {
		display: inline-block;
		text-align: center;
		margin: 0 0 5px 0 ;
		font-size: 12px;
		padding: 0 5px;
	}
		.entry .tag ::after{
			display: block;
			clear: both;
			float: none;
			content: "";
		}
	

	.entry .entryTitle {
		margin: 15px 0 20px;
		text-align: center;
	}

	.entry .entryTitle a {
		color: #000;
		font-size: 18px;
		font-weight: 300;
	}

	.entry .excerpt p {
		line-height: 1.7;
		text-align: left;
	}
	.entry .link {
		text-align: center !important;
		padding: 30px 0 0 0;
	}
		.entry .link a {
			margin: 30px auto 0 auto;
			display: inline-block;
			border: 1px solid #000;
			padding: 10px 40px;
			margin: auto;
			color: #000 !important;
		}

	.magWrap .pageNav {
		padding-top: 0;
	}

	.pageNav li {
		list-style: none;
		display: block;
		margin-bottom: 10px;
	}

	.magWrap .pageNav li:first-child {
		margin: 0 0 10px;
	}

	.pageNav li a {
		margin: 0;
		display: block;
		width: 100%;
		padding: 10px 0;	

	}
	
	/* detail.html */

	.magWrap #mainVisuial .inner .images {
		position: absolute;
		top: 50px;
		left: auto;
		right: 0;
		width: 65px;
		height: auto;
	}

	.magWrap #entry {
		margin-top: 0px;
	}

	.magWrap #entry .date {
		display: block;
		font-size: 15px;
		font-weight: 200;
		margin-bottom: 10px;
	}
	.magWrap #entry .entryTitle {
		display: block;
		margin: 0 0 40px 0 ;
		padding: 0 0 40px 0 ;
 		font-size: 18px;
		font-weight: 600;
		border-bottom: 2px #b2cb37 solid;
	}
	.magWrap #entry .blogbody {
		text-align: left !important;
	}
	.magWrap #entry .flx {
		margin: 0 auto;
		width: 100%;
		box-sizing: border-box;
	}

	.magWrap #entry .column1,
	.magWrap #entry .column2,
	.magWrap #entry .column3 {
		margin-top: 40px;
	}

	.magWrap #entry .flx .rt.photo,
	.magWrap #entry .flx .lft.photo {
		padding: 0;
	}
	
	.magWrap #entry .flx .lft,
	.magWrap #entry .flx .rt {
		float: none;
	}

	.magWrap #entry .flx .photo {
		margin-top: 20px;
		text-align: center;
		width: 100%;
	}
	
	.magWrap #entry .flx .photo img {
		width: 191px;
		height: auto;		
	}

	.magWrap #entry .flx .text {
		width: auto;
		text-align: left;
	}

	.magWrap #entry .flx .text .lead {
		margin-bottom: 20px;
	}

	.magWrap #entry .flx .text .lead p {
		font-size: 15px;
		font-weight: 700;
	}

	.magWrap #entry .flx .text p {
		font-size: 14px;
		line-height: 2;
	}

	.magWrap #entry .column1 .text {
		position: inherit;
		padding-top: 0px;
	}

	.magWrap #entry .column2 .text {
		position: inherit;
		padding-top: 0;
	}

	.magWrap #entry .column3 .text {
		position: inherit;
		padding-top: 0;
	}

	.magWrap #entry .pageNav {
		padding-top: 50px;
	}

	.magWrap #entry .pageNav ul li {
		display: block;
		margin: 0 0 10px;
		font-size: 14px;
	}

	.magWrap #entry .pageNav ul li:after {
		content: "";
	}

	.magWrap #entry .pageNav ul li a {
		padding-right: 5px;
		display: block;
		padding: 10px 0;
		width: 100%;
		font-size: 14px;
		border: 1px #000 solid;
	}
	
	.magWrap #entry .pageNav ul li:nth-child(1) a:before {
		content: "« "
	}
	
	.magWrap #entry .pageNav ul li:nth-child(3) a:after {
		content: " »"
	}

	.magWrap #entry .pageNav ul li:last-child a {
		padding-right: 0;
	}
	.magWrap #entry .blogbody {
		padding: 0 10px;
	}
}/*--sp--*/


/*-- ////////////////////////////////////////////
////
////   products 
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
.productsWrap #mainVisuial {
	height: auto;
	margin-top: 86px;
	background-color: #fef9e4;
}

.productsWrap #mainVisuial .inner {
	padding: 35px 0;
	width: 1044px;
	height: auto;
	position: relative;
	background-color: #fff;
}

.productsWrap #mainVisuial .inner .pageTitle {
	padding: 0;
	line-height: 24px;
	font-size: 24px;
}

.grid-item--width2 {
	width: 509px;
}

.grid-item--height2 {
	height: 509px;
}

.productsWrap .contents #bannerList .inner {
	background: #fff;
	padding: 0 9px;
	box-sizing: border-box;
}

.productsWrap .contents #bannerList .flx:after,
.grid:after {
	content:"";
	display: block;
	clear: both;	
}

.productsWrap .contents #bannerList .flx .lft {
	width: 509px;
	height: 500px;
	float: left;
	margin: 0 0 7px;
}

.productsWrap .contents #bannerList .flx .rt {
	width: 509px;
	float: right;
	margin: 0 0 7px;
}

.productsWrap .contents #bannerList ul li {
	list-style: none;
	margin-bottom: 0;
	line-height: 0;
}

.productsWrap .contents #bannerList ul li figure.snip1132 {
	width: 252px;
	height: 252px;
}

.productsWrap .contents #bannerList ul li.grid-item { 
	float: left;
	width: 252px;
	height: 252px;
	margin: 0 5px 5px 0;
	padding: 0;
	box-sizing: border-box;
}

.productsWrap .contents #bannerList ul li.grid-item:nth-child(3),
.productsWrap .contents #bannerList ul li.grid-item:nth-child(4) {
	margin-bottom: 0;
}

.productsWrap .contents #bannerList ul li.grid-item:nth-child(even) {
	margin-right: 0;
}

.productsWrap .contents #bannerList ul li.grid-item--width2 {
	width: 509px;
	height: 509px;
	margin-bottom: 5px;
	box-sizing: border-box;
}

.productsWrap .contents #bannerList ul li.grid-item--width2 figure.snip1132 {
	width: 509px;
	height: 509px;
}

.productsWrap .contents #bannerList ul li.grid-item--height2 figure.snip1132 {
	height: 509px;
}

.productsWrap .contents #featured {
	margin-top: 30px;
}

.productsWrap .contents #featured .inner {
	background-color: #fff;
	width: 1040px;
	padding: 35px 35px 0 35px;
	box-sizing: border-box;
}

.productsWrap .contents #featured .inner h2 {
	font-size: 23px;
	margin-bottom: 25px;
}

.productsWrap .contents #featured .inner ul {
	font-size: 0;
}

.productsWrap .contents #featured .inner ul li {
	list-style: none;
	font-size: 14px;
}

.productsWrap .contents #featured .inner > ul > li {
	display: inline-block;
	margin: 0 15px 35px 0;
	width: 310px;
}

.productsWrap .contents #featured .inner > ul > li:nth-child(3n) {
	margin-right: 0;
}

.productsWrap .contents #featured .inner ul li .flx:after {
	content: "";
	display: block;
	clear: both;
}

.productsWrap .contents #featured .inner ul li .flx .lft {
	float: left;
	width: 150px;
	text-align: left;
	line-height: 0;
}

.productsWrap .contents #featured .inner ul li .flx .rt {
	position: relative;
	float: right;
	width: 160px;
	height: 133px;
	text-align: left;
}

.productsWrap .contents #featured .inner ul li .flx .rt h3 {
	font-size: 14px;
}

.productsWrap .contents #featured .inner ul li .flx .rt ul {
	position: absolute;
	left: 0;
	bottom: 0;
}

.productsWrap .contents #featured .inner ul li .flx .rt ul li {
	display: inline;
	margin-right: 3px;
	line-height: 0;
}

.productsWrap .contents #featured .inner ul li .flx .rt ul li img {
	width: 20px;
	height: 20px;
}

.productsWrap .contents #featured .inner ul li .flx {
	position: relative;
}

.productsWrap .contents #featured .inner ul li .flx a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.productsWrap .contents #featured .inner ul li figure * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

.productsWrap .contents #featured .inner ul li figure img {
  max-width: 100%;
  position: relative;
  opacity: 1;
}

.productsWrap .contents #featured .inner ul li figure:hover img,
.productsWrap .contents #featured .inner ul li figure.hover img {
  opacity: 0.35;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.productsWrap #brandLink {
	margin-top: 75px;
}

.productsWrap #brandLink .inner {
	
}

.productsWrap #brandLink .inner h2 {
	margin-bottom: 40px;
	font-size: 20px;
}

.productsWrap #brandLink .inner ul {
	font-size: 0;
}

.productsWrap #brandLink .inner ul li {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	margin-right: 85px;
}

.productsWrap #brandLink .inner ul li:last-child {
	margin-right: 0;
}

/* brand_.html */

.productsSub #mainVisuial {
	height: auto;
	margin-top: 86px;
	background-color: #fef9e4;
}

.productsSub #mainVisuial .inner {
	padding: 35px 0;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
}

.productsSub #mainVisuial .inner .pageTitle {
	padding: 0;
	line-height: 24px;
	font-size: 24px;
}

#featuredList .inner {
		width: 1025px;
}

#featuredList {
	padding-top: 100px;
}

#featuredList h2 {
	margin-bottom: 35px;
	font-size: 24px;
	text-align: left;
	border-bottom: 2px #b2cb37 solid;
	font-weight: 500;
}

#featuredList .flx .lft,
#featuredList .flx .rt {
	width: 504px;
	background: #fff;
	padding: 15px;
	box-sizing: border-box;
	position: relative;
}

#featuredList .flx .lft {
	float: left;
}

#featuredList .flx .rt {
	float: right;
}

#featuredList .flx:after,
#featuredList .flx dl:after {
	content: "";
	display: block;
	clear: both;
}

#featuredList .flx dl {
	position: relative;
}

#featuredList .flx dl dt {
	width: 190px;
	float: left;	
}

#featuredList .flx dl dd {
	float: left;
	padding-left: 25px;
	text-align: left;
}

#featuredList .flx a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#popularItems {
	margin-top: 15px;
}

#popularItems .inner {
	background: #fff;
	width: 1025px !important;
	padding: 25px 40px 20px 25px;
	box-sizing: border-box;
}

#popularItems .inner h2 {
	margin-bottom: 20px;
	color: #b2cb37;
	font-size: 21px;
	font-weight: 600;
}

	
#itemList .catBox {
	padding: 35px 0 35px;
	border-bottom: 4px #b2cb37 dotted;
}

#itemList .catBox:after {
	content: "";
	display: block;
	clear: both;
}

#itemList .catBox h2 {
	margin-bottom: 25px;
	font-size: 21px;
	font-weight: 600;
}

#popularItems .inner ul,
#itemList .catBox ul {
	font-size: 0;
	display: inline-block;
	text-align: center;
}

#popularItems .inner ul li,
#itemList .catBox ul li {
	list-style: none;
	font-size: 12px;
}

#popularItems .inner > ul > li {
	display: inline-block;
	margin: 0 27px 0 27px;
	width: 190px;
	vertical-align: top;
}

#itemList .catBox > ul > li {
	display: inline-block;
	margin: 0 20px 20px 20px !important;
	padding: 8px 8px 10px 8px;
	width: 205px;
	background: #fff;
	box-sizing: border-box;
	text-align: left;
	vertical-align: top;
}

#popularItems .inner > ul > li:last-child,
#itemList .catBox > ul > li:last-child {
}

#popularItems .inner ul li .flx .lft,
#itemList .catBox ul > li .flx .lft {
	line-height: 0;
	position: relative;
	margin-bottom: 15px;
	height: 190px;
}

#popularItems .inner ul li .flx .rt {
	text-align: left;
}

#itemList .catBox ul li .flx .rt {
	text-align: center;
}

#popularItems .inner ul li .flx .rt h3,
#itemList .catBox ul li .flx .rt h3 {
	font-size: 12px;
}

#popularItems .inner ul li .flx .lft .icon {
	position: absolute;
	right: 1px;
	bottom: 1px;
}

#itemList .catBox ul li .flx .lft .icon {
	position: absolute;
	right: 0px;
	bottom: 0px;	
}

#popularItems .inner ul li .flx .lft .icon li,
#itemList .catBox ul li .flx .lft .icon li {
	display: inline;
	line-height: 0;
}

#popularItems .inner ul li .flx .lft .icon img,
#itemList .catBox ul li .flx .lft .icon img {
	width: 20px;
	height: 20px;
	border: 1px #fff solid;
}

#popularItems .inner ul li .flx,
#itemList .catBox ul li .flx {
	position: relative;
}

#popularItems ul li .flx a,
#itemList .catBox ul li .flx a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#itemList {
	margin-top: 70px;
}

#itemList .inner {
	width: 1025px !important;
}

.productsSub .category {
	padding-bottom: 70px;
	border-bottom: 4px #b2cb37 dotted;
}

.productsSub .category ul {
	font-size: 0;
}

.productsSub .category ul li {
	font-size: 18px;
}

.productsSub .category ul > li,
.productsSub .category ul > li > ul > li {
	list-style: none;
}

.productsSub .category ul > li > ul > li {
	text-align: left;
	display: inline-block;
}

.productsSub .category ul > li > ul > li:after {
	content: "|";
}

.productsSub .category ul > li > ul > li:last-child {
	margin-right: 0;
}

.productsSub .category ul > li > ul > li:last-child a {
	padding-right: 0;
}

.productsSub .category ul > li > ul > li:last-child:after {
	content: "";
}

.productsSub .category ul > li {
	margin-bottom: 10px;
}

.productsSub .category ul > li:last-child {
	margin-bottom: 0;
}

.productsSub .category ul li a {
	padding: 0 25px;
	font-size: 18px;
	font-weight: 500;
	color: #000;
	text-decoration: none;
}

.productsSub .category ul li a:hover {
	text-decoration: underline;
}

.productsSub .category ul li a:before {
	content: "▼ ";
}

.productsSub .contents .inner .link {
	margin: 20px auto 0 auto;
	text-align: center;
}
.productsSub .contents .inner .link:first-child {
	margin-top: 55px !important;
}

.productsSub .contents .inner .link a {
	text-decoration: none;
	border: 1px #000 solid;
	color: #000;
	display: inline-block!important;
	font-size: 16px;
	padding: 15px 40px;
	text-align: center;
	margin: auto;
}

.productsSub .contents .inner .link a:hover {
	color: #333;
}

}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
	.productsWrap #mainVisuial {
		height: auto;
		margin-top: 60px;
	}

	.productsWrap #mainVisuial .inner {
		padding: 30px 0;
		height: auto;
	}

	.productsWrap #mainVisuial .inner .pageTitle {
		line-height: 18px;
		font-size: 18px;
	}
	

	.productsWrap #mainVisuial .inner .pageTitle {
		padding: 0;
		line-height: 18px;
		font-size: 18px;
	}
	
	.grid-item--width2 {
	width: auto;
	}

	.grid-item--height2 {
		height: auto;
	}

	.productsWrap .contents #bannerList .inner {
		padding: 0 3.125%;
		box-sizing: border-box;
	}

	.productsWrap .contents #bannerList .flx:after,
	.grid:after {
		content: "";
		display: block;
		clear: both;	
	}

	.productsWrap .contents #bannerList .flx .lft {
		width: 100%;
		height: auto;
		float: none;
		margin: 0;
	}

	.productsWrap .contents #bannerList .flx .rt {
		width: 100%;
		height: auto;
		float: none;
		margin: 0;
	}
	
	.productsWrap .contents #bannerList ul {
		position: relative;
	}

	.productsWrap .contents #bannerList ul li {
		display: inline-block;
		line-height: 0;
    top: 0;
		width: 49%;
		margin: 0 2% 7px 0;
    height: inherit;
    box-sizing: border-box;
	}
	
	.productsWrap .contents #bannerList ul li figure.snip1132 img {
		display: block;
		margin: auto;
	}
	
	.productsWrap .contents #bannerList ul li figure.snip1132 {
		width: 100%;
		height: auto;
	  position: relative;
}
	
	.productsWrap .contents #bannerList ul li figure.snip1132 figcaption {
		position: absolute;
		bottom: 10px;
	}

	.productsWrap .contents #bannerList ul li.grid-item { 
		float: none;
		display: inline-block;
		width: 49%;
		height: auto;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	.productsWrap .contents #bannerList ul li.grid-item:nth-child(3),
	.productsWrap .contents #bannerList ul li.grid-item:nth-child(4) {
		margin-bottom: 0;
	}

	.productsWrap .contents #bannerList ul li.grid-item:nth-child(even) {
		margin-right: 0;
	}

	.productsWrap .contents #bannerList ul li.grid-item--width2 {
		width: 100%;
		height: auto;
		margin: 0 0 7px 0;
		box-sizing: border-box;
	}

	.productsWrap .contents #bannerList ul li.grid-item--width2 figure.snip1132 {
		width: 100%;
		height: auto;
	}

	.productsWrap .contents #bannerList ul li.grid-item--height2 figure.snip1132 {
		height: auto;
	}

	.productsWrap .contents #featured {
		margin-top: 30px;
	}

	.productsWrap .contents #featured .inner {
		background-color: #fff;
		width: 93.75%;
		padding: 25px 3.125% 0 3.125%;
		box-sizing: border-box;
	}

	.productsWrap .contents #featured .inner h2 {
		font-size: 18px;
		margin-bottom: 25px;
	}

	.productsWrap .contents #featured .inner ul {
		font-size: 0;
	}

	.productsWrap .contents #featured .inner ul li {
		list-style: none;
		font-size: 14px;
	}

	.productsWrap .contents #featured .inner > ul > li {
		display: inline-block;
		margin: 0 2% 30px 0;
		width: 49%;
		vertical-align: top;
		position: relative;
	}

	.productsWrap .contents #featured .inner > ul > li:nth-child(3n) {
		margin-right: 2%;
	}
	
	.productsWrap .contents #featured .inner > ul > li:nth-child(even) {
		margin-right: 0;
	}
	
	.productsWrap .contents #featured .inner ul li .flx .lft figure:before {
   	display: block;
    content: "";
    padding-top: 100%;
	}
	
	.productsWrap .contents #featured .inner ul li .flx .lft figure {
		width: 100%;
   	position: relative;
	}
	
	.productsWrap .contents #featured .inner ul li .flx .lft figure img {
   	position: absolute;
    top: 0;
		left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
	}
	
	.productsWrap .contents #featured .inner ul li .flx .lft {
		margin-bottom: 15px;
		float: none;
		width: 100%;
		height: auto;
		text-align: center;
	}

	.productsWrap .contents #featured .inner ul li .flx .rt {
		position: relative;
		float: none;
		width: 100%;
		height: auto;
		text-align: left;
	}

	.productsWrap .contents #featured .inner ul li .flx .rt h3 {
		font-size: 14px;
		font-weight: 500;
	}

	.productsWrap .contents #featured .inner ul li .flx .rt ul {
		position: inherit;
		margin-top: 20px;
		left: 0;
		bottom: 0;
	}

	.productsWrap .contents #featured .inner ul li .flx .rt ul li {
		display: inline-block;
		line-height: 0;
	}

	.productsWrap .contents #featured .inner ul li .flx .rt ul li img {
		width: 20px;
		height: 20px;
	}

	.productsWrap .contents #featured .inner ul li .flx {
		position: relative;
	}

	.productsWrap .contents #featured .inner ul li .flx a {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	.productsWrap .contents #featured .inner ul li figure * {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all 0.45s ease-in-out;
		transition: all 0.45s ease-in-out;
	}

	.productsWrap .contents #featured .inner ul li figure img {
		max-width: 100%;
		position: relative;
		opacity: 1;
	}

	.productsWrap .contents #featured .inner ul li figure:hover img,
	.productsWrap .contents #featured .inner ul li figure.hover img {
		opacity: 0.35;
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
	}

	.productsWrap #brandLink {
		margin-top: 40px;
	}

	.productsWrap #brandLink .inner {
		padding: 0 10px ;
	}

	.productsWrap #brandLink .inner h2 {
		margin-bottom: 25px;
		font-size: 15px;
	}

	.productsWrap #brandLink .inner ul {
		font-size: 0;
	}

	.productsWrap #brandLink .inner ul li {
		display: inline-block;
		vertical-align: top;
		width: 32%;
		font-size: 14px;
		margin: 0 2% 10px 0;
	}
	
	.productsWrap #brandLink .inner ul li:nth-child(3n) {
		margin-right: 0;
	}
	.productsWrap #brandLink .inner ul li a {
		padding: 10px !important;
		display: block;
		background: #fff;
	}
	
	
	/* brand_.html */
	.productsSub #mainVisuial {
		height: auto;
		margin-top: 86px;
	}

	.productsSub #mainVisuial .inner {
		padding: 30px 0;
		width: 100%;
		height: auto;
		position: relative;
	}

	.productsSub #mainVisuial .inner .pageTitle {
		padding: 0;
		line-height: 18px;
		font-size: 18px;
	}
	#featuredList .inner {
		width: 93.75%;
}

	#featuredList {
		padding-top: 40px;
	}

	#featuredList h2 {
		margin-bottom: 20px;
		font-size: 18px;
		text-align: left;
	}

	#featuredList .flx .lft,
	#featuredList .flx .rt {
		width: 100%;
		background: #fff;
		padding: 15px 3.125%;
		box-sizing: border-box;
	}

	#featuredList .flx .lft {
		margin-bottom: 10px;
		float: none;
	}

	#featuredList .flx .rt {
		float: none;
	}

	#featuredList .flx:after,
	#featuredList .flx dl:after {
		content: "";
		display: block;
		clear: both;
	}

	#featuredList .flx dl {
		position: relative;
	}

	#featuredList .flx dl dt {
		width: 50%;
		float: left;
	}

	#featuredList .flx dl dd {
		float: right;
		width: 50%;
		padding-left: 10px;
		box-sizing: border-box;
	}

	#featuredList .flx a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	#popularItems {
		margin-top: 40px;
	}

	#popularItems .inner {
		background: #fff;
		width: 93.75%;
		padding: 30px 3.125% 0 3.125%;
		box-sizing: border-box;
	}

	#popularItems .inner h2 {
		margin-bottom: 20px;
		color: #b2cb37;
		font-size: 18px;
		font-weight: 600;
	}

	#itemList .catBox {
		padding: 40px 0 20px;
		border-bottom: 2px #b2cb37 dotted;
	}

	#itemList .catBox:after {
		content: "";
		display: block;
		clear: both;
	}

	#itemList .catBox h2 {
		margin-bottom: 20px;
		font-size: 18px;
		font-weight: 600;
	}

	#popularItems .inner ul,
	#itemList .catBox ul {
		font-size: 0;
		text-align: left;
	}
	
	#popularItems .inner ul li,
	#itemList .catBox ul li {
		list-style: none;
		font-size: 12px;
	}

	#popularItems .inner > ul > li {
		display: inline-block;
		margin: 0 2% 20px 0;
		width: 49%;
	}

	#itemList .catBox > ul > li {
		display: inline-block;
		float: none;
		margin: 0 2% 20px 0;
		padding: 7px 7px 10px 7px;
		width: 48%;
		background: #fff;
		box-sizing: border-box;
		vertical-align: top;
	}
	
	#popularItems .inner > ul > li:nth-child(2n) {
		margin-right: 0;
	}

	#popularItems .inner > ul > li:last-child {
		margin-right: 0;
	}

	#popularItems .inner ul li .flx .lft,
	#itemList .catBox ul > li .flx .lft {
		line-height: 0;
		position: relative;
		margin-bottom: 15px;
		height: auto;
	}
	
	#popularItems .inner ul li .flx .lft figure:before,
	#itemList .catBox ul li .flx .lft figure:before {
   	display: block;
    content: "";
    padding-top: 100%;
	}
	
	#popularItems .inner ul li .flx .lft,
	#itemList .catBox ul li .flx .lft {
		width: 100%;
   	position: relative;
	}
	
	#popularItems .inner ul li .flx .lft figure img,
	#itemList .catBox ul li .flx .lft figure img {
   	position: absolute;
    top: 0;
		left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
	}
	
	#popularItems .inner ul li .flx .rt {
		text-align: left;
	}

	#itemList .catBox ul li .flx .rt {
		text-align: center;
	}

	#popularItems .inner ul li .flx .rt h3,
	#itemList .catBox ul li .flx .rt h3 {
		font-size: 12px;
	}

	#popularItems .inner ul li .flx .lft .icon {
		position: absolute;
		right: 0px;
		bottom: 0px;
	}
	
	#itemList .catBox ul li .flx .lft figure {
		position: relative;
	}
	
	#itemList .catBox ul li .flx .lft .icon {
		display: inherit;
		position: absolute;
		right: 0px;
		bottom: 0px;
	}

	#popularItems .inner ul li .flx .lft .icon li,
	#itemList .catBox ul li .flx .lft .icon li {
		display: inline;
		line-height: 0;
	}

	#popularItems .inner ul li .flx,
	#itemList .catBox ul li .flx {
		position: relative;
	}

	#popularItems ul li .flx a,
	#itemList .catBox ul li .flx a {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	#itemList {
		margin-top: 50px;
	}

	#itemList .inner {
		width: calc(100% - 20px);
	}

	.productsSub .category {
		padding-bottom: 50px;
		border-bottom: none;
	}

	.productsSub .category ul {
		font-size: 0;
	}

	.productsSub .category ul li {
		font-size: 14px;
	}


	.productsSub .category ul > li,
	.productsSub .category ul > li > ul > li {
		list-style: none;
	}
	
	.productsSub .category > ul > li {
		display: inline-block;
		width: 50%;
		text-align: left;
	}

	.productsSub .category ul > li > ul > li {
		text-align: left;
		display: block;
	}

	.productsSub .category ul > li > ul > li:after {
		content: "";
	}

	.productsSub .category ul > li > ul > li:last-child {
		margin-right: 0;
	}

	.productsSub .category ul > li > ul > li:last-child a {
		padding-right: 0;
	}

	.productsSub .category ul > li > ul > li:last-child:after {
		content: "";
	}

	.productsSub .category ul > li {
		margin-bottom: 10px;
	}

	.productsSub .category ul > li:last-child {
		margin-bottom: 0;
	}

	.productsSub .category ul li a {
		padding: 0;
		font-size: 14px;
		font-weight: 500;
		color: #000;
		text-decoration: none;
	}
	
	.productsSub .category > ul > li > ul > li a {
		display: inline-block;
		vertical-align: middle;
		padding: 10px 0;
		width: 100%;
		border-top: 2px #000 dotted;
	}
	
	.productsSub .category > ul > li > ul > li:last-child a {
		border-bottom: 2px #000 dotted;
	}

	.productsSub .category ul li a:hover {
		text-decoration: underline;
	}

	.productsSub .category ul li a:before {
	}

	.productsSub .contents .inner .link {
		margin: 10px auto 0 auto;
		border: 1px #000 solid;
		text-align: center;
		width: 100%;
	}
	.productsSub .contents .inner .link:nth-of-type(1) {
		margin-top: 30px;
		
	}
	.productsSub .contents .inner .link a {
		display: block;
		text-decoration: none;
		font-size: 14px;
		padding: 15px 0;
		color: #222;
	}
	.productsSub #itemList  .categoryList {
		padding-bottom: 0 !important;
		border-bottom: none;
		width: 100%;
		margin: 0 !important;
	}

	.productsSub #itemList  .categoryList ul {
		font-size: 0;
		margin: 0 !important;
		display: inline-block;
	}

	.productsSub #itemList  .categoryList ul li {
		font-size: 14px;
		margin: 0 !important;
		width: calc(50% - 20px);
		display: inline-block;
	}
	.productsSub #itemList  .categoryList ul li a {
		display: block !important;
		text-align: center;
		margin: 2px !important;
		padding: 5px 0 !important;
		background: rgba(255,255,255,0.5);
		border-radius: 6px;
		color:#222;
		text-decoration: none;
	}
	.productsSub #itemList  .categoryList ul li a::before {
		content: "▼ ";
		color: #B2CB37;
	}

}/*--sp--*/

/*-- ////////////////////////////////////////////
////
////   products/detail.html 
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
#productDetail {
	padding-top: 80px;
}

#productDetail h3 {
	margin-bottom: 35px;
	font-size: 24px;
	text-align: left;
	border-bottom: 2px #b2cb37 solid;
	font-weight: 500;
}

#productDetail .flx {
	margin: 0 auto;
	width: 1025px;
	box-sizing: border-box;
}

#productDetail .column1,
#productDetail .column2,
#productDetail .column3,
#productDetail .column4 {
	width: 940px;
}

#productDetail .column1 {
	margin-top: 60px;
}

#productDetail .column2 {
	margin-top: 20px;
}

#productDetail .column3 {
	margin-top: 10px;
}

#productDetail .column4 {
	margin-top: 10px;
}

#productDetail .column5 {
	margin-top: 40px;
}


#productDetail .flx .rt.photo {
	padding-right: 20px;
}

#productDetail .flx .lft.photo {
	padding-left: 20px;
}

#productDetail .flx .lft {
	float: left;
}

#productDetail .flx .rt {
	float: right;
}

#productDetail .flx:after {
	content: "";
	display: block;
	clear: both;
	float: none;
}

#productDetail .flx .photo {
	width: 380px;
}

#productDetail .flx .text {
	width: 500px;
	text-align: left;
	line-height: 1.7;
}

#productDetail .flx .text .lead {
	margin-bottom: 30px;
}

#productDetail .flx .text .lead p {
	font-size: 18px;
	font-weight: 700;
}

#productDetail .flx .text p {
	font-size: 14px;
	line-height: 2;
}

#productDetail .column1 .text {
	position: relative;
	padding-top: 20px;
}

#productDetail .column2 .text {
	position: relative;
	padding-top: 60px;
}

#productDetail .column3 .text {
	position: relative;
	padding-top: 20px;
}

#productDetail .column4 .text {
	position: relative;
	padding-top: 10px;
}

#productDetail .column5 .text {
	position: relative;
	padding-top: 15px;
}

#productDetail .column5 .lft {
	width: 507px;
}

#productDetail .column5 .rt {
	width: 500px;
	text-align: center;
}

#productDetail .column5 dl.productInfo:after {
	content: "";
	display: block;
	clear: both;
}

#productDetail .column5 dl.productInfo {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
}

#productDetail .column5 dl.productInfo dt {
	margin-bottom: 10px;
	clear: both;
	float: left;
	width: 80px;
}

#productDetail .column5 dl.productInfo dd {
	margin-bottom: 15px;
	float: left;
	width: 420px;
}

#productDetail .column5 dl.productInfo dd ul li {
	margin-right: 20px;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}

#productDetail .column5 dl.productInfo dd ul li:last-child {
	margin-right: 0;
}

#productDetail .column5 dl.onlineShop {
	text-align: center;
	margin-bottom: 20px;
}

#productDetail .column5 dl.onlineShop dt {
	margin-bottom: 10px;
}

#productDetail .column5 div.comment {
	margin-bottom: 30px;
	text-align: left;
}
#productDetail .column5 dl.allergy{
	margin-bottom: 60px;
	font-size: 13px;
	text-align: left;
}
#productDetail .column5 dl.allergy dt {
	font-weight: 600;
}

#productDetail .column5 dl.allergy dl dt,
#productDetail .column5 dl.allergy dl dd,
#productDetail .column5 .text p {
	font-size: 13px;
}

#productDetail .column5 .rt #pankuzu ul {
	font-size: 0;
}

#productDetail .column5 .rt #pankuzu ul li {
	margin-right: 3px;
	display: inline-block;
	list-style: none;
	font-size: 13px;
}

#productDetail .column5 .rt #pankuzu ul li:after {
	content: ">";
}

#productDetail .column5 .rt #pankuzu ul li:last-child:after {
	content: "";
}

#productDetail .column5 .rt #pankuzu ul li a {
	padding-right: 3px;
	color: #000;
	font-size: 13px;
	text-decoration: none;
}

#productDetail .column5 .rt #pankuzu ul li a:hover {
	text-decoration: underline;
}
.productsDetail #mainVisuial {
	height: auto;
	margin-top: 86px;
	background-color: #fff !important;
}
.brand #mainVisuial {
	margin-bottom: 30px !important;
}
#featuredList img.switch {
	width: 190px !important;
}
#productDetail .productsname {
	margin-bottom: 35px;
	font-size: 24px;
	text-align: left;
	border-bottom: 2px #b2cb37 solid;
	font-weight: 500;
}
	hr {
		color: #FFF;
		margin-bottom: 30px;
		border-style: none;
		border-color: #FFF;
		clear: both;
		float: none;
	}
		.products_blogbody h3 {
			font-size: 18px;
			font-weight: 600;
			margin: 0 0 20px 0 ;
			border: none !important;
		}
		p {
			font-size: 14px;
			line-height: 1.8;
		}
		dl {
			margin-bottom: 10px;
		}
.products_blogbody {
	text-align: left;
}
.products_blogbody::after {
	clear: both !important;
	float: none !important;
	content: "";
	display: block;
}
#productDetail .productsImages {
	width: 500px;
}
.pageBottom {
	text-align: right;
}
	.pageBottom::after {
		content: "";
		display: block;
		clear: both;
		float: none;
	}
#productDetail #pankuzu {
	padding: 30px 0 0 0 ; 
}
#productDetail #pankuzu ul {
	font-size: 0;
}

	#productDetail #pankuzu ul li {
		margin-right: 3px;
		display: inline-block;
		list-style: none;
		font-size: 13px;
	}

	#productDetail #pankuzu ul li:after {
		content: ">";
	}

	#productDetail #pankuzu ul li:last-child:after {
		content: "";
	}

	#productDetail #pankuzu ul li a {
		padding-right: 3px;
		color: #000;
		font-size: 13px;
		text-decoration: none;
	}

	#productDetail #pankuzu ul li a:hover {
		text-decoration: underline;
	}

#popularItems .productsImages , .products_ul .productsImages {
	width: 190px;
}
	#popularItems ul {
		margin: 0;
		padding: 0;
		display: inline-block;
		text-align: center;
		float: none;
		letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	}
		#popularItems ul > li {
			margin: 0 20px 20px 20px !important;
			padding: 0 !important;
			display: inline-block;
			float: none;
			text-align: left;
			vertical-align:top;
			letter-spacing: normal; /* 文字間を通常に戻す */
		}
		#popularItems .icon li {
			padding: 0 !important;
			margin: 0 !important;
		}
.products_ul {
	display: inline-block;
	text-align: center;
	float: none;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
	.products_ul > li {
		margin: 0 20px;
		display: inline-block;
		float: none;
		text-align: left;
		vertical-align:top;
		letter-spacing: normal; /* 文字間を通常に戻す */
	}
.categoryList ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: center;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
	.categoryList ul li {
		display: inline-block;
		list-style: none;
		margin: 0 1em !important;
		padding: 0px !important;
		vertical-align:top;letter-spacing: normal; /* 文字間を通常に戻す */
	}
		.categoryList ul li::before {
			content: "▼ ";
		}
}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
	.productsDetail #mainVisuial {
		margin-top: 60px !important;
		
	}
	#productDetail {
		padding: 20px 10px 10px 10px;
	}

	#productDetail h3 {
		margin-bottom: 10px;
		font-size: 20px !important;
		text-align: left;
		border-bottom: 2px #b2cb37 solid;
		font-weight: 500;
		line-height: 1.3;
		padding-bottom: 5px;
	}

	#productDetail .flx {
		margin: 0 auto;
		width: 100%;
		box-sizing: border-box;
	}
	#productDetail .column5 {
		margin-top: 30px;
	}

	#productDetail .flx .lft {
		float: none;
	}

	#productDetail .flx .rt {
		float: none;
	}
	#productDetail img.productsImages {
		width: 80%;
		margin: auto auto 10px auto;
		
	}

	#productDetail .column5 .lft {
		width: 100%;
	}

	#productDetail .column5 .rt {
		width: 100%;
		text-align: center;
	}
	#productDetail  dl.productInfo {
		margin-bottom: 10px;
		font-size: 15px;
		font-weight: 500;
		text-align: left;
	}
	#productDetail  dl.productInfo:after {
		content: "";
		display: block;
		clear: both;
	}
		#productDetail .column5 dl.productInfo dt {
			margin-bottom: 10px;
			clear: both;
			float: left;
			width: 60px;
		}

		#productDetail .column5 dl.productInfo dd {
			margin-bottom: 10px;
			float: left;
			width: calc(100% - 60px);
		}
			#productDetail .column5 dl.productInfo dd ul li {
				margin-right: 10px;
				list-style: none;
				display: inline-block;
				vertical-align: middle;
			}
				#productDetail .column5 dl.productInfo dd ul li img {
					width: auto;
					height: 37.5px;
				}
			#productDetail .column5 dl.productInfo dd ul li:last-child {
				margin-right: 0;
			}
	#productDetail .column5 dl.onlineShop {
		text-align: center;
		margin-bottom: 20px;
	}
		#productDetail .column5 dl.onlineShop dt {
			margin-bottom: 10px;
		}
	#productDetail  .comment{
		text-align: left;
		margin-bottom: 20px;
		font-size: 15px;
	}
	#productDetail  dl.allergy {
		margin-bottom: 40px;
		font-size: 15px;
		text-align: left;
	}
	#productDetail  dl.allergy dt {
		border-bottom: 1px dotted #666 ;
		margin-bottom: 10px;
	}

	
	#productDetail .column5 .rt #pankuzu ul {
		font-size: 0;
	}

	#productDetail .column5 .rt #pankuzu ul li:after {
		content: ">";
	}

	#productDetail .column5 .rt #pankuzu ul li:last-child:after {
		content: "";
	}

	#productDetail .column5 .rt #pankuzu ul li a {
		padding-right: 3px;
		color: #000;
		font-size: 12px;
		text-decoration: none;
	}
	#productDetail .products_blogbody img {
		width: 80% !important;
		height: auto;
		margin: auto auto 30px auto;
		text-align: center;
	}
	#productDetail .products_blogbody img::after {
		display: block !important;
		content: "";
		clear: both !important;
		float: none !important;
	}
	#productDetail .products_blogbody .mt-image-right , #productDetail .products_blogbody .mt-image-left {
		display: block !important;
		clear: both !important;
		float: none !important;
		margin: auto;
		text-align: center;
	}
	.products_blogbody h3 {
		margin-bottom: 20px;
		font-size: 16px;
	}

	.artisanWrap .artisan_blogbody .inner p {
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 2;
	}
	.products_blogbody img {
		float: none !important;;
		clear: both !important;;
		margin: 10px 0 !important;
		width: 100% !important;
	}
	.products_blogbody div {
		float: none !important;;
		clear: both !important;;
		margin: 0 !important;
	}
		#productDetail #pankuzu ul {
		font-size: 0;
		}

			#productDetail #pankuzu ul li:after {
				content: ">";
			}

			#productDetail #pankuzu ul li:last-child:after {
				content: "";
			}

			#productDetail #pankuzu ul li a {
				padding-right: 3px;
				color: #000;
				font-size: 12px;
				text-decoration: none;
			}

}/*--sp--*/


/*-- ////////////////////////////////////////////
////
//// news  
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
.newsWrap #mainVisuial {
	height: auto;
	margin-top: 86px;
}

.newsWrap #mainVisuial .inner {
	padding: 35px 0;
	height: auto;
	position: relative;
}

.newsWrap #mainVisuial .inner .pageTitle {
	padding: 0;
	line-height: 23px;
	font-size: 23px;
}

.newsWrap .contents {
	padding-top: 25px;
}

.newsWrap .contents .inner {
	width: 900px;
}

.newsWrap .contents .inner:after {
	content: "";
	display: block;
	clear: both;
}

.newsWrap .contents .inner h3 {
	margin-bottom: 10px;
	font-size: 18px;
	text-align: left;
}

.newsWrap .contents .inner .newsMain {
	float: left;
	width: 615px;
}

.newsWrap #news {
	background-color: transparent;
	padding: 0;
	font-size: 12px;
}
.newsWrap	#news h2 {
		font-size: 26px;
		font-weight: 600;
		margin-bottom: 30px;
	}
.newsWrap	#news ul {
		width: 615px;
		list-style: none;
		margin: 0 auto;
		padding: 0;
		border-top: 1px dotted #000;
		font-size: 12px;
	}
.newsWrap	#news ul li {
			width: 100%;
			padding: 10px 0px;
			border-bottom: 1px dotted #000;
			font-size: 12px;
		}

.newsWrap #news ul li:nth-child(odd) {
	background-color: #eef0cd;
}
	.newsWrap	#news ul li::after {
				content: "";
				display: block;
				clear: both;
				float: none;
			}
				.newsWrap	#news ul li .brand {
				width: 150px;
				float: left;
				text-align: right;
				border-right: 1px dotted #000;
				padding: 0 5px;
					display: block;
			}
			.newsWrap	#news ul li .date {
				width: 80px;
				float: left;
				text-align: center;
				padding: 5px 5px;
				border-right: 1px dotted #000;
				font-size: 12px;
			}
			.newsWrap #news ul li .category {
				width: 100px;
				float: left;
				text-align: center;
				padding: 5px 5px;
				border-right: 1px dotted #000;
				font-size: 12px;
			}
			.newsWrap #news ul li .title {
				width: 230px;
				float: left;
				text-align: left;
				padding: 5px 10px;
				font-size: 12px;
			}

.newsWrap	#news ul li .brand img:only-of-type {
	transform: scale(1.2);
}

  .newsWrap .i-boulantgerie { width: 20px; height: auto;}
	
	.newsWrap  .i-ferm {width: 40px; height: auto;}
	
	.newsWrap  .i-maison {width: 15px; height: auto;}
	
	.newsWrap .i-pattisserie {width: 20px; height: auto;}
	
	.newsWrap .i-terrasaison {width: 27px; height: auto;}

.sidebar {
	float: right;
	width: 240px;
	text-align: left;
}

.sidebar ul li {
	list-style: none;
}

.sidebar h3 {
	font-size: 18px;
}

.sidebar ul li a {
	color: #000;
	text-decoration: none;
	font-size: 12px;
	line-height: 2;
}

.sidebar ul li a:hover {
	color: #333;
	text-decoration: underline;
	font-size: 12px;
}

.sidebar .sideMenu {
	margin-bottom: 35px;
	padding-top: 5px;
	border-top: 1px #000 dotted;
}

/* detail.html */

.newsSub .contents .inner {
	width: 930px;
}

.newsSub .contents .inner .newsMain  {
	width: 620px;
	text-align: left;
}

.newsSub .contents .inner .newsMain .titleArea {
	position: relative;
	padding-bottom: 60px;
	text-align: left;
	font-size: 18px;
	font-weight: 700;
}

.newsSub .contents .inner .newsMain .titleArea .date,
.newsSub .contents .inner .newsMain .titleArea .category {
	display: inline-block;
}

.newsSub .contents .inner .newsMain .titleArea .date:after {
	content: " |";
}

.newsSub .contents .inner .newsMain .titleArea .date {
	margin-right: 10px;
}

.newsSub .contents .inner .newsMain .titleArea .brandIcon {
	position: absolute;
	right: 0;
	top: 0;
}

.newsSub .contents .inner .newsMain .titleArea .brandIcon ul li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 36.5px;
}

.newsSub .contents .inner .newsMain .titleArea .brandIcon ul:after {
	content: "";
	display: block;
	clear: both;
}

.newsSub .contents .inner .newsMain .titleArea .brandIcon img {
	width: 36.5px;
	height: auto;
	margin: 0;
	padding: 0;
}

.newsSub .contents .inner .newsMain .entryTitle {
	padding-bottom: 10px;
	margin-bottom: 15px;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px #000 dotted;
}

.newsSub .contents .inner .newsMain .entryContent p {
	font-size: 12px;
	line-height: 2;
}

.newsSub .contents .inner .link {
	margin: 40px auto 0 auto;
	padding-top: 20px;
	border-top: 1px #000 dotted;
	width: 500px;
	text-align: center;
}

.newsSub .contents .inner .link ul li {
	list-style: none;
	display: inline;
}

.newsSub .contents .inner .link ul li:after {
	content: "|";
}

.newsSub .contents .inner .link ul li:last-child:after {
	content: none;
}

.newsSub .contents .inner .link ul li a {
	color: #000;
	text-decoration: none;
	padding-right: 5px;
}

.newsSub .contents .inner .link ul li a:hover {
	text-decoration: underline;
}

}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
	.newsWrap #mainVisuial {
		height: auto;
	}

	.newsWrap #mainVisuial .inner {
		padding: 30px 0;
		height: auto;
	}

	.magWrap #mainVisuial .inner .pageTitle {
		line-height: 18px;
		font-size: 18px;
	}
	
	.newsWrap .contents .inner {
		width: 93.75%;
}

	.newsWrap .contents {
		padding-top: 25px;
	}

	.newsWrap .contents .inner {
		width: 93.75%;
	}

	.newsWrap .contents .inner:after {
		content: "";
		display: block;
		clear: both;
	}

	.newsWrap .contents .inner h3 {
		margin-bottom: 10px;
		font-size: 15px;
		text-align: left;
	}

	.newsWrap .contents .inner .newsMain {
		margin-bottom: 45px;
		float: none;
		width: 100%;
	}

	.newsWrap #news {
		background-color: transparent;
		padding: 0;
		font-size: 12px;
	}
	.newsWrap #news ul {
		width: 100%;
		list-style: none;
		margin: 0 auto;
		padding: 0;
		border-top: 1px dotted #000;
	}
		.newsWrap #news ul li {
			width: 100%;
			padding: 12px 0px;
			border-bottom: 1px dotted #000;
		}
			.newsWrap #news ul li::after {
				content: "";
				display: block;
				clear: both;
				float: none;
			}
			.newsWrap #news ul li .brand {
				width: 187px;
				float: left;
				text-align: left;
				padding: 0;
				border-right: none;
			}
			.newsWrap #news ul li .date {
				width: 80px;
				float: left;
				text-align: left;
				padding: 0 10px 0 0;
				border-right: none;
			}
		
			.newsWrap #news ul li .title {
				width: 100%;
				float: none;
				clear: both;
				padding-top: 5px;
				text-align: left;
				padding: 0;
				font-size: 14px;
			}
				.newsWrap #news ul li .title a {
					text-decoration: none !important;
					color: #222;
				}
	.newsWrap #newsPage .titleArea {
		margin-bottom: 30px;
	
	}
		.newsWrap #newsPage .titleArea::after {
			clear: both;
			float: none;
			content: "";
			display: none;
		}
	.newsWrap #newsPage .date , .newsWrap #newsPage .category {
		float: left;
		margin-right: 10px;
		font-weight: 300;
		margin-bottom: 10px;
	}
	.newsWrap #newsPage .category::after {
		content: "";
		display: block;
		clear: both;
		float: none !important;
	}
	.newsWrap #newsPage .brandIcon {
		float: right;
	}
	.newsWrap #newsPage .brandIcon::after {
		content: "";
		display: block;
		clear: both;
		float: none !important;
		margin-bottom: 20px;
	}
	.newsWrap #newsPage .brandIcon ul {
		list-style: none;
		margin-top: -30px;
	}
		.newsWrap #newsPage .brandIcon li {
			float: right;
		}
			.newsWrap #newsPage .brandIcon li img {
				width: 40px;
				height: 40px;
			}
	.newsWrap #newsPage .entryTitle {
		float: none;
		clear: both;
		border-bottom: 1px dotted #000;
		margin-bottom: 30px;
		padding-bottom: 20px;
	}
	
	.sidebar {
		float: none;
		width: 100%;
		text-align: left;
	}

	.sidebar ul li {
		list-style: none;
	}

	.sidebar h3 {
		font-size: 18px;
	}

	.sidebar ul li a {
		display: block;
		padding: 0;
		font-size: 12px;
		line-height: 2;
	}

	.sidebar .sideMenu {
		margin-bottom: 35px;
		padding-top: 5px;
		border-top: 1px #000 dotted;
	}
	
	/* detail.html */

	.newsSub .contents .inner {
		width: 93.75%;
	}

	.newsSub .contents .inner .newsMain  {
		width: 100%;
		text-align: none;
	}

	.newsSub .contents .inner .newsMain .titleArea {
		position: relative;
		padding-bottom: 20px;
		text-align: left;
		font-size: 15px;
		font-weight: 700;
	}

	.newsSub .contents .inner .newsMain .titleArea .date,
	.newsSub .contents .inner .newsMain .titleArea .category {
		display: inline-block;
	}

	.newsSub .contents .inner .newsMain .titleArea .brandIcon {
		padding-top: 20px;
		position: inherit;
		right: 0;
		top: 0;
	}

	.newsSub .contents .inner .newsMain .entryTitle {
		padding-bottom: 10px;
		margin-bottom: 15px;
		font-size: 15px;
		text-align: left;
	}

	.newsSub .contents .inner .newsMain .entryContent p {
		font-size: 14px;
	}

	.newsSub .contents .inner .link {
		margin: 40px auto 0 auto;
		padding-top: 10px;
		width: 100%;
		text-align: center;
	}

	.newsSub .contents .inner .link ul li {
		list-style: none;
		display: inline;
		margin-right: 10px;
	}

	.newsSub .contents .inner .link ul li:after {
		content: "|";
	}

	.newsSub .contents .inner .link ul li:last-child:after {
		content: none;
	}

	.newsSub .contents .inner .link ul li a {
		color: #000;
		text-decoration: none;
		padding-right: 15px;
	}
	
	.newsSub .contents .inner .link ul li:last-child a {
		padding-right: 0;
	}

	.newsSub .contents .inner .link ul li a:hover {
		text-decoration: underline;
	}

}/*--sp--*/




/*-- ////////////////////////////////////////////
////
////  corpWrap
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
/*--corporation
-----------------------------------------------*/
.corpWrap #mainVisuial {
	height: auto;
	margin-top: 86px;
}

.corpWrap #mainVisuial .inner {
	padding: 35px 0;
	height: auto;
	position: relative;
}

.corpWrap #mainVisuial .inner .pageTitle {
	padding: 0;
	line-height: 23px;
	font-size: 23px;
}

.corpWrap .contents {
	padding-top: 50px;
}

.corpWrap .tabContent {
	text-align: left;
	width: 1021px;
}

.corpWrap .tabContent section {
	background-color: #fff;
}

#corpInfo {
	padding: 100px 50px;
	box-sizing: border-box;
	font-size: 16px;
}

.tab { 
  overflow: hidden; 
  text-align: center;
  display: flex;
  justify-content: space-between;
}

.tab li {
  width: 49%;
  margin: 0 2% 0 0;
  padding: 0 0 !important; 
  cursor: pointer;
	list-style: none;
	background-color: #efefef;
	color: #9fa0a0;
	border-radius: 10px 10px 0 0;
	transition: all 0.5s 0 linear;
	height: 50px;
}

.tab li h3 {
	font-size: 18px;
	font-weight: 500;
	line-height: 50px;
}

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

.tab li:hover {
	color: #000;
}

.tab li.select {
	background-color: #fff;
	color: #000;
}

.divider {
	height: 0; /*高さをリセット*/
	margin: 90px 0; /*マージンをリセット*/
	padding: 0; /*パディングをリセット*/
	border: 0; /*ボーダーをリセット*/
	border-top: 1px solid #9fa0a0;
}

#greeting {
	display: none;
	padding: 90px 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
}

#greeting h3 {
	margin-bottom: 45px;
	font-size: 24px;
	text-align: center;
	font-weight: 500;
}

#greeting p {
	line-height: 2;
	margin-bottom: 35px;
}

#greeting p:last-child {
	margin-bottom: 0;
}

#greeting .last {
	margin-top: 5px;
	text-align: right;
	font-size: 18px;
}

#corpInfo dl:after,
#history dl:after {
	content: "";
	display: block;
	clear: both;
}

#corpInfo dl dt:last-child,
#corpInfo dl dd:last-child,
#history dl dt:last-child,
#history dl dd:last-child {
	margin-bottom: 0;
}

#corpInfo dl,
#history dl {
	margin-left: 80px;
}

#corpInfo dl#cinfo dt {
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 100px;
	text-align: right;
}

#corpInfo dl#cinfo dd {
	float: left;
	margin-bottom: 20px;
	padding-left: 35px;
	width: calc(100% - 135px);
}

#corpInfo dl#history dt {
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 100px;
	text-align: right;
}

#corpInfo dl#history dd {
	float: left;
	margin-bottom: 20px;
	padding-left: 35px;
	width: calc(100% - 135px);
}

}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
	.corpWrap #mainVisuial {
		height: auto;
	}

	.corpWrap #mainVisuial .inner {
		padding: 30px 0;
		height: auto;
	}

	.corpWrap #mainVisuial .inner .pageTitle {
		line-height: 18px;
		font-size: 18px;
	}
	
	.corpWrap .contents {
		padding-top: 30px;
	}	
	
	.corpWrap .tabContent {
		width: 100%;
	}
	
.tab { 
  overflow: hidden; 
  text-align: center;
  display: flex;
  justify-content: space-between;
	padding: 0 10px;
}

.tab li {
  width: 49%;
  margin: 0 2% 0 0;
  padding: 15px 0; 
  cursor: pointer;
	list-style: none;
	background-color: #efefef;
	color: #9fa0a0;
	border-radius: 6px 6px 0 0;
	transition: all 0.5s 0 linear;
}

.tab li h3 {
	font-size: 12px;
	font-weight: 300;
	margin: 0;
	padding: 0;
}

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

.tab li:hover {
	color: #000;
}

.tab li.select {
	background-color: #fff;
	color: #000;
}

	
	#corpInfo,
	#greeting {
		padding: 40px 10px;
		box-sizing: border-box;
		font-size: 14px;
		background: #fff;
}
	
	#corpInfo dl,
	#history dl {
		margin-left: 0;
	}

	#corpInfo dl#cinfo dt {
		clear: both;
		margin-bottom: 5px;
		width: 100%;
		text-align: left;
		color: #B2CB37;
		font-weight: 600;
	}

	#corpInfo dl#cinfo dd {
		float: none;
		margin-bottom: 10px;
		width: calc(100% - 10px);
		text-align: left;
		border-bottom: 1px dotted #666;
		padding-bottom: 10px;
		
	}

	#corpInfo dl#history dt {
		clear: both;
		margin-bottom: 5px;
		width: 100%;
		text-align: left;
		color: #B2CB37;
		font-weight: 600;
	}
	#corpInfo dl#history dd {
		float: none;
		margin-bottom: 10px;
		width: calc(100% - 10px);
		text-align: left;
		border-bottom: 1px dotted #666;
		padding-bottom: 10px;
		
	}

.divider {
	height: 0; /*高さをリセット*/
	margin: 40px 0; /*マージンをリセット*/
	padding: 0; /*パディングをリセット*/
	border: 0; /*ボーダーをリセット*/
	border-top: 1px solid #fff;
}
	.corpWrap h4 {
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		margin: 0 0 40px 0 ;
	}
#greeting {
	display: none;
	padding: 90px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	#greeting h3 {
		margin-bottom: 30px;
		font-size: 18px;
	}

	#greeting p {
		line-height: 2;
		margin-bottom: 20px;
		text-align: left;
	}

}/*--sp--*/



/*-- ////////////////////////////////////////////
////
//// fermebiei/products.html  
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {

.fermeProducts {
	background-color: #fff;
	text-align: center;
}
.fermeProducts .tabContents {
	margin: 30px auto  0 auto;
	padding-top: 0px !important;
	width: 1044px;
}
.fermeProducts .tabContents .tabInner {
	padding: 20px 20px 0 20px;
	background-color: #fef9e4;
}
.fermeProducts .tab li:hover,
.fermeProducts .tab li:hover a,
.fermeProducts .tab li.select a,
.fermeProducts .tab li.select {
	background-color: #fef9e4;
	color: #000;
	}
	.fermeProducts .tab li {
		padding: 0;
	}
		.fermeProducts .tab li a {
			border-radius: 10px 10px 0 0;
			padding: 18px 0;
			display: block;
			color: #898989;
			font-size: 18px;
			font-weight: 500;
			text-decoration: none;
		}

.fermeProducts #featuredList .inner {
	width: 100%;
}

.fermeProducts #featuredList {
	padding-top: 0;
}

.fermeProducts #featuredList .flx .lft,
.fermeProducts #featuredList .flx .rt {
	width: 49%;
	background: #fff;
	padding: 15px;
	box-sizing: border-box;
	position: relative;
}

.fermeProducts #popularItems .inner {
	width: 100%;
	padding: 20px 25px;
	box-sizing: border-box;
}

#itemList .inner {
	width: 100%;
}

.fermeProducts #itemList .catBox > ul  {
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.fermeProducts #itemList .catBox > ul > li {
	margin: 0 17px 20px 17px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.fermeProducts .link a {
	margin: 40px auto 0 auto;
	display: block;
	padding: 23px 0;
	width: 470px;
	font-size: 16px;
	color: #000;
	text-align: center;
	border: 1px #000 solid;
	background-color: #fff;
	text-decoration: none;
}

.fermeProducts .link a:hover {
	color: #333;
}

.fermeProducts .link:last-of-type a {
	margin: 20px auto 70px auto;
}
.fermeProducts .category {
	padding-bottom: 70px;
	border-bottom: 4px #b2cb37 dotted;
}

.fermeProducts .category ul {
	font-size: 0;
}

.fermeProducts .category ul li {
	font-size: 14px !important;
	display: inline-block;
	font-weight: 300;
}

.fermeProducts .category ul > li,
.fermeProducts .category ul > li > ul > li {
	list-style: none;
}

.fermeProducts .category ul > li > ul > li {
	text-align: left;
	display: inline-block;
}

.fermeProducts .category ul > li > ul > li:after {
	content: "|";
}

.fermeProducts .category ul > li > ul > li:last-child {
	margin-right: 0;
}

.fermeProducts .category ul > li > ul > li:last-child a {
	padding-right: 0;
}

.fermeProducts .category ul > li > ul > li:last-child:after {
	content: "";
}

.fermeProducts .category ul > li {
	margin-bottom: 10px;
}

.fermeProducts .category ul > li:last-child {
	margin-bottom: 0;
}

.fermeProducts .category ul li a {
	padding: 0 15px;
	color: #000;
	text-decoration: none;
}

.fermeProducts .category ul li a:hover {
	text-decoration: underline;
}

.fermeProducts .category ul li a:before {
	content: "▼ ";
}


}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
	.fermeProducts  {
		background: #fef9e4;
	}	
	
/*-- 共通タブ --*/	
	
.fermeProducts .tabContents {
	margin: 0px !important;
	padding: 0;
	}
	.fermeProducts .tabContents .inner {
		margin: 0px !important;
		padding: 10px;
	}
		.fermeProducts .tabContents  ul.tab {
			list-style: none;
			margin: 0;
			padding: 0 10px; 
			display: inline-block;
			background:  #fff;
			width: calc(100% - 20px);
		}
			.fermeProducts .tabContents ul.tab li {
				width: calc(50% - 10px) !important;
				display: inline-block;
				padding: 0 !important;
				margin:  0 !important;
			}
				.fermeProducts .tabContents ul.tab li h2 a  {
					display: block !important;
					padding: 10px 0 ;
					text-align: center;
					border-radius: 10px 10px 0 0 ;
					background: #efefef;
					color: #222 !important;
					font-size: 14px;
					text-decoration: none;
					white-space: nowrap;
				}
					.fermeProducts .tabContents ul.tab li.select h2 a {
							background: #fef9e4;
						color: #222;
					}
	.fermeProducts #itemList {
		padding: 20px 0 0 0  !important ;
		margin: 0 !important;
	}
	.fermeProducts #itemList .inner {
		width: 100%;
		padding: 0 10px !important;
		margin: 0 !important ;
	}
	.fermeProducts .category {
		padding-bottom: 0 !important;
		border-bottom: none;
		width: 100%;
		margin: 0 !important;
	}

	.fermeProducts .category ul {
		font-size: 0;
		margin: 0 !important;
	}

	.fermeProducts .category ul li {
		font-size: 14px;
		margin: 0 !important;
	}
	.fermeProducts .category ul li a {
		display: block !important;
		text-align: center;
		margin: 2px !important;
		padding: 5px 0 !important;
		background: rgba(255,255,255,0.5);
		border-radius: 6px;
	}
	.fermeProducts .category ul li a::before {
		content: "▼ ";
		color: #B2CB37;
	}
	.fermeProducts .category ul > li,
	.fermeProducts .category ul > li > ul > li {
		list-style: none;
	}
	
	.fermeProducts .category > ul > li {
		display: inline-block;
		width: 50%;
		text-align: left;
	}

	.fermeProducts .category ul > li > ul > li {
		text-align: left;
		display: block;
	}

	.fermeProducts .category ul > li {
		margin-bottom: 10px;
	}

	.fermeProducts .category ul > li:last-child {
		margin-bottom: 0;
	}

	.fermeProducts .category ul li a {
		padding: 0;
		font-size: 14px;
		font-weight: 500;
		color: #000;
		text-decoration: none;
	}
	
	.fermeProducts .category > ul > li > ul > li a {
		display: inline-block;
		vertical-align: middle;
		padding: 10px 0;
		width: 100%;
		border-top: 2px #000 dotted;
	}
	
	.fermeProducts .category > ul > li > ul > li:last-child a {
		border-bottom: 2px #000 dotted;
	}
	
	.fermeProducts #featuredList .inner {
		width: 100%;
	}

	.fermeProducts #featuredList {
		padding-top: 0;
	}

	.fermeProducts #featuredList .flx .lft,
	.fermeProducts #featuredList .flx .rt {
		width: 100%;
		background: #fff;
		padding: 15px;
		box-sizing: border-box;
		position: relative;
	}
	
	.fermeProducts #popularItems {
		margin-top: 20px;
	}
	
	.fermeProducts #popularItems .inner {
		width: 100%;
		padding: 20px 3.125%;
		box-sizing: border-box;
}
	
	.fermeProducts #popularItems .inner > ul > li {
		vertical-align: top;
	}
	
	.fermeProducts #itemList .catBox > ul > li {
		margin: 0 2% 20px 0;
	}
	
	.fermeProducts .link a {
		margin: 40px auto 0 auto;
		display: block;
		padding: 0px 10px;
		width: 100%;
		font-size: 14px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border:  1px solid #705;
	}

	.fermeProducts .link:last-of-type a {
		margin: 20px auto 60px auto;
	}
	
	.fermeProducts .fNav {
		width: 100%;
	}

.fermeProducts .link:nth-of-type(1) {
	margin-top: 30px !important;
	}
.fermeProducts .link a {
	margin: 10px auto 0 auto;
	display: block;
	padding: 15px 0;
	width: 100%;
	font-size: 14px;
	color: #000;
	text-align: center;
	border: 1px #000 solid;
	background-color: #fff;
	text-decoration: none;
}

	
	
	
	

}/*--sp--*/

/*-- ////////////////////////////////////////////
////
////   ferme menu
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {

.menuWrap {
		background-color: #fef9e4;
	padding-top: 30px;
}

.menuWrap .tabContents {
	margin: 0 auto;
	padding: 30px 0 130px;
	width: 1044px;
}

.menuWrap .tabContents .tabInner {
	background-color: #fff;
}
.menuWrap .tab li:hover,
.menuWrap .tab li:hover a,
.menuWrap .tab li.select a,
.menuWrap .tab li.select {
	background-color: #fff;
	color: #000;
	}
	.menuWrap .tab li {
		padding: 0;
	}
		.menuWrap .tab li a {
			border-radius: 10px 10px 0 0;
			padding: 18px 0;
			display: block;
			color: #898989;
			font-size: 18px;
			font-weight: 500;
			text-decoration: none;
		}
	
.menuWrap #menu {
	padding: 100px 20px 20px 20px;
}

.menuWrap #menu .inner {
	width: 100%;
}

.menuWrap #menu h3 {
	margin-bottom: 30px;
	font-size: 25px;
	font-weight: 500;
}

.menuWrap .tabBtm li a {
	border-radius: 0 0 10px 10px !important;
}

.menuWrap .tabBtm li {
	border-radius: 0 0 10px 10px;
}

}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {

	.menuWrap {
		background: #fef9e4 ;
		padding: 20px 0 ;
	}

/*-- 共通タブ --*/	
	
.menuWrap .tabContents {
	margin: 0px !important;
	padding: 0;
	}
	.menuWrap .tabContents .inner {
		margin: 0px !important;
		padding: 10px;
	}
		.menuWrap .tabContents  ul.tab {
			list-style: none;
			margin: 10px 0 0 0 ;
			padding: 0 10px; 
			display: inline-block;
			width: calc(100% - 20px);
		}
			.menuWrap .tabContents ul.tab li {
				width: calc(50% - 10px) !important;
				display: inline-block;
				padding: 0 !important;
				margin:  0 !important;
			}
				.menuWrap .tabContents ul.tab li h2 a  {
					display: block !important;
					padding: 10px 0 ;
					text-align: center;
					border-radius: 10px 10px 0 0 ;
					background: #efefef;
					color: #222 !important;
					font-size: 14px;
					text-decoration: none;
					white-space: nowrap;
				}
					.menuWrap .tabContents ul.tab li.select h2 a {
							background: #fff;
						color: #222;
					}

	.menuWrap .tabInner {
		padding: 10px;
		background: #fff !important;
		width: calc(100% - 40px) !important;
		margin: -5px 10px 0 10px ;
		position: relative;
	}

	.menuWrap #menu .inner {
		width: 100%;
	}

	.menuWrap #menu h3 {
		margin-bottom: 20px;
		font-size: 18px;
		padding: 20px 0 10px 0 ;
	}
	.menuWrap .tabBtm {
		position: relative;
		margin-top: -0px !important;
	}
	.menuWrap .tabBtm li a {
		border-radius: 0 0 10px 10px !important;
	}

	.menuWrap .tabBtm li {
		border-radius: 0 0 10px 10px;
		padding: 0;
	}
}/*--sp--*/



/*-- ////////////////////////////////////////////
////
////   recruit 
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
.recruitTop #mainVisuial,
.recruitWrap #mainVisuial {
	height: auto;
	margin-top: 86px;
}

.recruitTop #mainVisuial .inner,
.recruitWrap #mainVisuial .inner {
	padding: 35px 0;
	height: auto;
	position: relative;
}

.recruitTop #mainVisuial .inner .pageTitle,
.recruitWrap #mainVisuial .inner .pageTitle {
	padding: 0;
	line-height: 23px;
	font-size: 23px;
}

.recruitTop .contents {
	padding-top: 30px;
}

.recruitTop .contents .inner {
	width: 1044px;
}

.recruitTop .contents .inner #mainImage {
	margin-bottom: 45px;
	background: url(../recruit/mv01.jpg) no-repeat center top;
	height: 678px;
	position: relative;
}

.recruitTop .contents .inner #mainImage img {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.recruitTop .contents .inner #rtop .flx:after {
	content: "";
	display: block;
	clear: both;
}

.recruitTop .contents .inner #rtop .flx {
	position: relative;
	margin: 0 10px;
}

.recruitTop .contents .inner #rtop .flx .lft {
	float: left;
	width: 500px;
	text-align: left;
	font-size: 14px;
}

.recruitTop .contents .inner #rtop .flx .rt {
	float: right;
	width: 500px;
}

.recruitTop .contents .inner #rtop .flx .rt ul {
	font-size: 0;
}

.recruitTop .contents .inner #rtop .flx .rt ul li {
	margin-bottom: 15px;
	list-style: none;
	display: inline-block;
	font-size: 18px;
	vertical-align: top;
}

.recruitTop .contents .inner #rtop .flx .rt ul li:first-child {
	width: 100%;
}

.recruitTop .contents .inner #rtop .flx .rt ul li .linkGreen {
	margin-bottom: 10px;
	display: block;
	background-color: #b2cb37;
	font-size: 18px;
	padding: 40px 0;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
}

.recruitTop .contents .inner #rtop .flx .rt ul li a {
	display: block;
	width: 100%;
}

.recruitTop .contents .inner #rtop .flx .rt ul li a:hover {
	opacity: 0.9;
}

.recruitTop .contents .inner #rtop .flx .rt ul li a:not(.linkGreen) {
	padding: 15px 0;
	font-size: 18px;
	border: 1px #b2cb37 solid;
	border-radius: 5px;
	color: #000;
	text-decoration: none;
}

.recruitTop .contents .inner #rtop .flx .rt .btnArea01 {
	margin-bottom: 35px;
}

.recruitTop .contents .inner #rtop .flx .rt .btnArea01 ul li:nth-child(2),
.recruitTop .contents .inner #rtop .flx .rt .btnArea01 ul li:nth-child(3) {
	width: 48%;
	margin-right: 2%;
}

.recruitTop .contents .inner #rtop .flx .rt .btnArea02 ul li:nth-child(2),
.recruitTop .contents .inner #rtop .flx .rt .btnArea02 ul li:nth-child(3),
.recruitTop .contents .inner #rtop .flx .rt .btnArea02 ul li:nth-child(4) {
	width: 31.33%;
	margin-right: 2%;
}

.recruitTop .contents .inner #rtop .flx .rt ul li:last-child {
	margin-right: 0;
}

.recruitTop .contents .inner #rtop .flx .rt .btnArea01 ul li:last-child a {
	margin-right: 0;
}

.recruitTop .contents .inner #rtop .flx .images {
	position: absolute;
	bottom: 10px;
	left: 0;
}

/* message.html */

.recruitWrap .contents .inner .subMenu ul {
	padding-top: 40px;
	font-size: 0;
}

.recruitWrap .contents .inner .subMenu ul li {
	display: inline-block;
	font-size: 18px;
	margin-right: 5px;
}

.recruitWrap .contents .inner .subMenu ul li a {
	padding: 10px 0;
	display: block;
	color: #000;
	text-decoration: none;
	border: 1px #b2cb37 solid;
	border-radius: 5px;
}

.recruitWrap .contents .inner .subMenu ul li:nth-child(1),
.recruitWrap .contents .inner .subMenu ul li:nth-child(3) {
	width: 160px;
}

.recruitWrap .contents .inner .subMenu ul li:nth-child(2) {
	width: 260px;
}

.recruitWrap .contents .inner .subMenu ul li a:hover {
	background-color: rgba(179,203,55,0.3);
}
.recruitWrap .contents .inner .subMenu ul li.active a {
	background-color: #b2cb37;
	color: #fff;
	font-weight: 600;
}

.recruitWrap .contents .inner #msg {
	margin-top: 80px;
	width: 1028px;
}

.recruitWrap .contents .inner #msg h3 {
	font-size: 24px;
	font-weight: 700;
}

.recruitWrap .contents .inner #msg h4 {
	margin-bottom: 25px;
	margin-top: 50px;
	font-size: 18px;
	color: #b2cb37;
	border-bottom: 1px #b2cb37 solid;
}

.recruitWrap .contents .inner #msg .flx {
	box-sizing: border-box;
}

.recruitWrap .contents .inner #msg .flx:after {
	content: "";
	display: block;
	clear: both;
}

.recruitWrap .contents .inner #msg .flx .lft {
	float: left;
	box-sizing: border-box;
}

.recruitWrap .contents .inner #msg .flx .rt {
	float: right;
	box-sizing: border-box;
}

.recruitWrap .contents .inner #msg .flx .lead {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 700;
}


.recruitWrap .contents .inner #msg .column1 {
	padding-top: 20px;
}

.recruitWrap .contents .inner #msg .column1 .lft {
	width: 595px;
	padding-left: 10px;
}

.recruitWrap .contents .inner #msg .column1 .rt {
	padding-right: 25px;
	text-align: right;
	padding-top: 30px;
	width: 417px;
}

.recruitWrap .contents .inner #msg .column2 {
	margin: 50px 0 20px;
}

.recruitWrap .contents .inner #msg .column2 .lft {
	padding: 5px 0 0 10px;
	text-align: left;
	width: 427px;
}

.recruitWrap .contents .inner #msg .column2 .rt {
	text-align: left;
	width: 570px;
}

.recruitWrap .contents .inner #msg .column2 .rt .last {
	margin-top: 30px;
}

.recruitWrap .contents .inner #msg .flx .text {
	text-align: left;
}

.recruitWrap .contents .inner #msg .flx .text p {
	line-height: 2;
}

.recruitWrap .contents .inner #msg .style01 {
	margin-bottom: 20px;
}

.recruitWrap .contents .inner #msg .style01 li {
	list-style: none;
	margin-bottom: 5px;
	font-size: 16px;
}

.recruitWrap .contents .inner #msg .style02 li {
	list-style: none;
}

.recruitWrap .contents .inner #msg .style01 li:before,
.recruitWrap .contents .inner #msg .style02 li:before { 
	content: "・";
}

.recruitWrap .contents .inner #msg .column3 .lft {
	padding-left: 15px;
	width: 600px;
}

.recruitWrap .contents .inner #msg .column3 .lft .last {
	margin-top: 30px;
}

.recruitWrap .contents .inner #msg .column3 .rt {
	width: 415px;
	padding-right: 10px;
}

.recruitWrap .contents .inner #msg .column4 .lft,
.recruitWrap .contents .inner #msg .column4 .rt {
	width: 500px;
}

.recruitWrap .contents .inner #msg .column4 .text {
	padding: 0 10px;
}

.recruitWrap .contents .inner .btm {
	margin-top: 90px;
}

/* requirements */
.recruitWrap .contents .inner #rq > h3 {
	margin: 60px 0 30px;
	font-size: 24px;
	font-weight: 700;
	border-bottom: 1px #b2cb37 solid;
}

.recruitWrap .contents .inner #rq > dl {
	margin-bottom: 50px;
	text-align: left;
}

.recruitWrap .contents .inner {
	width: 1018px;
}

.recruitWrap .contents .inner #rq > dl {
	padding-left: 10px;
}

.recruitWrap .contents .inner #rq > dl dt {
	margin-bottom: 10px;
	font-size: 18px;
}

.recruitWrap .contents .inner .tabContent .info {
	padding: 60px 40px;
	background-color: #fff;
	text-align: left;
	box-sizing: border-box;
}

.recruitWrap .contents .inner .tabContent .tab li {
	padding: 0;
	background: #eff0c1;
}

.recruitWrap .contents .inner .tabContent .tab a {
	padding: 20px 0 15px;
	color: #b2cb37;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	display: block;
	background-color: #eff0c1;
	border-radius: 5px 5px 0 0;
}

.recruitWrap .contents .inner .tabContent .tab a:hover {
	background-color: #eaebad;
}

.recruitWrap .contents .inner .tabContent .tab .select a {
	color: #fff;
	font-size: 18px;
	background-color: #b2cb37;
}

.recruitWrap .contents .inner .tabContent table {
  border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #d8e59b;
}

.recruitWrap .contents .inner .tabContent table td ul li {
	list-style: none;
}

.recruitWrap .contents .inner .tabContent table th,
.recruitWrap .contents .inner .tabContent table td {
  border-right: 1px solid #d8e59b;
	border-bottom: 1px solid #d8e59b;
	border-left: 1px solid #d8e59b;
  padding: 10px;
}

.recruitWrap .contents .inner .tabContent table th {
  background-color: #f7f8f8;
}

.recruitWrap .contents .inner .tabContent table td dl dd {
	margin-left: 20px;
}

}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
.recruitWrap .contents .inner .tabContent  table {
    display: block;
    position: relative;
  }

 .recruitWrap .contents .inner .tabContent table th,
 .recruitWrap .contents .inner .tabContent table td {
    display: block;
  }
  .recruitWrap .contents .inner .tabContent table tbody tr {
    margin-right: -5px;
  }
	
	.recruitTop #mainVisuial,
	.recruitWrap #mainVisuial .inner {
		height: auto;
		margin-top: 60px;
	}

	.recruitTop #mainVisuial .inner,
	.recruitWrap #mainVisuial .inner {
		padding: 30px 0;
		height: auto;
	}

	.recruitTop #mainVisuial .inner .pageTitle,
	.recruitWrap #mainVisuial .inner .pageTitle {
		line-height: 18px;
		font-size: 18px;
	}
	
	.recruitTop .contents {
		padding-top: 20px;
	}

	.recruitTop .contents .inner {
		width: 93.75%;
	}

	.recruitTop .contents .inner #mainImage {
		margin-bottom: 25px;
		background: url(../recruit/mv01.jpg) no-repeat center top;
		height: 340px;
		-webkit-background-size: cover;
		background-size: cover;
		margin-left: -11px;
		width: 100vw;
		margin-top: -20px;
	}

	.recruitTop .contents .inner #mainImage img {
		position: absolute;
		display: inline-block;
		top: 90px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 240px;
		height: auto;
	}

	.recruitTop .contents .inner #rtop .flx {
		position: relative;
		margin: 0;
	}

	.recruitTop .contents .inner #rtop .flx .lft {
		margin-bottom: 25px;
		float: none;
		width: 100%;
		text-align: left;
		font-size: 14px;
	}

	.recruitTop .contents .inner #rtop .flx .rt {
		float: none;
		width: 100%;
	}

	.recruitTop .contents .inner #rtop .flx .rt ul {
		font-size: 0;
	}
	.recruitTop .contents .inner #rtop .flx .rt ul::after {
		display: block;
		content: "";
		clear: both;
		float: none;
	}

	.recruitTop .contents .inner #rtop .flx .rt ul li {
		margin-bottom: 15px;
		list-style: none;
		display: block;
		font-size: 16px;
	}

	.recruitTop .contents .inner #rtop .flx .rt ul li:first-child {
		width: 100%;
	}

	.recruitTop .contents .inner #rtop .flx .rt ul li .linkGreen {
		margin-bottom: 10px;
		display: block;
		background-color: #b2cb37;
		font-size: 18px;
		padding: 15px 0;
		border-radius: 5px;
		color: #fff;
		text-decoration: none;
	}

	.recruitTop .contents .inner #rtop .flx .rt ul li a:not(.linkGreen) {
		padding: 10px 0;
		font-size: 13px;
		border: 1px #b2cb37 solid;
		border-radius: 5px;
		color: #000;
		display: block;
		text-align: center;
		text-decoration: none;
	}

	.recruitTop .contents .inner #rtop .flx .rt .btnArea01,
	.recruitTop .contents .inner #rtop .flx .rt .btnArea02 {
		margin-bottom: 30px;
	}

	.recruitTop .contents .inner #rtop .flx .rt .btnArea01 ul li:nth-child(2),
	.recruitTop .contents .inner #rtop .flx .rt .btnArea01 ul li:nth-child(3) {
		width: calc(50vw - 20px);
		margin: 0 2px;
		padding: 0;
		display: inline-block;
	}

	.recruitTop .contents .inner #rtop .flx .rt .btnArea02 ul li:nth-child(2),
	.recruitTop .contents .inner #rtop .flx .rt .btnArea02 ul li:nth-child(3),
	.recruitTop .contents .inner #rtop .flx .rt .btnArea02 ul li:nth-child(4) {
		width: calc(33vw - 12px);
		margin: 0 2px;
		padding: 0;
		display: inline-block;
	}

	.recruitTop .contents .inner #rtop .flx .rt .btnArea01 ul li:last-child a {
		margin-right: 0;
	}

	.recruitTop .contents .inner #rtop .flx .images {
		position: inherit;
		bottom: auto;
		left: 0;
	}
	
	/* message.html */

	.recruitWrap .contents .inner .subMenu ul {
		padding-top: 10px;
		font-size: 0;
		vertical-align: middle;
	}

	.recruitWrap .contents .inner .subMenu ul li {
		display: inline-block;
		font-size: 12px;
		margin: 0 0 0 0;
		width: calc( 33vw - 10px) !important;
		vertical-align: middle;
	}

	.recruitWrap .contents .inner .subMenu ul li a {
		padding: 5px;
		display: block;
		color: #000;
		text-decoration: none;
		line-height: 1.2;
		margin: 0;
	}
	.recruitWrap .contents .inner .subMenu ul li a:hover {
		background-color: rgba(179,203,55,0.3);
	}
	.recruitWrap .contents .inner .subMenu ul li.active a {
		background-color: #b2cb37;
		color: #fff;
		font-weight: 600;
	}

	.recruitWrap .contents .inner #msg {
		margin-top: 50px;
		width: 100%;
	}

	.recruitWrap .contents .inner #msg h3 {
		font-size: 18px;
		font-weight: 700;
	}

	.recruitWrap .contents .inner #msg h4 {
		margin-bottom: 20px;
		margin-top: 30px;
		font-size: 18px;
		color: #b2cb37;
		border-bottom: 1px #b2cb37 solid;
	}

	.recruitWrap .contents .inner #msg .flx .lft {
		float: none;
		box-sizing: border-box;
	}

	.recruitWrap .contents .inner #msg .flx .rt {
		float: none;
		box-sizing: border-box;
	}

	.recruitWrap .contents .inner #msg .flx .lead {
		margin-bottom: 20px;
		font-size: 15px;
		font-weight: 700;
	}


	.recruitWrap .contents .inner #msg .column1 {
		padding-top: 0px;
	}

	.recruitWrap .contents .inner #msg .column1 .lft {
		width: 100%;
		padding-left: 0px;
	}

	.recruitWrap .contents .inner #msg .column1 .rt {
		padding-right: 0;
		text-align: center;
		padding-top: 30px;
		width: 100%;
	}

	.recruitWrap .contents .inner #msg .column2 {
		margin: 40px 0 0;
	}

	.recruitWrap .contents .inner #msg .column2 .lft {
		padding: 20px 0 0;
		text-align: center;
		width: 100%;
	}

	.recruitWrap .contents .inner #msg .column2 .rt {
		text-align: left;
		width: 100%;
	}

	.recruitWrap .contents .inner #msg .column2 .rt .last {
		margin-top: 30px;
	}

	.recruitWrap .contents .inner #msg .flx .text {
		text-align: left;
	}

	.recruitWrap .contents .inner #msg .style01 {
		margin-bottom: 0px;
	}

	.recruitWrap .contents .inner #msg .style01 li {
		list-style: none;
		margin-bottom: 5px;
		font-size: 14px;
	}

	.recruitWrap .contents .inner #msg .style02 li {
		list-style: none;
	}

	.recruitWrap .contents .inner #msg .style01 li:before,
	.recruitWrap .contents .inner #msg .style02 li:before { 
		content: "・";
	}

	.recruitWrap .contents .inner #msg .column3 .lft {
		padding-left: 0;
		width: 100%;
	}

	.recruitWrap .contents .inner #msg .column3 .lft .last {
		margin-top: 30px;
	}

	.recruitWrap .contents .inner #msg .column3 .rt {
		margin-top: 20px;
		width: 100%;
		padding-right: 0px;
	}

	.recruitWrap .contents .inner #msg .column4 .lft,
	.recruitWrap .contents .inner #msg .column4 .rt {
		width: 100%;
	}

	.recruitWrap .contents .inner #msg .column4 .text {
		padding: 0;
	}

	.recruitWrap .contents .inner .btm {
		margin-top: 30px;
	}
	
	/* requirements */
	.recruitWrap .contents .inner #rq > h3 {
		margin: 50px 0 20px;
		font-size: 18px;
		font-weight: 700;
	}

	.recruitWrap .contents .inner #rq > dl {
		margin-bottom: 40px;
		text-align: left;
	}

	.recruitWrap .contents .inner {
		width: 93.75%;
	}

	.recruitWrap .contents .inner #rq > dl {
		padding-left: 0px;
	}

	.recruitWrap .contents .inner #rq > dl dt {
		margin-bottom: 10px;
		font-size: 16px;
	}

	.recruitWrap .contents .inner .tabContent .info {
		padding: 30px 3.125%;
		background-color: #fff;
		text-align: left;
		box-sizing: border-box;
	}

	.recruitWrap .contents .inner .tabContent .tab li {
		padding: 0;
		background-color: #fff;
	}

	.recruitWrap .contents .inner .tabContent .tab a {
		padding: 15px 0 12px;
		color: #333;
		text-decoration: none;
		font-size: 12px;
		font-weight: 300;
		font-weight: 500;
		display: block;
		background-color: #eff0c1;
		border-radius: 5px 5px 0 0;
	}

	.recruitWrap .contents .inner .tabContent .tab a:hover {
		background-color: #fff;
	}

	.recruitWrap .contents .inner .tabContent .tab .select a {
		color: #000;
		font-size: 12px;
		background-color: #fff;
		font-weight: 600;
	}
.recruitWrap .contents .inner .tabContent table {
  border-collapse: collapse;
	border: none;
	display: block !important;
}

.recruitWrap .contents .inner .tabContent table td ul li {
	list-style: none;
}

.recruitWrap .contents .inner .tabContent table th,
.recruitWrap .contents .inner .tabContent table td {
	border: none;
	display: block !important;
  padding: 10px;
}

.recruitWrap .contents .inner .tabContent table th {
  background-color: #eee;
}

.recruitWrap .contents .inner .tabContent table td dl dd {
	margin-left: 20px;
}
}/*--sp--*/


/*-- ////////////////////////////////////////////
////
////   thankscard 
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
.thanksWrap #mainVisuial {
	height: auto;
	margin-top: 86px;
}

.thanksWrap #mainVisuial .inner {
	padding: 35px 0;
	height: auto;
	position: relative;
}

.thanksWrap #mainVisuial .inner .pageTitle {
	padding: 0;
	line-height: 23px;
	font-size: 23px;
}

.thanksWrap .contents .inner {
	width: 1028px;
}

.thanksWrap .contents .inner #info {
	padding-top: 90px;
}

.thanksWrap .contents .inner #info .flx:after {
	content: "";
	display: block;
	clear: both;
}

.thanksWrap .contents .inner #info .column01 {
}

.thanksWrap .contents .inner #info .column01 .lft {
	float: left;
	margin-left: 20px;
	text-align: left;
	width: 500px;
}

.thanksWrap .contents .inner #info .column01 .rt {
	float: right;
	width: 444px;
	margin-right: 20px;
}

.thanksWrap .contents .inner #info .column01 .lft h3 {
	margin-bottom: 30px;
	font-size: 21px;
}

.thanksWrap .contents .inner #info .column01 .lft p {
	line-height: 2;
}

.thanksWrap .contents .inner #info .column01 .lft ul {
	text-align: center;
	margin-top: 60px;
	font-size: 0;
}

.thanksWrap .contents .inner #info .column01 .lft ul li {
	list-style: none;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
}

.thanksWrap .contents .inner #info .column01 .lft ul li:not(:first-child) {
	margin-left: 20px;
}

.thanksWrap .contents .inner #info .tokuten h3 {
	margin: 80px 0 10px 0;
	font-size: 21px;
}

.thanksWrap .contents .inner #info .tokuten .flx {
	padding: 5px 0;
	border: 3px #b2cb37 solid;
	border-radius: 5px;
	background-color: #fff;
	font-size: 0;
	height: 205px;
	display: table;
}

.thanksWrap .contents .inner #info .tokuten .flx .box {
	display: table-cell;
	padding: 0 20px;
	font-size: 16px;
	width: 33.33%;
	vertical-align: top;
	box-sizing: border-box;
}

.thanksWrap .contents .inner #info .tokuten .flx .box:nth-child(1),
.thanksWrap .contents .inner #info .tokuten .flx .box:nth-child(2) {
	border-right: 3px #b2cb37 dotted;
}


.thanksWrap .contents .inner #info .tokuten .flx .box dl dt {
	font-size: 18px;
	font-weight: 700;
}

.thanksWrap .contents .inner #info .tokuten .flx .box dl dt span {
	font-size: 50px;
	padding-left: 10px;
}

.thanksWrap .contents .inner #info .tokuten .flx .box dl dd p {
	font-size: 16px;
	text-align: left;
	font-weight: 600;
}

.thanksWrap .contents .inner #info .tokuten .annotation {
	margin-top: 20px;
	font-size: 17px;
	font-weight: 600;
}

.thanksWrap .contents .inner #info .carduse {
	margin: 90px auto 0 auto;
	padding: 20px;
	width: 830px;
	background: #fff;
}

.thanksWrap .contents .inner #info .carduse h4 {
	margin-bottom: 20px;
	font-size: 21px;
	font-weight: 700;
}

.thanksWrap .contents .inner #info .carduse ul　{
	font-size: 0;
}
.thanksWrap .contents .inner #info .carduse ul li {
	list-style: none;
	font-size: 14px;
	display: inline-block;
}

.thanksWrap .contents .inner #info .carduse ul li:not(:last-child) {
	margin: 0 25px 20px 0;	
}

.thanksWrap .contents .inner #info .carduse ul li:before {
	content: "●";
}

.thanksWrap .contents .inner #info .other {
	margin-top: 90px;
	margin-bottom: 40px;
}
	.thanksWrap .contents .inner #info .other::after {
		display: block;
		content: "";
		clear: both;
		float: none;
	}

.thanksWrap .contents .inner #info .other .flx h3 {
	margin-bottom: 20px;
	font-size: 21px;
}

.thanksWrap .contents .inner #info .other .flx .lft {
	float: left;
	width: 490px;
}

.thanksWrap .contents .inner #info .other .flx .rt {
	float: right;
	width: 490px;
}

.thanksWrap .contents .inner #info .other .flx .lft ul li {
	list-style: disc;
	margin-left: 1.5em;
}

.thanksWrap .contents .inner #info .other .flx .lft p,
.thanksWrap .contents .inner #info .other .flx .lft ul li,
.thanksWrap .contents .inner #info .other .flx .rt p,
.thanksWrap .contents .inner #info .other .flx .rt ul li {
	text-align: left;
	line-height: 2;
}

.thanksWrap .contents .inner #info .link {
	margin: 30px auto 0 auto;
	width: 340px;
}

.thanksWrap .contents .inner #info .link a {
	display: block;
	padding: 25px 0;
	background-color: #b2cb3b;
	font-size: 21px;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
.thanksWrap .contents .inner #info .link a:hover {
	background-color: #c3d34f;
}

}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
	.thanksWrap #mainVisuial {
		height: auto;
		margin-top: 60px;
	}

	.thanksWrap #mainVisuial .inner {
		padding: 30px 0;
		height: auto;
	}

	.thanksWrap #mainVisuial .inner .pageTitle {
		line-height: 18px;
		font-size: 18px;
	}
	
	.thanksWrap .contents .inner {
		width: 93.75%;
}
	
	.thanksWrap .contents .inner #info {
		padding-top: 30px;
	}

	.thanksWrap .contents .inner #info .flx:after {
		content: "";
		display: block;
		clear: both;
	}

	.thanksWrap .contents .inner #info .column01 .lft {
		float: none;
		margin-left: 0px;
		text-align: left;
		width: 100%;
	}

	.thanksWrap .contents .inner #info .column01 .rt {
		float: none;
		width: 100%;
		margin-right: 0px;
	}

	.thanksWrap .contents .inner #info .column01 .lft h3 {
		margin-bottom: 20px;
		font-size: 18px;
		text-align: center;
		font-weight: 300;
	}

	.thanksWrap .contents .inner #info .column01 .lft ul {
		text-align: center;
		margin: 30px 0;
		font-size: 0;
		display: inline-block !important;
		text-align: center !important;
	}
		.thanksWrap .contents .inner #info .column01 .lft ul li {
			display: inline-block !important;
			float: none !important;
			margin: 0 5px;
		}

	.thanksWrap .contents .inner #info .tokuten h3 {
		margin: 80px 0 10px 0;
		font-size: 16px;
	}

	.thanksWrap .contents .inner #info .tokuten .flx {
		padding: 0;
		border: 2px #b2cb37 solid;
		border-radius: 5px;
		background-color: #fff;
		font-size: 0;
		height: auto;
		display: block;
	}

	.thanksWrap .contents .inner #info .tokuten .flx .box {
		display: block;
		padding: 10px 3.125% 20px 3.125%;
		font-size: 14px;
		width: 100%;
		vertical-align: top;
		box-sizing: border-box;
	}

	.thanksWrap .contents .inner #info .tokuten .flx .box:nth-child(1),
	.thanksWrap .contents .inner #info .tokuten .flx .box:nth-child(2) {
		border-right: none;
		border-bottom: 2px #b2cb37 dotted;
	}


	.thanksWrap .contents .inner #info .tokuten .flx .box dl dt {
		font-size: 15px;
		font-weight: 700;
	}

	.thanksWrap .contents .inner #info .tokuten .flx .box dl dt span {
		font-size: 30px;
		padding-left: 10px;
	}

	.thanksWrap .contents .inner #info .tokuten .flx .box dl dd p {
		font-size: 14px;
		text-align: left;
		font-weight: 500;
	}

	.thanksWrap .contents .inner #info .tokuten .annotation {
		margin-top: 10px;
		font-size: 15px;
		font-weight: 600;
		text-align: left;
	}
	

	.thanksWrap .contents .inner #info .carduse {
		margin: 40px auto 0 auto;
		padding: 20px 3.125%;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.thanksWrap .contents .inner #info .carduse h4 {
		margin-bottom: 20px;
		font-size: 15px;
		font-weight: 700;
	}

	.thanksWrap .contents .inner #info .carduse ul　{
		font-size: 0;
	}
	.thanksWrap .contents .inner #info .carduse ul li {
		list-style: none;
		font-size: 14px;
		display: block;
		text-align: left;
	}

	.thanksWrap .contents .inner #info .carduse ul li:not(:last-child) {
		margin: 0 0 15px 0;	
	}

	.thanksWrap .contents .inner #info .other {
		margin-top: 40px;
	}

	.thanksWrap .contents .inner #info .other .flx h3 {
		margin-bottom: 15px;
		font-size: 15px;
	}

	.thanksWrap .contents .inner #info .other .flx .lft {
		margin-bottom: 30px;
		float: none;
		width: 100%;
	}

	.thanksWrap .contents .inner #info .other .flx .rt {
		float: none;
		width: 100%;
	}

	.thanksWrap .contents .inner #info .other .flx .lft ul li {
		list-style: lower-roman;
		margin: 0 0 0 2em;
	}

	.thanksWrap .contents .inner #info .other .flx .lft p,
	.thanksWrap .contents .inner #info .other .flx .lft ul li,
	.thanksWrap .contents .inner #info .other .flx .rt p,
	.thanksWrap .contents .inner #info .other .flx .rt ul li {
		text-align: left;
		line-height: 2;
	}

	.thanksWrap .contents .inner #info .link {
		margin: 40px auto 0 auto;
		width: 100%;
	}

	.thanksWrap .contents .inner #info .link a {
		display: block;
		padding: 15px 0;
		background-color: #b2cb3b;
		font-size: 15px;
		color: #fff;
		text-decoration: none;
		font-weight: 600;
	}
	.thanksWrap .contents .inner #info .link a:hover {
		background-color: #c3d34f;
	}

}/*--sp--*/


/*-- ////////////////////////////////////////////
////
////  ingredientWrap
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
.ingredientWrap #mainVisuial {
	height: auto;
	margin-top: 86px;
	background-color: #fef9e4;
}
.ingredientWrap .indexpage #mainVisuial {
	height: auto;
	margin-top: 86px ;
	background-color: #fff !important;
}

.ingredientWrap #mainVisuial .inner {
	padding: 35px 0;
	width: 1044px;
	height: auto;
	position: relative;
	background-color: #fff !important;
}

.ingredientWrap #mainVisuial .pageTitle {
	padding: 0;
	line-height: 24px;
	font-size: 24px;
}
.ingredientWrap .contents .inner {
	background: #fff;
	width: calc(1044px - 90px) !important;
	padding: 0 45px;
}
.ingredientWrap  .indexpage .contents .inner {
	background-color: #fef9e4;
	width: calc(1044px - 90px) !important;
	padding: 0 45px;
}
	.ingredientWrap #bannerList {
		padding: 35px 0 115px 0 ;
		background-color: #FEF9E5;
	}
		.ingredientWrap #bannerList .inner {
		}
			.ingredientWrap #bannerList .inner ul {
				list-style: none;
				position: relative;
				display:inline-block;
				letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
			}
				.ingredientWrap #bannerList .inner ul li {
					width: 252px;
					display:inline-block;
					vertical-align:top;
					letter-spacing: normal; /* 文字間を通常に戻す */
					margin-right: 5px;
					margin-bottom: 5px;
					box-shadow: 0px 0px 0px !important ;
				}
				.ingredientWrap #bannerList .inner ul li:nth-of-type(4n) {
					margin-right: 0px !important;
				}
			.ingredientWrap #bannerList .inner ul li a {
				width: 252px;
				height: 252px;
				display: block;
				background-size:  contain;
				text-decoration: none;
					box-shadow: 0px 0px 0px !important ;
			}
			.ingredientWrap #bannerList .inner ul li a span {
				display: block;
				text-align: center;
				color: #fff;
				padding-top: 222px;
				height: 30px;
			}

.ingredientWrap  .contents .swiper-container {
    height: 140px;
}

.ingredientWrap #bnr-slides {
	background: transparent;
	padding: 0 !important;
	margin:0 !important;
	text-align: center;
	width: 100vw !important;
}
	.ingredientWrap #bnr-slides ul {
		display: inline-block;
		text-align: center;
	}
		.ingredientWrap #bnr-slides ul li {
			display: inline-block;
		}
.ingredientWrap #bnr-slides ul li.off {
	opacity: 0.7;
	
}

.ingredientWrap #bnr-slides ul li figure,
.ingredientWrap #bnr-slides ul li figcaption {
	width: 100%;
}

.ingredientWrap #bnr-slides ul li figure img {
	display: block;
	margin: 0 auto;
	border-radius: 50%;
	width: 90px;
	height: 90px;
}


.ingredientWrap #bnr-slides ul li figcaption dl dt {
	text-shadow: none; 
	font-size: 12px;
	color: #000;
	text-align: center;
	width: 100%;
	font-weight: 600;
}

.ingredientWrap #bnr-slides ul li figcaption dl dd {
	color: #000;
	position: relative;
	text-align: center;
	font-size: 11px;
	width: 100%;
	padding-top: 5px;
}

.ingredientWrap #bnr-slides ul li figure:hover img,
.ingredientWrap #bnr-slides ul li figure.hover img,
.ingredientWrap #recProduct li figure:hover img {
  opacity: 1.0;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.ingredientWrap #bnr-slides ul li figure.not_link:hover img {
  opacity: 1.0;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}


.ingredientWrap #bnr-slides ul li figure:hover iframe {
  opacity: 1.0;
  -webkit-transform: scale(1);
  transform: scale(1);
}


.ingredientWrap #bnr-slides .swiper-button-white {
	top: 45px;
}

.ingredientWrap #entryTitle {
	font-size: 24px;
	font-weight: 500;
	padding: 30px 0 50px 0 ;
	margin: 0;
	text-align: center;
}
.ingredientWrap .entryBody {
	text-align: left;
}
	.ingredientWrap .entryBody h3 {
		font-weight: 500;
		font-size: 20px;
		margin: 0 0 20px 0 ; 
	}
	.ingredientWrap .entryBody p {
	}
	.ingredientWrap .entryBody h4 {
		font-size: 20px;
		color: #CF7F0D;
		font-weight: 600;
		margin: 0 0 20px 0 ; 
	}
	.ingredientWrap .entryBody h4 strong {
		font-size: 24px;
	}
.ingredientWrap .entryBody::after {
	content: "";
	display: block;
	margin-bottom: 30px;
	clear: both;
	float: none;
}

.ingredientWrap section#productsList {
	margin: 10px 0 0 0 ;
}
	.ingredientWrap section#productsList .inner {
		background: #fff;
		padding: 20px 45px;
	}
	.ingredientWrap section#productsList h3 {
		text-align: center;
		margin: 10px 0 20px 0 ;
	}
	.ingredientWrap section#productsList ul {
		display: inline-block;
		text-align: center;
	}
		.ingredientWrap section#productsList ul li {
			list-style: none;
			display: inline-block;
			margin: 10px 10px;
			width: 150px;
			vertical-align: top;
		}
		.ingredientWrap section#productsList ul li a {
			text-align: center;
			color: #222;
			text-decoration: none;
		}
			.ingredientWrap section#productsList ul li a span {
				text-align: center;
				display: block;
				padding: 5px 0 0 0 ;
			}


.ingredientWrap #message {
	min-height: 300px;
}
	.ingredientWrap #message {
		padding: 30px 0 50px 0  ;
	}
		.ingredientWrap #message .textwrap {
		text-align: left;
		background: url(/assets/ingredient/ingredient_top_img01.png) no-repeat right 100px top 0;
			padding-right: 400px;
		}
			.ingredientWrap #message .textwrap h3 {
			}
			.ingredientWrap #message .textwrap p {
			}

	.ingredientWrap .indexpage nav.category_list {
	}
		.ingredientWrap .indexpage nav.category_list ul {
			margin: 0;
			list-style: none;
			padding: 0;
			text-align: center;
		}
			.ingredientWrap .indexpage nav.category_list ul li {
				list-style: none;
				display: inline-block !important;
				width: 85px;
				margin: 0 5px;
				display: table;
				vertical-align: top;
				text-align: center;
				height: 85px;
			}
			.ingredientWrap .indexpage nav.category_list ul li a {
				display: table-cell;
				vertical-align: middle;
				text-align: center;
				height: 80px;
				background: #fff;
				width: 80px;
				text-decoration: none;
				color: #000;
			}
			.ingredientWrap .indexpage nav.category_list ul li.off a {
				background: #fff;
				border: 3px solid #fff !important ;
			}
			.ingredientWrap .indexpage nav.category_list ul li.on a {
				background: #fff;
				border: 3px solid #B2CB37 !important ;
			}

}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
	.ingredientWrap #mainVisuial {
		height: auto;
		margin-top: 60px;
		width: 100vw !important;
	}

	.ingredientWrap #mainVisuial .inner {
		padding: 30px 0;
		height: auto;
		width: 98vw !important;
	}

	.ingredientWrap #mainVisuial .inner .pageTitle {
		line-height: 18px;
		font-size: 18px;
		margin: 0;
		padding: 0;
	}
	
.ingredientWrap .contents {
		margin: 0 !important;
		padding: 0 !important;
	}
	.ingredientWrap .contents section {
			padding: 0px !important;
			margin: 0px !important;
		}
		.ingredientWrap .contents section .inner {
			margin: 0 !important;
			padding: 0 !important;
		}
.ingredientWrap  .indexpage .contents .inner {
	padding: 0px !important;
}
	.ingredientWrap #bannerList {
		padding: 10px 0 50px 0  !important;
	}
		.ingredientWrap #bannerList .inner {
			width: 100%!important ;
		}
			.ingredientWrap #bannerList .inner ul {
				list-style: none;
				position: relative;
				display:inline-block;
				text-align: center;
				letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
			}
				.ingredientWrap #bannerList .inner ul li {
					width: 40vw;
					height: 40vw;
					display:inline-block;
					vertical-align:top;
					letter-spacing: normal; /* 文字間を通常に戻す */
					margin-right: 5px;
					margin-bottom: 5px;
					box-shadow: 0px 0px 0px !important ;
					float: none !important;
				}
				.ingredientWrap #bannerList .inner ul li:nth-of-type(2n) {
					margin-right: 0px !important;
				}
			.ingredientWrap #bannerList .inner ul li a {
				width: 40vw;
				height: 40vw;
				display: block;
				background-size:  contain;
				text-decoration: none;
					box-shadow: 0px 0px 0px !important ;
			}
			.ingredientWrap #bannerList .inner ul li a span {
				display: block;
				text-align: center;
				color: #fff;
				padding-top: 222px;
				height: 30px;
			}
			.ingredientWrap #bannerList .inner ul li img {
				height: 100%;
				width: 100%;
			}

.ingredientWrap  .contents .swiper-container {
    height: 140px;
}

.ingredientWrap #message {
	text-align: center;
	margin: auto;
}
	.ingredientWrap .contents {
		width: 100% !important;
}
	.ingredientWrap #message {
		padding: 30px 10px !important ;
		margin: 0 !important;
	}
		.ingredientWrap #message .inner {
			width: 100% !important;
		}
		.ingredientWrap #message .textwrap {
			margin: 0 !important;
			padding: 0!important;
		}
			.ingredientWrap #message .textwrap h3 {
			}
			.ingredientWrap #message .textwrap p {
				text-align: left;
				width: auto !important;
			}

	.ingredientWrap .indexpage nav.category_list {
		margin-bottom: 30px;
	}
		.ingredientWrap .indexpage nav.category_list ul {
			margin: 0;
			list-style: none;
			padding: 0;
			text-align: center;
		}
			.ingredientWrap .indexpage nav.category_list ul li {
				list-style: none;
				display: inline-block !important;
				width: 70px;
				margin: 5px;
				display: table;
				vertical-align: top;
				text-align: center;
				height: 70px;
			}
			.ingredientWrap .indexpage nav.category_list ul li a {
				display: table-cell;
				vertical-align: middle;
				text-align: center;
				height: 70px;
				background: #fff;
				width: 70px;
				text-decoration: none;
				color: #000;
				line-height: 1.0;
				font-size: 12px;
			}
				.ingredientWrap .indexpage nav.category_list ul li a img {
					width: 50px;
					height: auto;
				}
			.ingredientWrap .indexpage nav.category_list ul li.off a {
				background: #fff;
				border: 3px solid #fff !important ;
			}
			.ingredientWrap .indexpage nav.category_list ul li.on a {
				background: #fff;
				border: 3px solid #B2CB37 !important ;
			}


/*--記事ページ----*/
	.ingredientWrap .detail {
	}
		.ingredientWrap .detail #mainVisuial {
			margin-top: 60px !important;
		}
.ingredientWrap #bnr-slides ul {
	margin: 0px;
	padding: 0px;
}
.ingredientWrap #bnr-slides ul li {
	float: left;
	text-align: center;
	vertical-align: top;
	width: 29.5vw !important;
	margin: 0 5px;
}
.ingredientWrap #bnr-slides ul li figure {
}
.ingredientWrap #bnr-slides ul li figure,
.ingredientWrap #bnr-slides ul li figcaption {
	width: 100%;
}
	.ingredientWrap #bnr-slides ul li figcaption {
		position: relative;
		vertical-align: top;
		width: 100%;
	}
.ingredientWrap #bnr-slides ul li figure img {
	display: block;
	margin: 0 auto;
	border-radius: 50% !important;
	width: 90px;
	height: 90px;
  opacity: 0.7;
}


.ingredientWrap #bnr-slides ul li figcaption dl dt {
		position: relative;
	text-shadow: none; 
	font-size: 11px;
	color: #000;
	text-align: center;
	width: 100%;
	font-weight: 300;
	line-height: 1.3;
	padding-top: 5px;
}

.ingredientWrap #bnr-slides ul li figcaption dl dd {
		position: relative;
	color: #000;
	text-align: center;
	font-size: 11px;
	width: 100%;
	line-height: 1.3;
	font-weight: 300;
}

.ingredientWrap #bnr-slides ul li figure:hover img,
.ingredientWrap #bnr-slides ul li figure.hover img,
.ingredientWrap #recProduct li figure:hover img {
  opacity: 1.0;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.ingredientWrap #entryTitle {
	font-size: 24px;
	font-weight: 500;
	padding: 30px 0 50px 0 ;
	margin: 0;
	text-align: center;
	width: 100vw;
}
.ingredientWrap .entryBody {
	text-align: left;
	width: calc(100vw - 20px);
	padding: 10px 10px ;
}
	.ingredientWrap .entryBody img {
		width: 100vw;
		height: auto;
	}
	.ingredientWrap .entryBody h3 {
		font-weight: 500;
		font-size: 20px;
		margin: 0 0 20px 0 ; 
	}
	.ingredientWrap .entryBody p {
	}
	.ingredientWrap .entryBody h4 {
		font-size: 20px;
		color: #CF7F0D;
		font-weight: 600;
		margin: 0 0 20px 0 ; 
	}
	.ingredientWrap .entryBody h4 strong {
		font-size: 24px;
	}
.ingredientWrap .entryBody::after {
	content: "";
	display: block;
	margin-bottom: 30px;
	clear: both;
	float: none;
}

.ingredientWrap section#productsList {
	margin: 10px 0 0 0 ;
	padding: 20px 0 !important ;
}
	.ingredientWrap section#productsList .inner {
		background: #fff;
		padding: 20px 0 !important;
		width: 100% !important;
	}
	.ingredientWrap section#productsList h3 {
		text-align: center;
		margin: 10px 0 20px 0 ;
	}
	.ingredientWrap section#productsList ul {
		display: inline-block;
		text-align: center;
	}
		.ingredientWrap section#productsList ul li {
			list-style: none;
			display: inline-block;
			margin: 10px 10px;
			width: 40vw;
			vertical-align: top;
		}
		.ingredientWrap section#productsList ul li a {
			text-align: center;
			color: #222;
			text-decoration: none;
		}
			.ingredientWrap section#productsList ul li a span {
				text-align: center;
				display: block;
				padding: 5px 0 0 0 ;
			}

}/*--sp--*/


/*-- ////////////////////////////////////////////
////
////  policyWrap
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {

.policyWrap {
}
.policyWrap #mainVisuial {
	height: auto;
	margin-top: 86px;
	background: #fff;
}
.policyWrap #mainVisuial .inner {
	padding: 35px 0;
	height: auto;
	position: relative;
}
.policyWrap #mainVisuial .inner .pageTitle {
	padding: 0;
	line-height: 24px;
	font-size: 24px;
}
	.policyWrap #policySec {
		text-align: left;
		padding: 30px 100px;
	}
	.policyWrap #policySec h3 {
		font-size: 24px;
		text-align: center;
		margin: 30px !important;
	}
	.policyWrap #policySec dl {
	}
		.policyWrap #policySec dl dt {
			margin: 0 0 10px 0 ;
			padding: 0px;
			float: none;
			font-weight: 500;
		}
		.policyWrap #policySec dl dd {
			margin: 0 0 20px 0 ;
			padding: 0px;
			float: none;
		}
			.policyWrap #policySec dl dd ol {
				margin-left: 2em;
			}
			.policyWrap #policySec dl dd ol li {
				list-style: lower-alpha;
			}
}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
	.policyWrap #mainVisuial {
		height: auto;
		margin-top: 60px;
		width: 100vw !important;
	}

	.policyWrap #mainVisuial .inner {
		padding: 30px 0;
		height: auto;
		width: 98vw !important;
	}

	.policyWrap #mainVisuial .inner .pageTitle {
		line-height: 18px;
		font-size: 18px;
		margin: 0;
		padding: 0;
	}	
	.policyWrap .contents {
	}
		.policyWrap .contents .inner {
			padding: 10px 0 ;
			text-align: left;
		}
	.policyWrap .inner {
	}
	#policySec {
		padding: 10px !important;
	}
	#policySec h3 {
		font-size: 18px !important;
		font-weight: 500;
		text-align: center;
		margin: 20px 0 ;
		
	}
	.policyWrap #policySec dl {
	}
		.policyWrap #policySec dl dt {
			margin: 0 0 10px 0 ;
			padding: 5px 0;
			float: none;
			font-weight: 500;
			border-bottom: 1px dotted #000;
		}
		.policyWrap #policySec dl dd {
			margin: 0 0 20px 0 ;
			padding: 0px;
			float: none;
		}
			.policyWrap #policySec dl dd ol {
				margin-left: 2em;
			}
			.policyWrap #policySec dl dd ol li {
				list-style: lower-alpha;
			}
}/*--sp--*/


/*-- ////////////////////////////////////////////
////
////  contactForm
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
.contactForm {
}
	.contactForm .contents {
		padding-top: 20px;
	}
.contactForm #mainVisuial {
	height: auto;
	margin-top: 60px;
	background: #fff;
}
.contactForm #mainVisuial .inner {
}
.contactForm #mainVisuial .inner .pageTitle {
	padding: 0;
	line-height: 24px;
	font-size: 24px;
}
.contactForm #form {
	padding: 50px;
	margin: 0 50px;
	text-align: center;
	background: #fff;
}
	.contactForm #form .mailform dd {
		margin-bottom: 10px;
	}
.contactForm #form .div01 {
}
	.contactForm #form .div01 p {
		text-align: center;
		margin-bottom: 10px;
	}
.contactForm #thanks {
	padding: 30px 0 200px 0 ;
}
	.contactForm #thanks h3 {
		font-size: 24px;
		margin: 30px 0 ;
	}
	.contactForm #thanks p {
		margin: 10px 0 ;
	}

}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
.contactForm {
}
	.contactForm #mainVisuial {
		height: auto;
		margin-top: 60px;
		width: 100vw !important;
	}

	.contactForm #mainVisuial .inner {
		padding: 30px 0;
		height: auto;
		width: 98vw !important;
	}

	.contactForm #mainVisuial .inner .pageTitle {
		line-height: 18px;
		font-size: 18px;
		margin: 0;
		padding: 0;
	}
.contactForm #form {
	padding: 10px;
	margin: 0 ;
	text-align: center;
}
	.contactForm #form .mailform dd , .contactForm #form .mailform dt {
		background-color: transparent !important;
		margin-bottom: 10px;
	}
	.contactForm #form .mailform dd {
	}
.contactForm #mailformpro {
}

	.contactForm #form .div01 p {
		text-align: center;
		margin-bottom: 10px;
	}
.contactForm #thanks {
	padding: 30px 0 200px 0 ;
}
	.contactForm #thanks h3 {
		font-size: 24px;
		margin: 30px 0 ;
	}
	.contactForm #thanks p {
		margin: 10px 0 ;
	}


}/*--sp--*/


/*-- ////////////////////////////////////////////
////
////  news
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
	.newsWrap .inner .news {
		position: absolute;
		bottom: 50px;
		left: 0px;
		color: #fff;
	}
		.newsWrap .inner .news h2 {
			font-size: 20px;
			font-weight: 700;
			margin-bottom: 10px;
		}
		.newsWrap .inner .news dl {
			font-size: 17px;
		}
			.newsWrap .inner .news dl {
				clear: both;
				float: none;
			}
				.newsWrap .inner .news dl dt {
					width: 150px;
					margin: 0;
					padding: 0;
					float: left;
				}
				.newsWrap .inner .news dl dd {
					padding: 0 0 0 170px;
				}
					.newsWrap .inner .news dl dd a {
						color: #fff;
						text-decoration: underline !important;
					}
						.newsWrap .inner .news dl dd a:hover {
							text-decoration: none;
						}

}/*--pc--*/
/*--sp  ------------------------------------*/
@media screen and (max-width: 640px) {
.newsWrap {
}
	.newsWrap #mainVisuial {
		height: auto;
		margin-top: 60px;
		width: 100vw !important;
	}

	.newsWrap #mainVisuial .inner {
		padding: 30px 0;
		height: auto;
		width: 98vw !important;
	}

	.newsWrap #mainVisuial .inner .pageTitle {
		line-height: 18px;
		font-size: 18px;
		margin: 0;
		padding: 0;
	}
	.newsWrap ul {
	}
		.newsWrap ul li {
		}
			.newsWrap ul li .brand {
				line-height: 20px;
			}
				.newsWrap ul li .brand img {
					height: 20px;
				}
			.newsWrap ul li .date {
				line-height: 20px;
			}
			.newsWrap ul li .title a {
				font-size: 14px;
				text-decoration: underline !important;
				font-weight: 300;
			}
.newsWrap .sidebar {
}
	.newsWrap .sidebar ul {
	}
		.newsWrap .sidebar ul li {
			list-style: none;
			margin: 0 0 5px 0 ;
			padding: 0;
		}
}/*--sp--*/