@charset "utf-8";


.contents {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 15px;
	min-height: 500px;
}
.section_ttl {
	margin-bottom: 30px;
}
.common_txt {
	font-size: 1.5rem;
	line-height: 1.6em;
	letter-spacing: .08em;
	margin-bottom: 15px;
}
.nomargin,
.common_txt.nomargin {
	margin-bottom: 0;
}
.contents em {
	color: #f30;
	font-weight: bold;
}
.line_btm {
	border-bottom: dashed 1px #ccc;
	padding-bottom: 15px;
	margin-bottom: 20px;
}


/* pre */

.pre_img {
	max-width: 1000px;
	margin: 0 auto 60px;
}
.pre_area .common_txt {
	text-align: center;
	font-size: 2.5rem;
	letter-spacing: .15em;
	line-height: 1.6em;
}
@media screen and (max-width: 800px) {
	.pre_area .common_txt {
		font-size: 1.8rem;
	}
}
@media screen and (max-width: 400px) {
	.pre_img {
		margin-bottom: 30px;
	}
	.pre_area .common_txt {
		text-align: left;
		font-size: 1.6rem;
	}

}






/*=============================== キャンペーン ================================*/

.is-campaign .contents {
	font-family:YuGothic, 'Yu Gothic', '游ゴシック体', '游ゴシック', 'ヒラギノ角ゴ StdN' ,'ヒラギノ角ゴ pro', 'メイリオ', Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
}
.is-campaign .l-section {
	margin-bottom: 100px;
}
.is-campaign .section_ttl {
	font-size: 2.4rem;
	text-align: center;
	background-color: #ffe100;
	font-weight: bold;
	letter-spacing: .05em;
}
.campaign_copy {
	padding: 50px 0 50px;
	text-align: center;
	font-size: 1.7rem;
	line-height: 2em;
	font-weight: bold;
}
.campaign_copy.end {
	padding-top: 100px;
}




/*
* キャンペーン／賞品について
*/
.present_list {
	background-color: #f4efd9;
}
.present_list_body {
	width: 850px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 48px;
}
.present_list_item {
	width: 407px;
	margin-bottom: 50px;
}

/*
* キャンペーン／応募方法
*/

.is-campaign table {
	width: 100%;
	margin: 0 auto 10px;
	border-collapse: collapse;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}
.is-campaign  th,
.is-campaign  td {
	vertical-align: top;
	font-size: 1.5rem;
	line-height: 1.6em;
	letter-spacing: .08em;
	padding: 8px 10px;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
.is-campaign th {
	width: 15%;
	font-weight: bold;
	background-color: #f4efd9;
}
.is-campaign td {
}
.is-campaign td h4 {
	font-weight: bold;
	margin-bottom: 3px;
}
.note {
	font-size: 1.5rem;
}

/* 販売店・飲食店ボタン */
.store_producer_btn {
	display: flex;
	margin-bottom: 10px;
}
.store_producer_btn_item {
	width: 200px;
	margin-right: 10px;
}
.store_producer_btn_item a {
	color: #fff;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 3px 10px;
	background-color: #ce9b0e;
	border-radius: 5px;
	transition: opacity .5s ease;
}
.store_producer_btn_item a:hover {
	opacity: .6;
}

/* 応募方法／販売店グループ */
.howto_store_group {
	border-bottom: dashed 1px #ccc;
	padding-bottom: 15px;
	margin-bottom: 20px;

}
.howto_store_group_inner {
	display: flex;
}
.howto_store_group_txt {
	margin-right: 20px;
}
.howto_store_group_txt h4 {
	font-size: 1.6rem;
}
.howto_store_group_seal {
	text-align: center;
	margin: 0 auto;
	padding-top: 10px;
}
.howto_store_group_seal_img {
	width: 180px;
	margin: 0 auto 10px;
}
/*
.howto_store_group_seal_figcaption {
	font-size: 1.3rem;
	line-height: 1.4em;
}
*/

/*
* キャンペーン／お問い合わせ
*/

.campaign_contact_wrap {
	text-align: center;
	font-size: 1.8rem;
	padding: 0 0;
}
.campaign_contact_wrap a {
	color: #ce9b0e;
}
.campaign_contact_ttl {
	font-weight: bold;
	margin-bottom: 15px;
}
.campaign_contact_wrap .common_txt {
	font-size: 1.6rem;
	margin-bottom: 10px;
}
.campaign_contact_wrap .bld_L {
	font-size: 2.3rem;
}







/*=============================== 生産者・販売店リスト ================================*/

.store_producer {
	font-family:YuGothic, 'Yu Gothic', '游ゴシック体', '游ゴシック', 'ヒラギノ角ゴ StdN' ,'ヒラギノ角ゴ pro', 'メイリオ', Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
	letter-spacing: .13em;
}
.store_producer_list {
	margin-bottom:0;
}
.store_producer_list .section_ttl {
	margin-bottom:20px;
}
.store_producer_group:first-child {
	margin-bottom:100px;
}

.store_producer_group_ttl {
	text-align:center;
	font-size:1.8rem;
	padding:6px 0 5px;
	border-bottom:solid 1px #999;
	border-top: solid 3px #666;
	background-color: #eeeee9;
	padding-left: 10px;
	font-weight:bold;
	margin-bottom:15px;
}
.store_producer .region_ttl {
	font-size:1.6rem;
	font-weight:bold;
	display:inline-block;
	border:solid 1px #999;
	padding:0 15px;
	margin-bottom:15px;
}
.store_producer_ttl {
	font-weight:bold;
	line-height: 1.6em;
	margin-bottom: 3px;
}
.store_producer_body {
	margin-bottom:60px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	border-top:solid 1px #999;
	padding-top:15px;
}

.store_producer_item {
	width:48%;
	border-bottom:solid 1px #999;
	padding-bottom:15px;
	margin-bottom:15px;
}

.store_producer_list p {
	margin-bottom:5px;
}
.store_producer_table {
	width:100%;
}
.store_producer_table th,
.store_producer_table td  {
	font-size:1.4rem;
	line-height:1.6;
	letter-spacing:.1em;
}
.store_producer_table th {
	width:10%;
	vertical-align:top;
}
.store_producer_table td {
}


.store_producer_adr {
	word-wrap: break-word;
	white-space: normal;
}
.btn_site {
	display:inline-block;
	position:relative;
	padding-right:17px;
}
.btn_site a {
	color:#ce9b0e;
	text-decoration:underline;
	white-space:nowrap;
}
.btn_site a:hover {
	text-decoration:underline;
}
.btn_site::before {
	content: " ";
	display: block;
	width: 12px;
	height: 10px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
	background-image: url(../images/icon_blank.png);
}





/*=============================== レシピ紹介 ================================*/

.recipe_contents {
	text-align: left;
	width: 960px;
	margin-bottom: 100px;
}
.recipe_profile {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.recipi_profile_img {
	width: 300px;
}
.recipi_profile_txt_wrap {
	width: 610px;
	padding-top: 10px;
}
.recipi_profile_ttl {
	margin-bottom: 10px;
}
.recipi_profile_ttl > span {
	line-height: 1.3;
	display: block;
}
.profile_job {
	font-size: 1.5rem;
	margin-bottom: 5px;
}
.profile_name {
	font-size: 2.3rem;
	font-weight: bold;
}
.recipi_profile_txt {
	font-size: 1.5rem;
	line-height: 1.8em;
	margin-bottom: 20px;
}
.recipi_profile_txt p {
	margin-bottom: 10px;
}
.recipi_profile_txt p:last-child {
	margin-bottom: 0;
}
.result_label {
	font-weight: 500;
}
.result_list {
	font-size: 1.5rem;
	line-height: 1.8em;
	list-style-type: disc;
	padding-left: 1em;
}
.recipe_set {
	background-color: #F3F3F0;
	padding: 20px 25px;
}
.recipe_set_ttl {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 30px;
	text-align: justify;
	display: flex;
	justify-content: center;
	white-space: nowrap;
	margin-bottom: 18px;
}
.recipe_set_ttl::before,
.recipe_set_ttl::after {
	content: " ";
	display: inline-block;
	width: 50%;
	height: 1px;
	background-color: #000;
	margin-top: 14px;
}
.recipe_set_ttl::before {
	margin-right: 20px;
}
.recipe_set_ttl::after {
	margin-left: 20px;
}
.recipe_tab {
	margin-bottom: 0;
}
.recipe_tab_body {
	display: flex;
	justify-content: center;
}
.recipe_tab_item {
	/*width: 290px;*/
	width: 360px;
	line-height: 1.5em;
	margin-left: 15px;
	padding: 10px 40px 10px 10px;
	background-color: #fff;
	display: flex;
	align-items: center;
	position: relative;
	transition: background-color .5s ease;
	cursor: pointer;
}
.recipe_tab_item::before,
.recipe_tab_item::after {
	content: " ";
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -7px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	transform: rotate(0);
	transition: transform .5s ease,opacity .5s ease;
}
.recipe_tab_item::before {
	background-image: url( "../images/arrow_recipe01.png");
	z-index: 2;
}
.recipe_tab_item::after {
	background-image: url( "../images/arrow_recipe01_on.png");
	opacity: 0;
}
.recipe_tab_item:first-child {
	margin-left: 0;
}
.recipe_tab_item.active {
	color: #fff;
	background-color: #ce9b0e;
}
.recipe_tab_item.active::before {opacity: 0;transform: rotate(180deg);}
.recipe_tab_item.active::after {opacity: 1;transform: rotate(180deg);}
.recipe_thumb {
	/*width: 80px;
	height: 80px;
	width: 150px;*/
	height: 100px;
	margin-right: 10px;
}
.recipe_thumb img {
	width: auto;
	height: 100%;
	
}
.recipe_label {
	font-size: 1.7rem;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.3;
	width: calc(100% - 110px);
}

.recipe_item {
	background-color: #fff;
	padding: 25px 25px 40px;
	display: none;
	margin-top: 20px;
}
.recipe_item.active {
}
.recipe_intro {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin-bottom: 30px;
}
.recipe_main {
	width: 417px;
}
.recipe_txt {
	width: 417px;
}
.recipe_ttl {
	font-size: 3rem;
	line-height: 1.3em;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 20px;
}
.recipe_lead {
	font-size: 1.5rem;
	line-height: 1.8em;
	margin-bottom: 20px;
}
.recipe_sub_ttl {
	font-weight: 500;
	margin-bottom: 5px;
}
.ingredient_list_body {
	font-size: 1.5rem;
	line-height: 1em;
}
.ingredient_item {
	padding: 10px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ingredient_item:nth-child(odd) {
	background-color: #F3F3F0;
}
.flow_wrap {
	font-size: 1.5rem;
	line-height: 1.8em;
	letter-spacing: .1em;
	margin-bottom: 20px;
}
.flow_list_body {
	display: flex;
	flex-wrap: wrap;
}
.flow_item {
	width: 23.5%;
	margin-left: 2%;
	margin-bottom: 20px;
}

/* 五味さん調整 */
.gomi .flow_item.adjust {
	width: 49%;
}
.gomi .flow_item.adjust + li {
	margin-left: 0;
}
.gomi .flow_item.adjust + li + li {
	margin-left: 2%;
}
.gomi .flow_item:nth-child(8) {
	margin-left: 0;
}

/**/
.flow_item:nth-child(4n+1) {
	margin-left: 0;
}

.flow_item .num {
	font-size: 1.6rem;
	font-weight: bold;
	display: block;
}
.flow_package {
	display: flex;
	justify-content: space-between;
}
.flow_txt {
	width: 202px;
}
.flow_img {
	width: 202px;
}
.flow_item p {
	margin-bottom: 10px;
}
.flow_img {
	margin-bottom: 5px;
}

.recipe_contents .btn {
	font-size: 1.6rem;
	color: #fff;
	font-weight: 500;
	background-color: #CE9B0E;
	width:200px;
	height: 50px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 30px auto 0;
	position: relative;
	cursor: pointer;
}