@charset "UTF-8";

/* !Clearfix
---------------------------------------------------------- */
#gnavi
{
	display: block;
	min-height: 1%;
}
#gnavi:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html #gnavi
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !PC Header
---------------------------------------------------------- */
#header {
	position: relative;
	top: 0;
	z-index: 900;
	width: 100%;
	min-width: 1025px;
}
#header > .inner01 {
	max-width: 100%;
	margin: 0 0 20px 0;
	font-size: 1.2rem;
}

.submenu_inner01{
	margin: 0 -20px;
	padding: 0 20px 0 0;
	background: #fbf9f0;
}
	.hd_submenu01 {
		max-width: 1200px;
		margin: 0 auto;
		padding: 5px 0 5px 0;
		text-align: right;
	}
		.hd_submenu01 li {
			display: inline-block;
			margin: 0 5px 0 0;
			padding: 0 10px 0 0;
			border-right: 1px solid #000000;
			text-align: left;
			line-height: 1;
		}
		.hd_submenu01 li.last {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			border: none;
		}
.wrap_summary01 {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}
	.hd_summary01 {
		display: inline-block;
		position: absolute;
		top: 20px;
		left: 0;
		max-width: 400px;
		text-align: left;
		font-size: 84%;
	}
.hd_image01 {
    position: absolute;
    top:16px;
    left: 190px;
}
		.hd_summary01 span {
			color: #c40317;
		}
.hd_tel01 {
	position: absolute;
	z-index: 100;
	margin: 4.2em 0 0 0;
	text-align: left;
	line-height: 1.4;
}
	.hd_tel01 .tel_num {
		font-size: 2.4rem;
		font-weight: bold;
	}

.fixed_menu {
	background: #ffffff;
}
.fixed_menu .inner01 {
	position: relative;
}
	.menu_outer01 > .inner01 {
		clear: both;
	}
	.hd_tomiz {
		float: left;
		width: 17.75%;
		max-width: 213px;
	}
		.hd_logo01 {
    position: absolute;
    left: 20px;
    top: 46px;
    width: 192px;
}
			.hd_logo01 a:hover {
				opacity: 1;
			}
	.hd_txt {
		position: absolute;
		top: 40px;
		left: 21%;
		width: 50%;
		max-width: 545px;
		height: auto;
	}
		.hd_txt img {
			height: auto;
		}
	.hd_account01 {
		display: table;
		float: right;
		max-width: 30%;
		margin: 15px 0 18px 0;
		font-size: 1.2rem;
		text-align: right;
	}
	.hd_account01.hd_login01 {
		margin: 20px 0 40px 0;
	}
		.hd_account01 a {
			text-decoration: none;
		}
			.hd_account01 li {
				display: table-cell;
				text-align: center;
				vertical-align: middle;
				line-height: 1.3;
			}
			.hd_account01 a:hover img {
				opacity: 1;
			}
			/* ユーザー */
			.hd_user01 {
				position: relative;
				padding: 0 18px 0 18px;
				cursor: pointer;
			}
				.hd_user01 > img {
					margin: 1px 2px 6px 2px;
				}
				.hd_user01 p {
					font-weight: bold;
					font-size: 80%;
				}
				.hd_user01:hover p,
				.hd_user01.active p {
					color: #ffb400;
				}
					.hd_user01 p span {
						font-size: 1.2rem;
					}
				.hd_user01 p:last-child {
					font-size: 1.0rem;
					font-weight: normal;
				}
					.hd_user_menu01 {
					display: none;
					position: absolute;
					left: 50%;
					z-index: 1000;
					margin: 0 0 0 -90px;
					padding: 15px 0 0 0;

				}
					.hd_user01 .hd_user_inner01 {
						position: relative;
						width: 180px;
						padding: 0 30px 25px 30px;
						background: #f0f0f0;
						box-sizing: border-box;
						cursor: default;
					}
					.hd_user01 .hd_user_inner01:after {
						position: absolute;
						bottom: 100%;
						left: 50%;
						border: solid transparent;
						content: " ";
						height: 0;
						width: 0;
						margin: 0 0 0 -10px;
						pointer-events: none;
						border-color: rgba(240, 240, 240, 0);
						border-bottom-color: #f0f0f0;
						border-width: 10px;
					}
						.hd_user01 .hd_user_inner01 ul {
							padding: 25px 0 0 0;
						}
							.hd_user01 .hd_user_inner01 ul li {
								display: block;
								font-size: 1.4rem;
								text-align: left;
							}
								.hd_user01 .hd_user_inner01 ul li a {
									display: block;
									padding: 5px 0 5px 0;
									text-decoration: underline;
								}
								.hd_user01 .hd_user_inner01 ul li a:before {
									display: inline-block;
									content: "";
									width: 0.4em;
									height: 0.4em;
									margin: 0 0.4em 0 0;
									border-top: 2px solid #ffb400;
									border-right: 2px solid #ffb400;
										-webkit-transform: rotate(45deg);
										-ms-transform: rotate(45deg);
									transform: rotate(45deg);
								}
								.hd_user01 .hd_user_inner01 ul li a:hover {
									text-decoration: none;
								}
			/* ログイン */
			.hd_login01 .hd_user01 {
				padding: 0 28px 0 28px;
			}
				.hd_login01 .hd_user01 > img {
					margin: 1px 0 7px 0;
				}
				.hd_login01 .hd_user01 p {
					font-size: 1.2rem;
					font-weight: bold;
				}
					.hd_login01 .hd_user_menu01 {
						margin: 0 0 0 -145px;
					}
					.hd_login01 .hd_user01 .hd_user_inner01 {
						width: 290px;
						padding: 0 20px 25px 20px;
					}
						.hd_login01 .hd_user01 .hd_user_inner01 dl dt {
							padding: 20px 0 10px 0;
							font-weight: bold;
							font-size: 1.6rem;
							letter-spacing: 0.1em;
						}

						.hd_login_mail01 .txt_form_basic01,
						.hd_login_mail01 .btn_basic01 {
							margin: 0 0 10px 0;
						}
							.hd_login_mail01 input {
								display: block;
								width: 100%;
							}
							.hd_login_mail01 input[type="submit"] {
								padding: 5px 20px 5px 20px;
								font-size: 1.6rem;
							}
							.hd_login_mail01 .link_arw01 {
								text-decoration: underline;
							}
							.hd_login_mail01 .link_arw01:before {
								margin: 0.3em 0.4em 0 0;
							}
							.hd_login_mail01 .link_arw01:hover {
								text-decoration: none;
							}
						.hd_login_entry01 {
							margin: 15px 0 0 0;
							border-top: 1px solid #dedede;
						}
						.hd_login_sns01 {
							margin: 20px 0 0 0;
							border-top: 1px solid #dedede;
						}
							.hd_login_sns01 .btn_fb01,
							.hd_login_sns01 .btn_tw01 {
								display: inline-block;
								width: 56%;
								margin: 0 0 5px 0;
								padding: 5px 10px 5px 10px;
								border-radius: 30px;
								box-sizing: border-box;
								color: #ffffff;
								font-size: 1.4rem;
								font-weight: bold;
								text-align: center;
								letter-spacing: 0.1em;
							}
							.hd_login_sns01 .btn_fb01:hover,
							.hd_login_sns01 .btn_tw01:hover {
								opacity: 1;
								background: #ffffff;
							}
							.hd_login_sns01 .btn_fb01 {
								margin: 0 2% 0 0;
								border: 2px solid #3b5999;
								background: #3b5999;
							}
							.hd_login_sns01 .btn_tw01 {
								border: 2px solid #1da1f3;
								background: #1da1f3;
							}
							.hd_login_sns01 .btn_fb01:hover {
								color: #3b5999;
							}
							.hd_login_sns01 .btn_tw01:hover {
								color: #1da1f3;
							}
							.btn_line {
								width: 222px;
								height: 64px;
								background: url('../img/line/btn_login_base.png');
							}
							.btn_line:hover{
								width: 222px;
								height: 64px;
								background: url('../img/line/btn_login_hover.png');
							}
							.btn_line:active{
								width: 222px;
								height: 64px;
								background: url('../img/line/btn_login_press.png');
							}

							.hd_login_entry01 .btn_entry01 {
	    display: block;
	    width: 100%;
	    margin: 0 0 5px 0;
	    padding: 10px;
	    border-radius: 30px;
	    border: 2px solid #f43334;
	    box-sizing: border-box;
	    background: #f43334;
	    color: #ffffff;
	    font-size: 1.6rem;
	    font-weight: bold;
	    text-align: center;
	    letter-spacing: 0.1em;
	}
						.hd_login_entry01 .btn_entry01:hover {
							opacity: 1;
							background: #ffffff;
							color: #f43334;
						}
						.hd_login_entry01 .btn_entry02 {
    display: block;
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0px 10px 3px 10px;
    border-radius: 30px;
    border: 2px solid #66C5DA;
    box-sizing: border-box;
    background: #66C5DA;
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
}
.hd_login_entry01 .btn_entry02 small {
    font-size: 1rem;
}
						.hd_login_entry01 .btn_entry02:hover {
						    opacity: 1;
						    background: #ffffff;
						    color: #66C5DA;
						}
						.login_entry01 .btn_entry02 {
    display: block;
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0px 10px 3px 10px;
    border-radius: 30px;
    border: 2px solid #66C5DA;
    box-sizing: border-box;
    background: #66C5DA;
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
    text-decoration: none;
    line-height: 1.3;
}
						.login_entry01 .btn_entry02 small {
						font-size: 1rem;
						}
						.login_entry01 .btn_entry02:hover {
								opacity: 1;
								background: #ffffff;
								color: #66C5DA;
						}
			/* カート */
			.hd_cart01,
			.hd_cart02 {
				position: relative;
				width: 88px;
				font-weight: bold;
			}
			.hd_cart02 {
				border-left: 2px solid #ffffff;
			}
				.hd_cart01 a,
				.hd_cart02 a {
					display: block;
					padding: 7px 6px 3px 6px;
					color: #000000;
					font-size: 10px;
					box-sizing: border-box;
					border-radius: 4px;
				}
				.hd_cart01 a {
					border: 2px solid #ffd553;
					background: #ffd553;
				}
				.hd_cart02 a {
					border: 2px solid #fca013;
					background: #fca013;
				}
				.hd_cart01 a:hover,
				.hd_cart02 a:hover {
					opacity: 1;
					color: #000000;
					background: #ffffff;
				}
					.hd_cart01 a img,
					.hd_cart02 a img {
						width: 33px;
						margin: 4px 2px 5px 2px;
					}
					.hd_cart01 img + p span,
					.hd_cart02 img + p span {
						display: block;
						margin: 2px 0 0 0;
						padding: 3px 0 0 0;
						border-top: 1px solid #ffffff;
						font-size: 90%;
							-webkit-transition: all .3s;
						transition: all .3s;

					}
					.hd_cart01 a:hover img + p span {
						border-top: 1px solid #ffd553;
					}
					.hd_cart02 a:hover img + p span {
						border-top: 1px solid #fca013;
					}
				.hd_cart01 .hd_cart_num01,
				.hd_cart02 .hd_cart_num01 {
					display: table;
					position: absolute;
					top: 5px;
					left: 50%;
					z-index: 10;
					width: 2em;
					height: 2em;
					margin: 0 0 0 10px;
					border: none;
					border-radius: 100px;
					background: #fb0200;
					color: #ffffff;
				}
					.hd_cart01 .hd_cart_num01 span,
					.hd_cart02 .hd_cart_num01 span {
						display: table-cell;
						padding: 0 3px 0 3px;
						vertical-align: middle;
						line-height: 1;
					}
				.hd_point01 {
					margin: 6px 0 0 0;
				}
					.hd_point_num01 {
						color: #ffb400;
						font-size: 120%;
						font-weight: bold;
					}
@media screen and (min-width: 1210px) {
    .hd_logo01 {
        left: 0;
        width: 234px;
        top: 47px;
    }
}

/* !Gnavi
---------------------------------------------------------- */
#gnavi {
	position: relative;
	background: #ffd553;
	padding: 0 20px 0 20px;
}
	#gnavi a:hover {
		opacity: 1;
	}
	#gnavi > ul {
		display: table;
		max-width: 1200px;
		width: 100%;
		margin: 0 auto 0;
	}
		#gnavi ul li {
		}
			#gnavi ul li a {
				text-decoration: none;
			}
			#gnavi .navi_first > li br,
			.static #gnavi .navi_first > li br {
				display: none;
			}
		/*----- 第一階層 -----*/
		#gnavi .navi_first > li {
			display: table-cell;
			padding: 13px 0 11px 0;
			vertical-align: middle;
			text-align: center;
			font-size: 1.3rem;
			line-height: 1.2;
			cursor: pointer;
				-webkit-transition: all .3s;
			transition: all .3s;
		}
#gnavi .navi_first > li#gnavi_coupon {
	background-color: #ff9933;
}
#gnavi .navi_first > li#gnavi_coupon.active {
	background-color: #fff;
}
.fixed #gnavi .navi_first > li#gnavi_coupon {
	background-color: #fff;
}
.fixed #gnavi .navi_first > li#gnavi_coupon.active {
	background-color: #f9f8f1;
}
			#gnavi .navi_first > li > p {
				display: table;
				width: 100%;
				border-left: 1px solid #ffffff;
				box-sizing: border-box;
			}
			#gnavi .navi_first > li#gnavi05 > p {
				border: none;
			}
			#gnavi .navi_first > li.active + li > p {
				border-left: 1px solid #ffd553;
			}

				#gnavi .navi_first > li > p > span {
					display: table-cell;
					padding: 5px 0 5px 0;
					font-weight: bold;
					vertical-align: middle;
				}
				#gnavi .navi_first > li > p > span:before {
					display: inline-block;
					content: "";
					width: 0.5em;
					height: 0.5em;
					margin: 0 0.6em 0.2em 0;
					border-top: 2px solid #ffffff;
					border-right: 2px solid #ffffff;
						-webkit-transform: rotate(135deg);
						-ms-transform: rotate(135deg);
					transform: rotate(135deg);
				}
				#gnavi .navi_first > li > p > span.is_text:before {
					display: none;
				}

					#gnavi .navi_first > li > p > span a {
						display: inline;
						color: #000000;
					}
					#gnavi .navi_first > li br {
						display: none;
					}
		/* active */
		#gnavi .navi_first > li.active {
			background: #f9f8f1;
		}
			#gnavi .navi_first > li.active > p > span:before {
				border-top: 2px solid #ffd553;
				border-right: 2px solid #ffd553;
			}
		/* about */
		#gnavi #gnavi_about p {
			padding: 0 5px 0 5px;
			border: none;
		}
			#gnavi #gnavi_about > p > a {
				display: table-row-group;
				font-weight: bold;
				color: #000000;
				margin: 0 auto;
			}
				#gnavi #gnavi_about > p > a > span {
					display: table-cell;
					font-weight: bold;
					vertical-align: middle;
				}
		/* coupon */
		#gnavi #gnavi_coupon p {
			padding: 0 5px 0 5px;
		}
		#gnavi #gnavi_coupon > p > a {
			display: table-row-group;
			font-weight: bold;
			color: #000000;
			margin: 0 auto;
		}
		#gnavi #gnavi_coupon > p > a > span {
			color: #000000;
			display: table-cell;
			padding: 5px 0 5px 0;
			font-weight: bold;
			vertical-align: middle;
		}
		.fixed #gnavi .navi_first {
			table-layout: fixed;
		}
		.fixed #gnavi #gnavi_coupon,
		.fixed #gnavi #gnavi00,
		.fixed #gnavi #gnavi05{
			width: 70px;
		}
		/* wrapping */
		#gnavi #gnavi_wrapping p {
			padding: 0 5px 0 5px;
			border-left: none;
		}
		#gnavi #gnavi_wrapping > p > a {
			display: table-row-group;
			font-weight: bold;
			color: #000000;
			margin: 0 auto;
		}
		#gnavi #gnavi_wrapping > p > a > span {
			color: #000000;
			display: table-cell;
			padding: 5px 0 5px 0;
			font-weight: bold;
			vertical-align: middle;
		}
		/* 検索 */
		#gnavi .navi_first > li#navi_search {
			min-width: 8%;
		}
		.home #gnavi .navi_first > li#navi_search,
		#gnavi .navi_first > li#navi_search.active {
			background: #f9f8f1;
		}
			#gnavi .navi_first > li#navi_search > p {
				padding: 0 5px 0 5px;
				border: none;
			}
				#gnavi .navi_first > li#navi_search > p > span {
					border: none;
					font-size: 1.5rem;
				}
				#gnavi .navi_first > li#navi_search > p > span:before {
					width: 0.4em;
    					height: 0.4em;
					margin: 0 0.6em 0.1em 0;
					border-top: 2px solid #ffffff;
					border-right: 2px solid #ffffff;
				}
				#gnavi .navi_first > li#navi_search.active > p > span:before {
					border-top: 2px solid #ffd553;
					border-right: 2px solid #ffd553;
				}
				#gnavi .navi_first > li#navi_search:hover > p > span:before,
				.home #gnavi .navi_first > li#navi_search > p > span:before {
					border-top: 2px solid #ffd553;
					border-right: 2px solid #ffd553;
				}
		/* レシピ一覧 */
		#gnavi00 {
			min-width: 70px;
		}
		#gnavi04 {
			border-right: 2px solid #ffd553;
			box-shadow: inset -1px 0 0 #ffffff;
		}
		#gnavi05 {
			min-width: 70px;
			border-right: 2px solid #ffd553;
			box-shadow: inset -1px 0 0 #ffffff, inset 1px 0 0 #ffffff;
		}
		#navi_bargain {
			width: 16%;
			box-shadow: inset 1px 0 0 #ffffff;
			padding: 10px 0 10px 2%;
			box-sizing: border-box;
		}
		#gnavi .navi_first > li#navi_bargain {
			padding: 10px 0 10px 0;
		}
		#gnavi .navi_first > li#navi_bargain.active {
			background: #ffd553;
		}
			#gnavi .navi_first > li#navi_bargain p {
				display: block;
				border: none;
				padding: 0 0 0 10%;
				box-sizing: border-box;
			}
				#navi_bargain .btn_basic03 {
					display: block;
					white-space: nowrap;
				}
				#navi_bargain .btn_basic03:before {
					margin: 0.45em 0 0 0;
				}

		/*----- 第二階層以降共通 -----*/
		.subnavi01,
		.subnavi01 .navi_second ul {
			display: none;
		}
		.subnavi01 {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 100;
			overflow: visible;
			width: 100%;
			padding: 35px 20px 35px 20px;
			background: #f9f8f1;
			font-size: 1.4rem;
			text-align: left;
			box-sizing: border-box;
			box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
			cursor: default;
		}
			.subnavi01 .navi_second ul {
					position: absolute;
					top: 0;
					z-index: 100;
					font-size: 1.2rem;
					box-shadow: 0 1px 3px rgba(143,138,105,0.5);
				}
					#gnavi .subnavi01 .inner01 .navi_second li a {
						display: block;
						padding: 7px 30px 7px 40px;
						text-decoration: underline;
						text-indent: -1.2em;
					}
					.subnavi01 ul li a:hover,
					.subnavi01 ul li.active > a {
						color: #ffc426;
					}
					.subnavi01 ul li a:before {
						display: inline-block;
						content: "";
						width: 0.5em;
						height: 0.5em;
						margin: 0 0.6em 0.1em 0;
						border-top: 2px solid #ffc426;
						border-right: 2px solid #ffc426;
							-webkit-transform: rotate(135deg);
							-ms-transform: rotate(135deg);
						transform: rotate(135deg);
					}
					.subnavi01 ul li.no_child a:before,
					.subnavi01 ul > li.active > a:before {
							-webkit-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
						transform: rotate(45deg);
					}

		/*----- 第二階層 -----*/
		.subnavi01 .navi_second > li {
			position: relative;
			float: left;
			width: 24.8%;
			border-right: 1px solid #dedede;
		}
		.subnavi01 .navi_second > li:nth-child(4n) {
			border: none;
		}
			.subnavi01 .navi_second > li:nth-child(4n) > a {
				padding: 5px 0 5px 40px;
			}
		/*----- 第三階層 -----*/
		.subnavi01 .navi_third {
			margin: 2.2em 0 0 3.5em;
			padding: 15px 0 15px 0;
			left: 2em;
			background: #f9f8f1;
		}
			.subnavi01 .navi_third > li {
				position: relative;
			}
				.subnavi01 .navi_third li.active > a:before {
						-webkit-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
					transform: rotate(45deg);
				}
		/*----- 第四階層 -----*/
		.subnavi01 .navi_fourth {
			position: absolute;
			top: -5px;
			left: 95%;
			z-index: 200;
			width: 100%;
			margin: 0 0 0 0;
			padding: 15px 0 15px 0;
			background: #fcf0cc;
		}
			.subnavi01 .navi_second > li:nth-child(4n) .navi_fourth {
				left: -95%;
			}
				.subnavi01  .navi_fourth li a {
					padding: 5px 20px 5px 20px;
				}

			/* 検索 */
			#navi_search {
				/*display: block;*/
				width: 100%;
				padding: 0 0 0 0;
				background: #f9f8f1;
				box-shadow: none;
			}
			/*.fixed #navi_search .subnavi01 {
				display: none;
			}*/

				#navi_search .inner01 {
					display: table;
					position: static;
					max-width: 1200px;
					width: 100%;
					padding: 10px 20px 0 20px;
					box-sizing: border-box;
				}
				#navi_search .inner01:after {
					font-size: 0;
				}

				#navi_search form {
					display: table-cell;
					vertical-align: middle;
				}
					#navi_search .navi_search_word01,
					#navi_search .navi_search_criteria01 {
						display: inline-block;
						vertical-align: middle;
					}
					.navi_search_word01,
					.static .navi_search_word01 {
						padding: 0 0 10px 0;
					}
						.navi_search_word01 .search_form01,
						.static .navi_search_word01 .search_form01  {
							margin: 0 20px 0 10px;
						}
						.navi_search_word01 .search_form01 input[type="submit"] {
							position: relative;
							width: 68px;
							height: 26px;
						}
						.navi_search_word01 .radio_basic01 label:before {
							border: 1px solid #d4d3be;
						}
						.navi_search_criteria01 {
						}
							.navi_search_criteria01 p {
								padding: 0 0 10px 0;
								cursor: pointer;
							}
							.navi_search_criteria01 p:before {
								display: inline-block;
								content: "＋";
								width: 26px;
								height: 26px;
								margin: 0 8px 0 0;
								background: #464646;
								border-radius: 4px;
								color: #ffffff;
								font-weight: bold;
								text-align: center;
								line-height: 26px;
							}
							.navi_search_criteria01 p.active:before {
								content: "−";
							}
						.navi_search_criteria01 .criteria_inner01 {
							display: none;
							position: absolute;
							left: 0;
							width: 100%;
							padding: 0 0 10px 0;
							background: #ffffff;
							box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
						}
							.criteria_cat01,
							.criteria_price01 {
								display: table;
								float: left;
							}
							.criteria_cat01 {
								margin: 0 0 0 4%;
								padding: 0 20px 0 0;
							}
								.criteria_inner01 span,
								.criteria_inner01 label,
								.criteria_inner01 input {
									display: table-cell;
									vertical-align: middle;
								}
								.criteria_cat01 .select_basic01 {
									width: 180px;
									height: 28px;
									border: 1px solid #d4d3be;
								}
								.criteria_cat01 span {
									padding: 0 20px 0 0;
								}
								.criteria_inner01 span {
									font-weight: bold;
								}
								.criteria_price01 span {
									padding: 0 10px 0 10px;
								}
								.criteria_price01 span:first-child {
									padding: 0 20px 0 0;
								}
								.criteria_inner01 input {
									display: inline-block;
									margin: 0 0 0 40px;
									padding: 0 25px 0 25px;
									border: 2px solid #ffd553;
									box-shadow: none;
									border-radius: 30px;
									background: #ffd553;
									font-size: 1.6rem;
									font-weight: bold;
									line-height: 1.5;
									text-decoration: none;
									letter-spacing: 0.1em;
										-webkit-transition: all .3s;
									transition: all .3s;
									cursor: pointer;
								}
								.criteria_inner01 input:hover {
									background: #ffffff;
								}
				.navi_search_trend01 {
					display: table-cell;
					margin: 0 0 0 10px;
					padding: 0 0 10px 0;
					vertical-align: middle;
					font-size: 1.2rem;
				}
					.navi_search_trend01 dl {
						display: table;
					}
						.navi_search_trend01 dl dt,
						.navi_search_trend01 dl dd {
							display: table-cell;
						}
						.navi_search_trend01 dl dt {
							font-weight: bold;
							padding: 0 5px 0 0;
						}
						.navi_search_trend01 dl dd a {
							text-decoration: underline;
							margin: 0 5px 0 5px;
						}
						.navi_search_trend01 dl dd a:hover {
							text-decoration: none;
						}
				.navi_search_recipe01 {
					display: table-cell;
					padding: 2px 0 10px 0;
					vertical-align: middle;
					text-align: right;
				}
					.navi_search_recipe01 .btn_basic01 {
						margin: -2px 0 0 0;
						padding: 3px 15px 3px 10px;
						font-size: 1.6rem;
						white-space: nowrap;
					}
						.navi_search_recipe01 .btn_basic01 a {
							color: #000000;
						}

			/* レシピ */
			.navi_recipe_list01 {
				float: left;
				width: 27%;
				border-right: 1px solid #dedede;
				padding: 0 35px 0 35px;
				box-sizing: border-box;
			}
			#gnavi05 dl.list_genre01 {
				float: left;
				width: 16%;
				border-right: 1px solid #dedede;
				padding: 0 35px 0 35px;
				box-sizing: border-box;
			}
			#gnavi05 dl.list_author01 {
				float: left;
				width: 56%;
				border-right: 1px solid #dedede;
				padding: 0 35px 0 35px;
				box-sizing: border-box;
			}
			#gnavi05 dl:last-child {
				padding: 0 0 0 35px;
				border: none;
			}
				#gnavi05 dl dt {
					font-weight: bold;
					margin: 0 0 10px 0;
				}
				#gnavi05 dl ul li {
					float: left;
					width: 33%;
					padding: 5px 10px 5px 20px;
					box-sizing: border-box;
					text-indent: -1.2em;
				}
				#gnavi05 dl.list_genre01 ul li {
					float: none;
					width: auto;
				}
				#gnavi05 dl.list_author01 ul li:nth-child(3n) {
					padding: 5px 0 5px 30px;
				}
					#gnavi05 dl ul li a {
						text-decoration: underline;
					}
			.navi_recipe_list01 p {
				margin: 0 0 5px 0;
			}
			.navi_recipe_list01 .btn_basic01 {
				display: block;
			}
@media screen and (min-width:1210px) {
	#gnavi {
		padding: 0 0 0 0;
	}
		#gnavi .navi_first > li {
			font-size: 1.4rem;
		}
		#gnavi .navi_first > li#navi_search > p > span {
			font-size: 1.6rem;
		}
			.subnavi01 {
				padding: 35px 0 35px 0;
			}

			/* 検索 */
			#navi_search .inner01 {
				padding: 10px 0 0 0;
			}

			.navi_search_trend01,
			.static .navi_search_trend01 {
				margin: 0 0 0 30px;
			}
				.criteria_cat01 {
					margin: 0 0 0 8%;
					padding: 0 40px 0 0;
				}
					.criteria_cat01 .select_basic01 {
						width: auto;
					}
}

/* !Gnavi fixed
---------------------------------------------------------- */
.fixed {
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
	min-width: 1025px;
	padding: 0 0 0 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
}
	.fixed .menu_outer01 {
		max-width: 1200px;
		margin: auto;
	}
	.fixed.fixed_menu .inner01 {
		padding: 0 0 0 0;
	}
		.fixed #gnavi {
			position: static;
			width: 99%;
			background: #ffffff;
		}
		.fixed .hd_logo01 {
    position: relative;
    top: 27px;
    left: 10px;
    float: left;
    width: 160px;
    margin: 0;
}
			.fixed .hd_logo01 img {
    width:160px;
}
		.fixed .hd_account01 {
			float: right;
			margin: 14px 0 0 0;
		}
			.fixed .hd_account01 ul {
				display: table;
				min-width: 270px;
			}
			.fixed .hd_point01 {
				display: none;
			}
		.fixed #gnavi > ul {
			float: left;
			width: 54%;
			margin: 0 0 0 2%;
		}

		/*----- 第一階層 -----*/
		.fixed #gnavi .navi_first > li {
			padding: 10px 0 15px 0;
		}
		.fixed #gnavi .navi_first > li > p {
			position: relative;
		}
		.fixed #gnavi .navi_first > li#gnavi_about {
			display: none;
		}
		.fixed #gnavi .navi_first > li#gnavi00 > p,
		.fixed #gnavi .navi_first > li.active > p {
			border-left: 1px solid #ffffff;
		}
			.fixed #gnavi .navi_first > li.active + li > p {
				border-left: 1px solid #ffffff;
			}
			.fixed #gnavi .navi_first > li > p:after {
				display: inline-block;
				position: absolute;
				left: 45%;
				bottom: -5px;
				content: "";
				width: 0.5em;
				height: 0.5em;
				margin: 0 auto 0;
				border-top: 2px solid #ffd553;
				border-right: 2px solid #ffd553;
					-webkit-transform: rotate(135deg);
					-ms-transform: rotate(135deg);
				transform: rotate(135deg);
			}
					.fixed #gnavi .navi_first > li > p > span {
						/*padding: 5px 0 5px 0;*/
						padding: 0;
					}
					.fixed #gnavi .navi_first > li > p > span:before {
						content: normal;
					}
				.fixed #gnavi .navi_first > li br {
					display: inline-block;
				}

				.fixed .hd_account01 {
					/*margin: 12px 10px 8px 0;*/
					margin: 5px 10px 5px 0;
				}
					.fixed .hd_user01 {
						padding: 0 5% 0 5%;
						max-width: 150px;
						background-size: 23px auto;
					}
						.fixed .hd_user01 > img {
							width: 23px;
							margin: 1px 2px 5px 2px;
						}
						.fixed .hd_login01 .hd_user01 > img {
							width: 33px;
						}
					.fixed .hd_cart01,
					.fixed .hd_cart02 {
						width: 30%;
					}
						.fixed .hd_cart01 a,
						.fixed .hd_cart02 a {
							padding: 2px 6px 1px 6px;
							font-size: 9px;
							background-size: 34px auto;
							background-position: center 5px;
						}
							.fixed .hd_cart01 img,
							.fixed .hd_cart02 img {
								width: 30px;
								margin: 5px 2px 5px 2px;
							}
								.fixed .hd_cart01 .hd_cart_num01,
								.fixed .hd_cart02 .hd_cart_num01 {
									left: 50%;
									top: 6px;
									margin: 0 0 0 10px;
									font-size: 9px;
								}
			.fixed .subnavi01 {
				box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
			}

			/* 検索 */
			/*.fixed #gnavi .navi_first > li#navi_search {
				background: #ffffff;
			}*/
			.fixed #navi_search {
				/*position: absolute;
				left: 0;
				z-index: 900;*/
				box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
			}
				.fixed .navi_search_word01,
				.fixed .navi_search_criteria01 p,
				.fixed .navi_search_recipe01 {
					padding: 0 0 10px 0;
				}

			/* ラッピング */
			.fixed #gnavi04 {
				border: none;
			}
			/* レシピ一覧 */
			.fixed #gnavi05 {
				border: none;
			}
				.fixed #gnavi05 > p {
					border-left: 1px solid #dedede;
					border-right: 1px solid #dedede;
				}

			/* お値打ち商品 */
			.fixed #gnavi .navi_first > li#navi_bargain {
				width: 20%;
				padding: 15px 1% 10px 0;
				vertical-align: top;
			}
			.fixed #gnavi .navi_first > li#navi_bargain.active {
				background: #ffffff;
			}
				.fixed #gnavi .navi_first > li#navi_bargain p:after {
					content: normal;
				}
					.fixed #gnavi .navi_first > li#navi_bargain .btn_basic03 {
						margin: 10px 0 0 0;
						padding: 3px 15px 3px 10px;
						background: #ffd553;
						border: 2px solid #ffd553;
					}
					.fixed #gnavi .navi_first > li#navi_bargain .btn_basic03:hover {
						background: #ffffff;
					}
					.fixed #gnavi .navi_first > li#navi_bargain .btn_basic03:before {
						border-top: 2px solid #ffffff;
						border-right: 2px solid #ffffff;
					}
					.fixed #gnavi .navi_first > li#navi_bargain .btn_basic03:hover:before {
						border-top: 2px solid #ffb400;
						border-right: 2px solid #ffb400;
					}
@media screen and (max-width: 1200px) {
	#navi_bargain .btn_basic03 {
		padding: 3px 20px 3px 15px;
	}
		#navi_bargain .btn_basic03:before {
			margin: 0.45em 0.45em 0 0;
		}

	#navi_search .radio_basic01 label {
		font-size: 1.2rem;
	}
	.navi_search_word01 .search_form01 {
		display: inline-block;
		margin: 0 15px 0 0;
	}
		#navi_search .search_form01 input[type="text"] {
			width: 150px;
		}
	.navi_search_criteria01 p {
		font-size: 1.3rem;
	}
	.navi_search_criteria01 p:before {
		margin: 0 4px 0 0;
	}
	.navi_search_trend01 {
		margin: 0 1% 0 1%;
	}
		.navi_search_trend01 dl {
			margin: 0 0 0 10px;
		}
			.navi_search_trend01 dl dt,
			.navi_search_trend01 dl dd {
				display: block;
			}
		.navi_search_recipe01 .btn_basic01 {
			font-size: 1.4rem;
		}
}
@media screen and (min-width:1210px) {
	.submenu_inner01 {
		margin: 0;
		padding: 0;
	}
		.fixed .hd_logo01 {
        width: 160px;
        margin: 0 10px 0 0;
    }
		.fixed .hd_user01 {
			padding: 0 10px 0 10px;
		}
		.fixed .hd_cart01,
		.fixed .hd_cart02 {
			width: 80px;
		}

		/*.fixed #gnavi > ul {
			width: 54%;
		}*/

		/* お値打ち商品 */
		.fixed #gnavi .navi_first > li#navi_bargain {
			padding: 15px 0 10px 0;
		}
			.fixed #gnavi .navi_first > li#navi_bargain .btn_basic03 {
				padding: 3px 15px 3px 15px;
			}
}



/* !Pagetop
---------------------------------------------------------- */
.pagetop_fixed {
	position: relative;
	top: 90px;
	width: 100%;
	margin: 0 auto 0;
}
	.pagetop_fixed p {
		left: auto;
		right: 10px;
		width: 60px;
		z-index: 9999;
		cursor: pointer;
	}
@media screen and (min-width:1200px) {
	.pagetop_fixed {
		max-width: 100%;
	}
}
@media screen and (min-width:1620px) {
	.pagetop_fixed {
		width: 90%;
		max-width: 1480px;
		margin: 0 auto 0;
	}
		.pagetop_fixed p {
			right: auto;
			margin: 0 0 0 1480px;
		}
}

/* !Footer
---------------------------------------------------------- */
footer {
	margin: 80px 0 0 0;
	background: url(../img/bg_ft_about01.png) repeat;
	text-align: left;
}
.ft_guide01 a:before,
.ft_about01 ul li a:before,
.ft_categories a:before {
	display: inline-block;
	float: left;
	content: "";
	width: 0.4em;
	height: 0.4em;
	margin: 0.5em 0.4em 0 0;
	border-top: 2px solid #ffb400;
	border-right: 2px solid #ffb400;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

	/* お買いものガイド */
	.ft_guide01 {
		padding: 70px 0 50px 0;
		background: #f0f0f0;
	}
		.ft_guide01 h2 {
			margin: 0 0 35px 0;
			font-size: 2.4rem;
			font-weight: bold;
		}
		.ft_inner01 {
			float: left;
			width: 33%;
			padding: 0 3% 0 0;
			box-sizing: border-box;
		}
			.ft_inner01 ol {
				margin: 0 0 30px 0;
			}
			.ft_inner01 ol > li {
				position: relative;
				margin: 0 0 0.7em 1.2em;
				padding: 0 0 10px 1.5em;
				border-left: 2px solid #ffc426;
			}
			.ft_inner01 ol > li:after {
				display: inline-block;
				position: absolute;
				bottom: 0;
				left: -0.5em;
				content: "";
				width: 0.7em;
				height: 0.7em;
				margin: 0.45em 0.4em 0 0;
				border-top: 2px solid #ffc427;
				border-right: 2px solid #ffc427;
					-webkit-transform: rotate(135deg);
					-ms-transform: rotate(135deg);
				transform: rotate(135deg);
			}
			.ft_inner01 ol > li.last {
				border: none;
			}
			.ft_inner01 ol > li.last:after {
				content: normal;
			}
				.ft_inner01 ol li > p {
					font-size: 1.6rem;
					font-weight: bold;
				}
				.ft_inner01 .num {
					display: table;
					position: absolute;
					top: -0.2em;
					left: -1.1em;;
					width: 2em;
					height: 2em;
					border-radius: 100px;
					background: #ffc426;
					color: #ffffff;
					font-size: 1.6rem;
					text-align: center;
				}
					.ft_inner01 .num span {
						display: table-cell;
						vertical-align: middle;
						line-height: 1;
					}
				.ft_inner01 ol li ul {
					padding: 0.2em 0 0 0.4em;
				}
				.ft_inner01 ol li div {
					margin: 0.8em 0 0 0;
					padding: 10px 13px 10px 13px;
					background: #ffffff;
					letter-spacing: -0.05em;
				}
					.ft_inner01 ol li div em {
						font-weight: bold;
						color: #ea2b2b;
					}
		.ft_inner02 {
			float: left;
			width: 67%;
			padding: 0 0 0 3%;
			border-left: 1px solid #cccccc;
			box-sizing: border-box;
		}
			.ft_inner02 dl dd {
				margin: 0 0 20px 0;
			}
			.ft_guide01 h3 {
				margin: 0 0 20px 0;
				font-size: 1.6rem;
				font-weight: bold;
			}
			.guide_box01,
			.guide_box02 {
				float: left;
				width: 50%;
				box-sizing: border-box;
			}
			.guide_box01 {
				padding: 0 4% 0 0;
			}
				.guide_box01 > div {
					margin: 0 0 15px 0;
					padding: 10px 15px 10px 15px;
					background: #ffffff;
					font-weight: bold;
				}
					.guide_box01 > div p {
						margin: 0 0 0 0;
					}
				.guide_box01 p {
					margin: 0 0 10px 0;
				}
				.guide_box01 p span {
					font-weight: bold;
				}
			.guide_box02 {
				padding: 0 0 0 4%;
				border-left: 1px solid #cccccc;
			}
				.guide_box02 p {
					margin: 0 0 5px 0;
				}
				.ft_inner02 dl dt {
					margin: 0 0 10px 0;
					font-size: 1.6rem;
					font-weight: bold;
				}
		.ft_guide_link01 {
			padding: 13px 0 0 0;
			border-top: 1px dashed #cccccc;
			text-align: right;
			clear: both;
		}

	/* 富澤商店について */
	.ft_info01 {
		padding: 50px 0 110px 0;
		background: url(../img/ft_ill01.svg) no-repeat bottom -18px center;
	}
		.ft_about01 {
			display: table;
			width: 100%;
			margin: 0 0 40px 0;
		}
			.ft_about01 .ft_logo01,
			.ft_about01 dl {
				display: table-cell;
				border-right: 1px solid #c7c7c7;
				vertical-align: top;
			}
			.ft_about01 .ft_logo01 {
				padding: 10px 2.5% 10px 2.5%;
				border-left: 1px solid #c7c7c7;
			}
				.ft_tel01 {
					margin: 25px 0 0 0;
					line-height: 1.4;
				}
					.ft_tel01 .tel_num {
						font-size: 2.5rem;
						font-weight: bold;
					}
			.ft_about01 dl {
				padding: 10px 0 10px 0;
				width: 25%;
				box-sizing: border-box;
			}
				.ft_about01 dl dt {
					margin: 0 0 15px 0;
					padding: 0 10% 0 10%;
					font-size: 1.6rem;
					font-weight: bold;
				}
				.ft_about01 dl dd {
					padding: 0 10% 0 10%;
				}
					.ft_about01 dl dd p {
						margin: 0 0 10px 0;
					}
					.ft_about01 dl dd p .btn_basic03 {
						display: block;
						padding: 8px 10px 8px 10px;
					}
		.ft_sns01 {
			margin: 0 0 35px 0;
		}
			.ft_sns01 .fb,
			.ft_sns01 .tw,
			.ft_sns01 .instagram {
				float: left;
				width: 32%;
			}
			.ft_sns01 .fb,
			.ft_sns01 .tw {
				margin: 0 2% 0 0;
			}
			.ft_sns01 .instagram {
				overflow: hidden;
				background: #ffffff;
				height: 320px;
				padding: 0 1.5% 0 1.5%;
				box-sizing: border-box;
			}
				.ft_sns01 .instagram .insta_txt {
					display: table;
					width: 100%;
				}
					.ft_sns01 .instagram .insta_header p {
						display: table-cell;
						vertical-align: baseline;
					}
					.ft_sns01 .instagram .insta_header p:first-child {
						font-family:Helvetica , sans-serif;
						font-size: 2.4rem;
						font-weight: bold;
					}
					.ft_sns01 .instagram .insta_header p:last-child {
						text-align: right;
						font-size: 1.0rem;
					}
						.ft_sns01 .instagram .insta_header p a {
							color: #125688;
							text-decoration: none;
						}
					.ft_sns01 .instagram .insta_inner {
						overflow: scroll;
						height: 88%;
					}
		.ft_bnr01 {
			padding: 16px 5px 16px 5px;
			border: 1px solid #ffffff;
			border-radius: 4px;
		}
			.ft_bnr01 ul {
				display: table;
				width: 100%;
			}
				.ft_bnr01 ul li {
					display: table-cell;
					padding: 0 1% 0 1%;
					text-align: center;
				}

	/* カテゴリ一覧 */
	.ft_categories {
		width: 100%;
		margin: 35px 0 0 0;
	}
		.ft_categories .category_inner01 {
			float: left;
			width: 33.334%;
			margin: 0 0 2% 0;
			padding: 0 0 0 2%;
    	box-sizing: border-box;
		}
			.ft_categories dl dt,
			.ft_categories p a {
				margin: 0 0 0 0;
				font-size: 1.6rem;
				font-weight: bold;
			}
			.ft_categories p {
				margin: 15px 0 0 0;
			}
			.ft_categories dl dd {
				padding: 0 0 0 7%;
				line-height: 2;
			}



	/* フッターリンク */
	.ft_link01 {
		background: #ffffff;
		padding: 20px 0 15px 0;
		font-size: 1.2rem;
	}
		.ft_link01 a {
			color: #7d7d7d;
		}
		.ft_link_box01 {
			float: left;
			width: 90%;
		}
			.ft_link_box01 ul li {
				display: inline-block;
				padding: 0 5px 0 8px;
				border-left: 1px solid #7d7d7d;
				line-height: 1;
			}
			.ft_link_box01 ul li.first {
				padding: 0 5px 0 0;
				border: none;
			}
			.copyright {
				margin: 3px 0 0 0;
			}
				.copyright small {
					font-size: 1.2rem;
				}

		.ft_link_box02 {
			float: right;
		}

/* !パスワード再設定バナー
---------------------------------------------------------- */
/* ヘッダー */
.bnr_pass01 {
	margin-top: 20px;
	padding: 20px 0 0 0;
	border-top: 1px solid #dedede;
}
/* 下部固定 */
.bnr_pass02 {
	position: fixed;
	left: 10px;
	bottom: 10px;
	z-index: 80;
	width: 300px;
	margin: 0 0 0 0;
	background: #ffffff;
}
	.bnr_pass02 img {
		width: 100%;
	}



	/* メインビジュアルスライダー下のバナー一覧
---------------------------------------------------------- */

.banner_list {
	margin-bottom: 60px;
}


.banner_list--ul {
display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
-webkit-justify-content: flex-start;
justify-content:flex-start;
}
.banner_list--ul > li {
	-webkit-flex-basis: 20%;
	flex-basis:20%;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}

.banner_list--ul > li img {
    max-width: 100%;
    width: 100%;
}