@charset "UTF-8";
/* !Clearfix
---------------------------------------------------------- */
#pickup,
#navi_category,
.pagenation,
#oishisa,
.list_wrap01,
.list_content_wrap01,
.person_wrap01,
.person_detail,
.name_wrap01,
#ingredients_tools01 {
	display: block;
	min-height: 1%;
}

#pickup:after,
#navi_category:after,
.pagenation:after,
#oishisa:after,
.list_wrap01:after,
.list_content_wrap01:after,
.person_wrap01:after,
.person_detail:after,
.name_wrap01:after,
#ingredients_tools01:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html #pickup,
* html #navi_category,
* html .pagenation,
* html #oishisa,
* html .list_wrap01,
* html .list_content_wrap01,
* html .person_wrap01,
* html .person_detail,
* html .name_wrap01,
* html #ingredients_tools01 {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}





/* !共通
---------------------------------------------------------- */
.sp {
	display: inline-block !important;
}
.pc {
	display: none !important;
}

#breadcrumb {
	margin: 10px -10px 10px -10px;
}
.h2_basic02 {
	clear: both;
	margin: 15px -10px 10px -10px;
	padding: 0 10px 13px 10px;
	border-bottom: 2px solid #dedede;
}

/* local_navi */
.local_navi {
	clear: both;
	margin: 30px 0 30px 0;
}
	.local_navi li {
		margin: 0 0 5px 0;
	}
	.local_navi li:after {
		content: "";
	}
	.local_navi li.last:after {
		content: "";
		margin: 0;
	}

/* pagenation */
.pagenation {
	clear: both;
	margin: 21px 0 17px 0;
	text-align: center;
}
	.pagenation .result01 {
		margin: 0 0 15px 0;
		font-size: 1.4rem;
	}
	.pagenation .page_num01 {
		font-size: 1.4rem;
	}
	.pagenation .page_num01 li {
		display: inline-block;
		padding: 0 0.5em 0 0.5em;
	}
			.pagenation .page_num01 li .prev:before,
			.pagenation .page_num01 li .next:after {
				display: inline-block;
				content: "";
				width: 0.5em;
				height: 0.5em;
				border-top: 2px solid #444444;
				border-right: 2px solid #444444;
			}
			.pagenation .page_num01 li .prev:before {
				margin: 0 0.3em 0 0;
					-webkit-transform: rotate(225deg);
					-ms-transform: rotate(225deg);
				transform: rotate(225deg);
			}
			.pagenation .page_num01 li .next:after {
				margin: 0 0 0 0.3em;
					-webkit-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
				transform: rotate(45deg);
			}

/* search_option01 */
.search_option01 {
	margin: 0 -10px 0 -10px;
	padding: 13px 10px 20px 10px;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}
.narrowing_indication01,
.displayed_results01 {
		margin: 10px 0 0 0;
}
	.narrowing_indication01 dl,
	.displayed_results01 dl {
		display: table;
		width: 100%;
	}
		.narrowing_indication01 dt,
		.displayed_results01 dt {
			display: table-cell;
			width: 90px;
		}
		.narrowing_indication01 dd,
		.displayed_results01 dd {
			display: table-cell;
		}
		.displayed_results01 .select_basic01 {
			min-width: auto;
		}


/* list_wrap */
.column h3 {
	margin: 30px 0 30px 0;
	padding: 10px 0 8px 0;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	font-weight: bold;
	font-size: 2.2rem;
}
	.list_wrap01 .txt_author {
		font-weight: bold;
	}
	.list_wrap01 time,
	.list_wrap01 .txt_end01 {
		display: block;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 1.2rem;
	}
	.list_wrap01 .txt_more01,
	.column2 .txt_more01 {
		text-align: right;
		font-size: 1.4rem;
	}

	.person_wrap01 {
		margin: 0 -10px 0 -10px;
		padding: 30px 10px 30px 10px;
		border-bottom: 1px solid #dedede;
	}
		.person_wrap01 .person_img01 {
			float: left;
			width: 33%;
		}
		.person_wrap01 .person_img01 img {
			border: 1px solid #dedede;
		}
		.person_wrap01 .person_detail {
			float: right;
			width: 63%;
		}
			.person_wrap01 .tit_column01 a {
				font-weight: bold;
				color: #ff6600;
			}


/* 2column */
.column2 {
	display: table;
	width: 100%;
	margin: 60px 0 60px 0;
}
#cacao,
#event_report {
	margin: 0 0 60px 0;
}
	.column2 .person_img01{
		text-align: center;
	}
	.column2 .person_wrap01{
		margin: 0;
		padding: 6% 0 6% 4%;
	}
	.column2 .txt_discription01 {
		margin-bottom: 20px;
	}
	.column2 .txt_discription01 + .txt_more01 {
		margin-bottom: 20px;
	}
	.column2 .person_wrap01 .person_detail {
    	float: none;
		width: auto;
	}
	.column2 .list_wrap01 time {
		margin-bottom: 0
	}

/* introduction */
#introduction {
	background: #fbf9f0;
	margin: 40px 0 0 0;
	padding: 10px 10px 10px 10px;
}
	#introduction:after {
		content: "";
		display: block;
		clear: both;
	}
	#introduction .shoulder {
		color: #ffb400;
		font-weight: bold;
		font-size: 1rem;
	}
	#introduction h3 {
		margin: 2px 0 13px 0;
		font-weight: bold;
		font-size: 1.6rem;
		border: none;
	}
		#introduction #introduction_img {
			margin: 0 0 10px 0;
		}
		#introduction #introduction_img img {
			width: 100%;
		}
		#introduction p {
			font-size: 1.2rem;
		}
	#introduction .links01 {
		clear: both;
		margin: 15px 0 0 0;
	}
	#introduction .link_list01 ul {
		margin: 15px 0 0 0;
	}
	#introduction .link_list01 li {
		margin: 5px 0 0 0;
	}


/* detail content */
time {
	font-weight: bold;
}

@media screen and (min-width:1024px) {
.sp {
	display: none !important;
}
.pc {
	display: inline-block !important;
}
.membership_agreement #main {
	width: 940px;
	margin: 0 auto;
}
.membership_agreement #breadcrumb {
	width: 940px;
	margin: 0 auto;
	padding: 50px 0 5px 0;
}
#breadcrumb {
	margin: 0 0 0 0;
}

.h2_basic02 {
	margin: 0 0 30px 0;
	padding: 0 0 7px 0;
}

.local_navi li:after {
	content: "|";
	margin: 0 0 0 20px;
}
.wrap_title01 {
	margin-top: 10px;
}
/* list_wrap */
.list_wrap01 h3 {
	margin: 0 0 20px 0;
	font-size: 2.2rem;
}
.txt_discription01 {
	margin-bottom: 26px;
}
	.person_wrap01:last-child {
		border-bottom: none;
	}

/* 2column */
.column2 {
	display: table;
	width: 100%;
	margin: 0 0 60px 0;
}
#cacao,
#event_report {
	display: table-cell;
	width: 50%;
	padding-right: 20px;
}
#thai,
#oroshi_shop {
	display: table-cell;
	width: 50%;
	padding-left: 20px;
}
	.column2 .person_img01{
		width: 45.556%;
		float: left;
	}
	.column2 .person_wrap01{
		float: left;
		width: 50%;
		margin: 0;
		padding: 0 0 0 4%;
	}
	.column2 .txt_discription01 {
		margin-bottom: 20px;
	}
	.column2 .txt_discription01 + .txt_more01 {
		margin-bottom: 20px;
	}


/* introduction */
#introduction {
	margin-bottom: 60px;
	padding: 20px 20px 20px 20px;
}
	#introduction .shoulder {
		font-size: 1.4rem;
	}
	#introduction h3 {
		margin: 2px 0 0 0;
		font-size: 2.8rem;
	}
		#introduction #introduction_img {
			float: left;
			width: 30.6%;
			margin: 0 40px 0 0;
		}
		.recipe_detail #introduction #introduction_detail {
			float: right;
			width: 63.5%;
		}
		#introduction p {
			font-size: 1.6rem;
		}
	#introduction .links01 {
		font-size: 1.4rem;
		text-align: right;
	}
	#introduction .link_list01 {
		text-align: right;
	}
	#introduction .link_list01 li {
		display: inline-block;
		margin: 0 0 0 0;
	}
	#introduction .link_list01 li:last-child a {
		padding: 0 0 0 0;
	}

/* local_navi */
.local_navi {
	margin: 0 0 0 0;
	padding: 40px 0 40px 0;
}
	.local_navi li {
		display: inline-block;
		margin: 0 10px 0 0;
	}

/* pagenation */
.pagenation {
	margin: 0 0 0 0;
	padding: 61px 0 0 0;
}
	.pagenation .result01 {
		float: left;
	}
	.pagenation .page_num01 {
		float: right;
	}
		.pagenation .page_num01 li {
			padding: 0 0.3em 0 0.3em;
		}
	.pagenation.bottom {
		padding: 20px 0 0 0;
		border-top: 1px solid #dedede;
	}
/* search_option01 */
.search_option01 {
	margin: 0;
	padding: 13px 0 35px 0;
	border-bottom: none;
}
	.search_option01 ul,
	.search_option01 li,
	.narrowing_indication01,
	.displayed_results01,
	.narrowing_indication01 dl,
	.displayed_results01 dl,
	.narrowing_indication01 dt,
	.displayed_results01 dt,
	.narrowing_indication01 dd,
	.displayed_results01 dd {
		display: table-cell;
		vertical-align: middle;
	}
	.search_option01 ul {
		padding: 0 40px 0 0;
	}
	.narrowing_indication01 {
		padding: 0 20px 0 0;
	}
		.narrowing_indication01 dt,
		.displayed_results01 dt {
			width: auto;
			padding: 0 10px 0 0
		}


.person_wrap01 {
	float: left;
	width: 22%;
	margin: 0 4% 0 0;
	padding: 0 0 60px 0;
	border-bottom: none;
}
.person_wrap01:nth-child(4n) {
	margin: 0;
}
	.person_wrap01 .person_img01,
	.person_wrap01 .person_detail {
		float: none;
		width: 100%;
	}
		.person_wrap01 .tit_column01 {
			font-size: 1.4rem;
		}
		.person_wrap01 .person_detail {
			padding: 6px 0 0 0;
			font-size: 1.2rem;
		}

}



/* !Btn
---------------------------------------------------------- */

/* btn_favorite01 */
.btn_favorite01 {
	width: 100%;
	font-size: 1.8rem;
}
.btn_favorite01:before {
	width: 26px;
	height: 23px;
	margin: 0 0.5em -0.3em 0;
}

/* btn_cart01 */
.recipe_detail .btn_cart01 {
	width: 100%;
	padding: 6px 10px 10px 10px;
	font-size: 1.2rem;
	letter-spacing: 0;
}
.btn_cart01:before {
	width: 25px;
	height: 22px;
	margin: 0 0.5em -0.5em 0;
}

/* btn_favorite01 追加済み */
span.btn_favorite01 {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	background: #ffffff;
	font-size: 1.8rem;
	text-align: center;
	cursor: auto;
}
span.btn_favorite01:before {
	background: url(../img/ico_heart02.svg) no-repeat left center;
}

@media screen and (min-width:1024px) {
/* btn_basic01 */
.btn_basic01 {
	padding: 10px 20px 10px 20px;
}
/* btn_cart01 */
.recipe_detail .btn_cart01 {
	width: 330px;
	padding: 4px 10px 4px 10px;
	font-size: 1.4rem;
}
.btn_cart01:before {
	margin: 0 0.5em -0.4em 0;
}

}

/* !カテゴリメニュー
---------------------------------------------------------- */
.trigger {
	padding: 10px 0 10px 0;
}
.criteria_inner01 {
	display: none;
	margin: 0;
	padding: 0;
	background: #f0f0f0;
}
.category_wrap01 {
	padding: 0 10px 0 10px;
	border-top: 1px solid #dedede;
}
	.category_wrap01 .trigger {
		font-weight: normal;
	}
.category_wrap01:first-child {
	border-top: none;
}
	.navi_category p {
		position: relative;
		font-weight: bold;
		cursor: pointer;
	}
	.navi_category p:after {
		display: inline-block;
		content: "＋";
		width: 20px;
		height: 20px;
		margin: 0 0 0 5px;
		background: #464646;
		border-radius: 4px;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		line-height: 20px;
	}
	.navi_category p.active:after {
		content: "－";
	}
		.navi_category .category_wrap01 p:after {
			position: absolute;
			right: 0;
		}
		.navi_category .inner01 {
			display: none;
			padding: 0 0 10px 0;
		}
			.navi_category .inner01 li {
				border-top: 1px solid #dedede;
				background: #ffffff;
			}
			.navi_category .inner01 li:first-child {
				border-top: none;
			}
				.navi_category .inner01 li a{
					display: block;
					position: relative;
					padding: 9px 10px 10px 20px;
				}
				.navi_category li a:after {
					display: inline-block;
					position: absolute;
					right: 10px;
					content: "";
					width: 0.5em;
					height: 0.5em;
					margin: 0.5em 0 0 0;
						-webkit-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
					transform: rotate(45deg);
					border-top: 2px solid #ffb400;
					border-right: 2px solid #ffb400;
				}

/* カテゴリ一覧 */
.category_list01 .inner01 {
	display: none;
	padding: 0 0 10px 0;
}
.category_list01 .category_wrap01 p {
}

@media screen and (min-width:1024px) {
.trigger {
	padding: 0;
}
.criteria_inner01,
.inner01 {
	display: block;
}
.criteria_inner01 {
	margin: 0;
	padding: 0;
	background: #ffffff;
}
.category_list01 .inner01 {
	display: block;
}
.category_wrap01 {
	float: left;
	width: 50%;
	padding: 0;
	border-top: none;
}
	.navi_category>p.trigger {
		display: none;
	}
	.navi_category .inner01 {
		display: inline-block;
		padding: 0 0 10px 0;
	}
	.category_wrap01 {
		margin: 0 0 23px 0;
	}
		.category_wrap01 .trigger {
			cursor: auto;
			font-weight: bold;
		}
		.navi_category p:after {
			display: none;
		}
			.navi_category .inner01 {
				padding: 0;
			}
				.navi_category .inner01 li {
					display: inline-block;
					margin: 0 15px 0 0;
					border-top: none;
					font-size: 1.2rem;
				}
					.navi_category .inner01 li a{
						display: inline;
						position: relative;
						padding: 0;
					}
					.navi_category li a:after {
						display: none;
					}

/* カテゴリ一覧 */
.category_list01 .category_wrap01 {
	float: none;
	width: 100%;
}
.category_list01 .category_wrap01 p {
	display: block;
}

}


/* !Form
---------------------------------------------------------- */
/* checkbox */
.check_basic01 {
	display: table-cell;
	position: relative;
}
	.check_basic01 label {
		display: inline-block;
		position: relative;
		cursor: pointer;
		padding: 5px 10px 5px 25px;
		font-size: 1rem;
		font-weight: normal;
		text-align: center;
		cursor: pointer;
		line-height: 1.7;
	}
	.check_basic01 label:before {
		display: block;
		position: absolute;
		z-index: 20;
		content: "";
		top: 50%;
		left: 0;
		margin: -10px 0 0 0;
		width: 16px;
		height: 16px;
		border: 1px solid #d2d2d2;
	}
	.check_basic01 input[type=checkbox] {
		position: absolute;
		top: 10px;
		left: 4px;
		font-size: 100%;
		width: 1em;
		margin: 0;
		padding: 0;
		opacity: 0;
	}
	.check_basic01 input[type=checkbox]:checked + label:after {
		display: block;
		position: absolute;
		z-index: 30;
		content: "";
		top: 50%;
		left: 5px;
		z-index: 20;
		width: 5px;
		height: 8px;
		margin: -8px 0 0 0;
	}

@media screen and (min-width:1024px) {
/* checkbox */
	.check_basic01 label {
		padding: 0 0 0 29px;
		font-size: 1.4rem;
	}
	.check_basic01 label:before {
		top: 50%;
		left: 0;
		margin: -10px 0 0 0;
		width: 16px;
		height: 16px;
	}
	.check_basic01 input[type=checkbox] {
		top: 10px;
		left: 4px;
	}
	.check_basic01 input[type=checkbox]:checked + label:after {
		top: 50%;
		left: 5px;
		width: 5px;
		height: 8px;
		margin: -8px 0 0 0;
	}

}


/* !Label
---------------------------------------------------------- */
.label_gray,
.label_gold {
	display: inline-block;
	margin: 4px 3px 4px 0;
	padding: 3px 8px 3px 8px;
	font-size: 0.9rem;
	font-weight: normal;
	line-height: 1;
	vertical-align: middle;
}
.label_gold {
	background: #c69e32;
	color: #ffffff;
}

@media screen and (min-width:768px) {
	.label_gray,
	.label_gold {
		font-size: 1.2rem;
	}
}



/* side */
#side aside {
	background: none;
	margin: 0;
	padding: 0;
}
	#side aside section {
		margin: 0 0 40px 0;
	}
		#side aside h2 {
			padding: 4% 0;
			background: #f0f0f0;
			line-height: 1;
		}
		#side aside ul li {
			margin: 6% 0 0 0;
			padding-left: 1.5em;
			text-align: left;
			font-size: 1em;
		}
			#side aside a {
				padding: 0;
			}
			#side aside .link_arw01:before {
				content: "";
				margin: 0.5em 0.4em 0 -1em;
			}


@media screen and (min-width:768px) {
		#side aside h2 {
			padding: % 0;
			background: #f0f0f0;
			line-height: 1;
		}
}