@charset "UTF-8";
/* CSS Document */
/* ==========================================================================
foods
========================================================================== */
#foods {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: normal;
}
.foods-inner {
	width: 85%;
	margin: 0 auto 3%;
}

#foods figcaption {
	line-height: 1.3;
	font-size: 1.4rem;
}
.foods-txt {
	text-indent: 1em;
	line-height: 1.8;
	font-size: 1.6rem;
}
.thanks h4 {
	align-items: center;
	display: flex;
	font-size: 1.3rem;
	padding: 20px 0 5px;
	text-align: left;
	margin: 0 auto;
}
.thanks h4::after {
	border-top: 2px solid #000;
	content: "";
	display: inline;
	flex-grow: 1;
	margin-left: 1em;
}
.thanks dt {
	font-size: 2rem;
	margin-bottom: 2%;
}
.thanks dd {
	font-size: 1.4rem;
}
/* --------------------------------------------------
ttl-bg
-------------------------------------------------- */
.ttl-bg {
	position: relative;
	width:auto;
	height:auto;
	max-width:100%;
}

.ttl-bg h2{
	position: absolute;
	bottom: 0;
	left: 10%;
	width: 6.5%;
}

.ttl-bg h2 img{
	background: #FFF;
	padding: 20px;
}

.ttl-bg img {
	width: 100%;
}

.txt-furusato{
	margin: 1em;
    text-align: center;
	line-height: 1.6;
	font-size: 1.5em;
}


/* --------------------------------------------------
foods-nav
-------------------------------------------------- */
.foods-nav {
	overflow: hidden;
	width: 96%;
	margin: 2% auto;
	text-align: center;
	font-family: "ヒラギノ明朝 W2", "ヒラギノ明朝 W3", "ヒラギノ明朝 Pro W2", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "Times New Roman", Times, Georgia, serif;
}
.foods-nav li {
	width: 10.75%;
	float: left;
	margin-right: 2%;
	position: relative;
	padding-bottom: 2%;
}
.foods-nav li:last-child {
	margin-right: 0;
}
.foods-nav li figure img {
	width: 100%;
}
.foods-nav li a {
	display: block;
	color: #000;
}
.foods-nav li p {
	font-size: 1.9rem;
	padding: 20px 0;
	line-height: 1.2;
}
.foods-nav li a::after {
	bottom: 0;
	content: "\f103";
	font-family: "fontAwesome";
	font-size: 3rem;
	font-weight: normal;
	left: 0;
	position: absolute;
	right: 0;
	color: #000;
}
.foods-nav li a:hover::after {
	bottom: -1%;
}

/* --------------------------------------------------
foods-ttl-bg
-------------------------------------------------- */
.foods-ttl-bg {
	position: relative;
	width:auto;
	height:auto;
	max-width:100%;
	margin-bottom: 3%;
}

.foods-ttl-bg img {
	width: 100%;
}

.foods-ttl-bg h3 {
	position: absolute;
	top: 5%;
	width: auto;
	min-width:20%;
	height:90%;
}
#foods01 .foods-ttl-bg h3,
#foods03 .foods-ttl-bg h3,
#foods05 .foods-ttl-bg h3,
#foods07 .foods-ttl-bg h3 {
	right: 10%;
	text-align:right;
}
#foods02 .foods-ttl-bg h3,
#foods04 .foods-ttl-bg h3,
#foods06 .foods-ttl-bg h3 {
	left: 10%;
	text-align:left;
}


.foods-ttl-bg h3 > img {
	background: #FFF;
	max-height:100%;
	height:auto;
	width:auto;
}

.foods-ttl-bg h3 span {
	padding-left:5%;
}

.foods-ttl-bg h3 span img{
	background: #FFF;
	max-height:100%;
	height:auto;
	width:auto;
}




/* --------------------------------------------------
foods01
-------------------------------------------------- */
#foods01 figure img {
	width: 100%;
}

#foods01 .block01 .left-col {
	width: 75%;
	float: left;
}
#foods01 .block01 .right-col {
	width: 23%;
	float: right;
}
#foods01 .block01 .pht01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	padding-bottom: 20px;
}
#foods01 .block01 .pht02 {
	width: 35%;
	float: right;
}

.baniku_bui {
	float: right;
	width: 70%;
}
#foods01 .block02 {
	margin-top: 3%;
}
#foods01 .block02 .left-col {
	width: 27%;
	float: left;
}

#foods01 .block02 figcaption{
	padding-top: 5px;
}


/* --------------------------------------------------
txt pht
-------------------------------------------------- */

.txt-left {
	width: 30%;
	float: left;
}
.pht-right {
	width: 70%;
	float: right;
	position: relative;
}
.pht-right .pht-all {
	width: 75%;
	margin-left: 5%;
	float: left;
	z-index: 1;
}

.pht-right .pht-all img{
	width: 100%;
}
.pht-right .pht-up {
	position: relative;
	width: 20%;
	z-index: 5;
	float: right;
}
.pht-right .pht-up img {
	border: 5px solid #FFF;
	width: 400px;
    float: right;
    text-align: right;
	margin-top: 30rem;
}

.pht-right .pht-up figcaption {
	width: 400px;
    float: right;
    text-align: left;
	padding-top: 5px;
}
.txt-right {
	width: 30%;
	float: right;
}
.pht-left {
	width: 70%;
	float: left;
	position: relative;
}
.pht-left .pht-all {
	width: 75%;
	margin-right: 5%;
	float: right;
	z-index: 1;

}

.pht-left .pht-all img{
	width: 100%;
}
.pht-left .pht-up {
	position: relative;
	width: 20%;
	z-index: 5;
	float: left;
}
.pht-left .pht-up img {
	border: 5px solid #FFF;
	width: 400px;
    float: left;
	margin-top: 30rem;
}

.pht-left .pht-up figcaption {
	width: 400px;
    float: left;
	padding-top: 5px;
}


/* --------------------------------------------------
btn-link
-------------------------------------------------- */

.btn-link a {
	display: block;
	background: #000;
	color: #FFF;
	padding: 10px;
	margin: 10px 0;
	text-align: center;
}
.btn-link a:after {
	content: "\f105";
	display: inline-block;
	font-family: fontawesome;
	margin-left: 1rem;
}
#foods05 .pht-left .pht-all {
	width: 80%;
	margin-left: 5%;
}
#foods05 .pht-left .pht-all figcaption {
	margin-top: 2%;
}

#foods07 .pht-left .pht-all {
	width: 80%;
	margin-left: 10%;
}
/* --------------------------------------------------
extra-edition
-------------------------------------------------- */

#extra-edition {
	background: #F0F0F0;
	padding: 3% 0;
}
#extra-edition h2 {
	font-family: "ヒラギノ明朝 W2", "ヒラギノ明朝 W3", "ヒラギノ明朝 Pro W2", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "Times New Roman", Times, Georgia, serif;
	font-size: 4rem;
	text-align: center;
	margin-bottom: 30px;
}

#extra-edition figure img{
	width: 100%;
}

/* --------------------------------------------------
.extra-col-1
-------------------------------------------------- */
.extra-col-1 {
	background: #FFF;
	padding: 2%;
	margin-bottom: 2%;
	overflow: hidden;
}
.extra-col-1 figure {
	width: 30%;
	float: left;
}
.extra-col-1 .extra-ttl {
	width: 9%;
	float: left;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	font-family: "ヒラギノ明朝 W2", "ヒラギノ明朝 W3", "ヒラギノ明朝 Pro W2", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "Times New Roman", Times, Georgia, serif;
}
.extra-col-1 .extra-ttl h3 {
	font-size: 4rem;
	line-height: 1.6;
}
.extra-col-1 .extra-ttl p {
	font-size: 2rem;
	border-right: 1px solid #000;
	padding-right: 5px;
	word-break: keep-all;
}
.extra-col-1 .extra-txt {
	width: 59%;
	float: right;
}
/* --------------------------------------------------
.extra-col-3
-------------------------------------------------- */
.extra-col-3 {
	overflow: hidden;
	margin-top: 2%;
}
.extra-col-3 li {
	width: 32%;
	margin-right: 2%;
	float: left;
	padding: 1%;
}
.extra-col-3 li:last-child {
	margin-right: 0;
}
.extra-col-3 h4 {
	font-family: "ヒラギノ明朝 W2", "ヒラギノ明朝 W3", "ヒラギノ明朝 Pro W2", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "Times New Roman", Times, Georgia, serif;
	align-items: center;
	display: flex;
	font-size: 2rem;
	padding: 10px 0 0;
	text-align: left;
	margin: 0 auto;
}
.extra-col-3 h4::after {
	border-top: 2px solid #000;
	content: "";
	display: inline;
	flex-grow: 1;
	margin-left: 1em;
}
.extra-col-3 h5 {
	font-family: "ヒラギノ明朝 W2", "ヒラギノ明朝 W3", "ヒラギノ明朝 Pro W2", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "Times New Roman", Times, Georgia, serif;
	font-size: 2rem;
}
.extra-col-3 p {
	margin-top: 1%;
}

/* --------------------------------------------------
.extra-col-2
-------------------------------------------------- */
.extra-col-2 {
	overflow: hidden;
}
.extra-col-2 li {
	float: left;
	width: 49%;
	margin: 0 2% 2% 0;
	background: #FFF;
	padding: 2%;
}
.extra-col-2 li:nth-child(2n) {
	margin-right: 0;
}
.extra-col-2 .extra-ttl-2 {
	font-family: "ヒラギノ明朝 W2", "ヒラギノ明朝 W3", "ヒラギノ明朝 Pro W2", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "Times New Roman", Times, Georgia, serif;
	margin-bottom: 2%;
}
.extra-col-2 .extra-ttl-2 h3 {
	font-size: 3rem;
	line-height: 1.6;
	display: inline-block;
}
.extra-col-2 .extra-ttl-2 p {
	font-size: 1.8rem;
	padding-left: 10px;
	display: inline-block;
}
.extra-txt-2 {
	overflow: hidden;
}
.extra-txt-2 figure {
	width: 50%;
	float: left;
	padding-right: 2%;
}
.extra-txt-2 p {
	text-indent: 1em;
}
.extra-col-2 .thanks dt {
	font-size: 1.7rem;
	margin-bottom: 0;
}
.extra-col-2 .thanks dd {
	display: inline-block;
	margin-right: 1%;
	word-break: keep-all;
}


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

foods-interview

========================================================================== */
.interview-inner{
	max-width:1300px;
	margin: 0 auto;
}

.interview-inner figure img {
	width: 100%;
}

.interview-ttl img{
	width: 100%;
}

.interview-lead01{
	color: #F33239;
	font-size: 1.8rem;
	text-align: center;
	margin: 1%;
}

.interview-lead02{
	line-height: 1.8;
	margin-top: 1%;
}

.interview-ttl-sub{
	border-left: #CF1B15 solid .5vw;
	padding-left: 1.5vw;
	font-size: 3rem;
	line-height: 1;
	margin: 4% 0 2%;
}

.interview_col01,
.interview_col02{
	overflow: hidden;
}

.interview_col01 figure{
	width: 40%;
	float: right;
}

.interview_col01 p{
	width: 58%;
	float: left;
	text-indent: 1em;
}

.interview_col02 figure{
	width: 40%;
	float: left;
}

.interview_col02 p{
	width: 58%;
	float: right;
	text-indent: 1em;
}

.interview_col01 figcaption{
	text-align: right;
}

/* --------------------------------------------------
profile
-------------------------------------------------- */
.profile{
	background: #F0F0F0;
	padding: 3%;
	overflow: hidden;
	margin-top: 5%;
}

.profile h4{
	margin-bottom: 1%;
}

.profile h5{
	font-size: 2.1rem;
	margin-bottom: 1%;
}

.profile .txt{
	width: 80%;
	float: left;
}

.profile figure{
	width: 15%;
	float: right;
}

/* --------------------------------------------------
higoyasai
-------------------------------------------------- */
.higoyasai{
	margin: 5% 0;
}

.higoyasai p{
	text-align: center;
}

.higoyasai-ttl{
	width: 22%;
	margin: 0 auto 2%;
}

.higoyasai-ttl img{
	width: 100%;
}

.higoyasai ul{
	background: #FAF7F2;
	overflow: hidden;
	padding: 1% 3%;
	margin-top: 2%;
}

.higoyasai li{
	float: left;
	margin: 0 2% 1% 0;
	min-width: 10%;
}

.higoyasai li:before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: #F43239;
	position: relative;
	left: -15px;
	top: -3px;
}

.yasai-btn a{
	display: block;
	background-color: #E21C16;
	color: #FFF;
	width: 30%;
	padding: 2% 0;
	font-size: 2rem;
	border-radius: 10px;
	margin: 3% auto 0;
}

.yasai-btn a:before{
	content:"\f08e";
	font-family:fontawesome;
	margin-right:2rem;
}


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

	.ttl-bg h2{
		left: 5%;
		width: 10%;
	}
	
	.foods-inner {
		width: 96%;
		margin: 0 auto 2%;
	}
	
	 
	.foods-nav li p {
		font-size: 1.5rem;
	}

/* --------------------------------------------------
	foods01
	-------------------------------------------------- */
	#foods01 .block01 {
		padding-bottom: 0;
	}
	#foods01 .block01 .left-col {
		width: 100%;
		float: none;
		overflow: hidden;
	}
	#foods01 .block01 .right-col {
		width: 100%;
		float: none;
	}
	
	#foods01 .block01 .pht01 {
		position: relative;
		float: left;
		width: 68%;
		padding-bottom: 20px;
	}
	#foods01 .block01 .pht02 {
		width: 30%;
		float: right;
	}
	
	.txt-left {
		width: 40%;
		float: left;
	}
	.pht-right {
		width: 59%;
		float: right;
	}


	.txt-right {
		width: 40%;
		float: right;
	}
	.pht-left {
		width: 59%;
		float: left;
	}

	.pht-right .pht-up img {
		width: 300px;
		margin-top: 20rem;
	}
	
	.pht-right .pht-up figcaption {
		width: 300px;
	}
	
	.pht-left .pht-up img {
		width: 300px;
		margin-top: 20rem;
	}
	
	.pht-left .pht-up figcaption {
		width: 300px;
	}
	/* --------------------------------------------------
	extra-col
	-------------------------------------------------- */
	.extra-col-1 .extra-ttl {
		width: 13%;
	}
	.extra-col-1 .extra-txt {
		width: 54%;
	}
	
	.extra-col-1 .extra-ttl h3 {
	font-size: 3.2rem;
	}

	
	/* ==========================================================================
	
	foods-interview
	
	========================================================================== */
	.interview-inner{
		width:96%;
		margin: 0 auto;
	}
	
	.higoyasai li{
		width: 18%;
	}

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

		.ttl-bg h2{
			left: 5%;
			width: 8%;
		}
		
		.ttl-bg h2 img{
		padding: 5px;
		}
		
		.foods-inner {
			width: 96%;
			margin: 0 auto 2%;
		}
		.txt-furusato{
			font-size: 1em;
		}


	

		

		/* --------------------------------------------------
		foods-nav
		-------------------------------------------------- */
		.foods-nav {
			overflow: hidden;
			width: 96%;
			margin: 2% auto;
			text-align: center;
			font-family: "ヒラギノ明朝 W2", "ヒラギノ明朝 W3", "ヒラギノ明朝 Pro W2", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "Times New Roman", Times, Georgia, serif;
		}
		.foods-nav li {
			width: 23%;
			float: left;
			margin-right: 2%;
			position: relative;
			padding-bottom: 2%;
		}
		.foods-nav li:nth-child(4n) {
			margin-right: 0;
		}
		.foods-nav li figure img {
			width: 100%;
		}
		.foods-nav li a {
			display: block;
			color: #000;
		}
		.foods-nav li p {
			font-size: 1.3rem;
			padding: 10px 0 20px;
			line-height: 1.2;
		}
		.foods-nav li a::after {
			bottom: 0;
			content: "\f103";
			font-family: "fontAwesome";
			font-size: 2rem;
			font-weight: normal;
			left: 0;
			position: absolute;
			right: 0;
			color: #000;
		}
		.foods-nav li a:hover::after {
			bottom: -1%;
		}
		
		/* --------------------------------------------------
		foods-ttl-bg
		-------------------------------------------------- */
		#foods figcaption {
			line-height: 1.2;
			font-size: 1.1rem;
			padding-top: 1%;
		}
		.foods-txt {
			text-indent: 1em;
			line-height: 1.4;
			font-size: 1.3rem;
		}

		/* --------------------------------------------------
		foods01
		-------------------------------------------------- */
		
		
		.baniku_bui {
			float: none;
			width: 100%;
			margin-bottom: 3%;
		}
		#foods01 .block02 {
			margin-top: 3%;
		}
		#foods01 .block02 .left-col {
			width: 100%;
			float: none;
			overflow: hidden;
		}
		
		#foods01 .block02 .left-col figure{
			width: 50%;
			float: left;
			margin-right: 2%;
		}
		
		#foods02 .foods-ttl-bg rt {
			font-size: 1.1rem;
		}
		
		.thanks{
			margin-bottom: 10px;
		}
		
		.thanks h4 {
			font-size: 1.1rem;
			padding: 10px 0 5px;
		}
		
		.thanks dt {
			font-size: 1.3rem;
			margin-bottom: 2%;
		}
		.thanks dd {
			font-size: 1.2rem;
		}
		
		.txt-left,
		.txt-right {
			width: 100%;
			float: none;
		}
		.pht-right,
		.pht-left {
			width: 100%;
			float: none;
			}
		
		.pht-right .pht-up img {
			width: 200px;
			margin-top: 15rem;
		}
	
		.pht-left .pht-up img {
			width: 200px;
			margin-top: 15rem;
		}
		
	
		.pht-left .pht-up figcaption {
			width: 200px;
		}
		
		.pht-right .pht-up figcaption {
			width: 200px;
		}
		
		#foods04 .pht-up img{
			margin-top: 12rem;
		}
		

		#foods05 .pht-left .pht-all,
		#foods07 .pht-left .pht-all {
		margin: 0 auto;
		width: 90%;
		float: none;
		}
			
		/* --------------------------------------------------
		extra-edition
		-------------------------------------------------- */
			
			
		#extra-edition h2 {
			font-size: 2.5rem;
			margin-bottom: 15px;
		}
			
		/* --------------------------------------------------
		.extra-col-1
		-------------------------------------------------- */
		.extra-col-1 figure {
			width: 100%;
			float: none;
		}
		.extra-col-1 .extra-ttl {
			width: 100%;
			float: left;
			writing-mode: horizontal-tb;
			-webkit-writing-mode: horizontal-tb;
			-ms-writing-mode: lr-tb;
		}
		.extra-col-1 .extra-ttl h3 {
			font-size: 1.8rem;
			line-height: 1.4;
			margin-bottom: 2%;
		}
		.extra-col-1 .extra-ttl p {
			font-size: 1.3rem;
			border: none;
			padding: 0
		}
		.extra-col-1 .extra-txt {
			width: 100%;
			float: none;
		}
		/* --------------------------------------------------
		.extra-col-3
		-------------------------------------------------- */
		.extra-col-3 {
			overflow: hidden;
			margin-top: 2%;
		}
		.extra-col-3 li {
			width: 100%;
			margin-right: 0;
			float: none;
			padding: 3%;
		}
		.extra-col-3 h4 {
			font-size: 1.4rem;
		}
		.extra-col-3 h5 {
			font-size: 1.3rem;
		}
		
		/* --------------------------------------------------
		.extra-col-2
		-------------------------------------------------- */
		
		.extra-col-2 li {
			width: 100%;
			margin-right: 0;
			float: none;
			padding: 3%;
		}
		
		.extra-col-2 .extra-ttl-2 h3 {
			font-size: 1.6rem;
			line-height: 1.6;
			display: block;
		}
		.extra-col-2 .extra-ttl-2 p {
			font-size: 1.2rem;
			padding: 0;
		}
		
		.extra-txt-2 figure {
			width: 100%;
			float: none;
			padding-right: 0;
		}
		
		.extra-txt-2 {
			overflow: hidden;
		}
		.extra-col-2 .thanks dt {
			font-size: 1.3rem;
			margin-bottom: 0;
		}
		.extra-col-2 .thanks dd {
			word-break: break-all;
		}
		
		/* ==========================================================================
		
		foods-interview
		
		========================================================================== */
		
		.interview-lead01{
			font-size: 1.3rem;
			text-align: left;
		}
		
		.interview-lead02{
			line-height: 1.2;
		}
		
		.interview-ttl-sub{
			border-left: #CF1B15 solid .5vw;
			padding-left: 1.5vw;
			font-size: 1.5rem;
			line-height: 1;
			margin: 4% 0 2%;
		}
		
		
		
		.interview_col01 figure{
			width: 100%;
			float: none;
			margin-bottom: 3%;
		}
		
		.interview_col01 p{
			width: 100%;
			float: none;
		}
		
		.interview_col01 figcaption{
			text-align: left;
		}
		
		.interview_col02 figure{
			width: 100%;
			float: none;
			margin-bottom: 3%;
		}
		
		.interview_col02 p{
			width: 100%;
			float: none;
		}
		
		
		
		/* --------------------------------------------------
		profile
		-------------------------------------------------- */
		.profile{
			background: #F0F0F0;
			padding: 3%;
			overflow: hidden;
			margin-top: 5%;
		}
		
		.profile h4{
			margin-bottom: 1%;
		}
		
		.profile h5{
			font-size: 1.5rem;
			margin-bottom: 1%;
		}
		
		.profile .txt{
			width: 70%;
			float: left;
		}
		
		.profile figure{
			width: 28%;
			float: right;
		}
		
		/* --------------------------------------------------
		higoyasai
		-------------------------------------------------- */
		
		.higoyasai p{
			text-align: left;
		}
		
		.higoyasai-ttl{
			width: 50%;
			margin: 0 auto 2%;
		}
		
		.higoyasai ul{
			background: #FAF7F2;
			overflow: hidden;
			padding: 2% 5%;
			margin-top: 2%;
		}
		
		.higoyasai li{
			float: left;
			margin: 0 2% 1% 0;
			min-width: 30%;
		}
		
		.higoyasai li:before {
			content: '';
			width: 3px;
			height: 3px;
			display: inline-block;
			border-radius: 100%;
			background: #F43239;
			position: relative;
			left: -5px;
			top: -3px;
		}
		
		.yasai-btn a{
			display: block;
			background-color: #E21C16;
			color: #FFF;
			width: 70%;
			padding: 3% 0;
			font-size: 1.3rem;
			border-radius: 10px;
			margin: 5% auto 0;
			text-align: center;
		}
		
		 }