@charset "utf-8";
@media only screen and (max-width:640px){
article{
	min-width:auto;
	min-width:initial;
	font-size:14px;
}
article#top{
	background-color:#faf6e0;
	background-size:100px auto;
}
article#recipe{
	background-color:#faf6e0;
	background-size:90px auto;
}
.only_smart{
	display:block !important;
}
.only_smart_i{
	display:inline-block !important;
}
.only_pc{
	display:none !important;
}

article h1{
}


#mv{
	padding:0px 0 10px;
}
#mv p{
	width:auto;
	margin:15px auto;
	padding:0 5%;
	font-size:15px;
	color:#300;
	text-align:left;
	line-height:2.1;
}


/* nav */
ul.nav li{
	width:31%;
	display:inline-block;
	vertical-align:top;
	margin:0 0.5% 20px 0.5%;
}
.bottom_nav{
	margin-top:8%;
	padding:4% 0 10%;
	background-color:#f0ecdd;
}
.bottom_nav ul:first-child{
	margin:0 0 20px;
}
.bottom_nav ul:first-child li{
	width:45%;
	display:inline-block;
	vertical-align:top;
	margin:0 1%;
}
.bottom_nav ul:last-child li{
	width:15%;
	display:inline-block;
	vertical-align:top;
	margin:0 1%;
}


/* .cont */
.cont{
	width:98%;
	margin:22% auto 25%;
	padding:2% 3% 1%;
	box-sizing:border-box;
	background:url(../images/cont_bg_s.png)repeat-y center top;
	background-size:100% auto;
	position:relative;
}
.cont:before{
	content:'';
	display:block;
	width:100%;
	height:auto;
	padding-top:22%;
	background:url(../images/cont_bg_before_s.png)no-repeat center bottom;
	background-size:100% auto;
	position:absolute;
	bottom:100%;
	left:0;
	margin-bottom:-1px;
}
.cont:after{
	content:'';
	display:block;
	width:100%;
	height:auto;
	padding-top:5%;
	background:url(../images/cont_bg_after_s.png)no-repeat center top;
	background-size:100% auto;
	position:absolute;
	top:100%;
	left:0;
	margin-top:-1px;
}
/* .cont02 */
.cont02{
	width:98%;
	margin:13% auto 25%;
	padding:2% 3% 1%;
	box-sizing:border-box;
	background:url(../images/cont_bg_s.png)repeat-y center top;
	background-size:100% auto;
	position:relative;
}
.cont02:before{
	content:'';
	display:block;
	width:100%;
	height:auto;
	padding-top:22%;
	background:url(../images/cont_bg_before02_s.png)no-repeat center bottom;
	background-size:100% auto;
	position:absolute;
	bottom:100%;
	left:0;
	margin-bottom:-1px;
}
.cont02:after{
	content:'';
	display:block;
	width:100%;
	height:auto;
	padding-top:5%;
	background:url(../images/cont_bg_after_s.png)no-repeat center top;
	background-size:100% auto;
	position:absolute;
	top:100%;
	left:0;
	margin-top:-1px;
}
/* .cont03 */
.cont03{
	width:98%;
	margin:13% auto 25%;
	padding:2% 3% 1%;
	box-sizing:border-box;
	background:url(../images/cont_bg_s.png)repeat-y center top;
	background-size:100% auto;
	position:relative;
}
.cont03:before{
	content:'';
	display:block;
	width:100%;
	height:auto;
	padding-top:22%;
	background:url(../images/cont_bg_before03_s.png)no-repeat center bottom;
	background-size:100% auto;
	position:absolute;
	bottom:100%;
	left:0;
	margin-bottom:-1px;
}
.cont03:after{
	content:'';
	display:block;
	width:100%;
	height:auto;
	padding-top:5%;
	background:url(../images/cont_bg_after_s.png)no-repeat center top;
	background-size:100% auto;
	position:absolute;
	top:100%;
	left:0;
	margin-top:-1px;
}
/* .cont04 */
.cont04{
	width:98%;
	margin:13% auto 25%;
	padding:2% 3% 1%;
	box-sizing:border-box;
	background:url(../images/cont_bg_s.png)repeat-y center top;
	background-size:100% auto;
	position:relative;
}
.cont04:before{
	content:'';
	display:block;
	width:100%;
	height:auto;
	padding-top:22%;
	background:url(../images/cont_bg_before04_s_01.png)no-repeat center bottom;
	background-size:100% auto;
	position:absolute;
	bottom:100%;
	left:0;
	margin-bottom:-1px;
}
.cont04:after{
	content:'';
	display:block;
	width:100%;
	height:auto;
	padding-top:5%;
	background:url(../images/cont_bg_after_s.png)no-repeat center top;
	background-size:100% auto;
	position:absolute;
	top:100%;
	left:0;
	margin-top:-1px;
}
/* .cont05 */
.cont05{
	width:98%;
	margin:13% auto 25%;
	padding:2% 3% 1%;
	box-sizing:border-box;
	background:url(../images/cont_bg_s.png)repeat-y center top;
	background-size:100% auto;
	position:relative;
}
.cont05:before{
	content:'';
	display:block;
	width:100%;
	height:auto;
	padding-top:22%;
	background:url(../images/cont_bg_before05_s.png)no-repeat center bottom;
	background-size:100% auto;
	position:absolute;
	bottom:100%;
	left:0;
	margin-bottom:-1px;
}
.cont05:after{
	content:'';
	display:block;
	width:100%;
	height:auto;
	padding-top:5%;
	background:url(../images/cont_bg_after_s.png)no-repeat center top;
	background-size:100% auto;
	position:absolute;
	top:100%;
	left:0;
	margin-top:-1px;
}
.cont h2{
	margin:0;
	padding:0;
	font-size:16px;
	color:#353535;
	line-height:1.5;
	letter-spacing:-0.03em;
	white-space:nowrap;
}
.cont h2 img{
	vertical-align:middle;
	position:relative;
	z-index:1;
}



/* #recipe01 */
#recipe01 {
	margin-bottom:15%;
	padding:0 0 5%;
}
#recipe01 h2 img{
	width:96%;
	margin-top:-8%;
}
#recipe01 h2 + p{
	margin:10px 0 10px;
	font-size:13px;
	color:#9a8832;
}
#recipe01 section{
	width:auto;
	margin-bottom:30px;
	padding:0 5% 3%;
	display:inline-block;
}
#recipe01 section h3{
	margin:2%;
	line-height:1.2;
	font-size:14px;
	color:#5f0909;
}
#recipe01 section p{
	margin:0 0 10px;
	padding:0 10%;
	font-size:13px;
	text-align:left;
}
#recipe01 section ul li{
	display:inline-block;
	vertical-align:bottom;
	width:120px;
	margin:0 5px;
	font-size:12px;
}
#recipe01 section ul li span{
	line-height:30px;
	display:inline-block;
	color:#5f0909;
	margin-bottom:2px;
}
#recipe01 section ul li span:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:20px;
	margin-right:10px;
	background-color:#5f0909;
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
}
#recipe01 section ul li span:after{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:20px;
	margin-left:10px;
	background-color:#9a8832;
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
}
#recipe01 section ul li a{
	display:block;
	width:120px;
	height:50px;
	padding:3px;
	line-height:1.5;
	background-color:#beb171;
	color:#fff;
	text-decoration:none;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
#recipe01 section ul li:first-child a{
	text-align:left;
}
#recipe01 section ul li:first-child a img{
	width:30px;
	margin-right:3px;
	text-align:left;
}
#recipe01 dl{
	margin:0;
	padding:6% 0 8%;
}
#recipe01 dl dd,
#recipe01 dl dd figure{
	margin:0;
}
#recipe01 dl dd a{
	text-decoration:none;
}
#recipe01 dl dd a figure figcaption{
	font-size:12px;
	color:#5f0909;
	line-height:1.2;
	letter-spacing:-0.05em;
}
#recipe01 dl:first-of-type{
	padding-bottom:10px;
}
#recipe01 dl:last-of-type{
	padding-bottom:0;
}
#recipe01 dl dt h3.l2 {
	padding:6px 15px;
	line-height:1.2;
	border-radius:30px;
}
#recipe01 dl:first-of-type dd > img{
	width:90%;
	vertical-align:bottom;
	display:inline-block;
}
#recipe01 dl:first-of-type dd div{
	display:inline-block;
	vertical-align:bottom;
	width:120px;
	margin:20px 0 0;
}
#recipe01 dl:first-of-type dd div img{
	display:none;
}
#recipe01 dl:first-of-type dd div a{
	display:block;
	line-height:50px;
	background-color:#beb171;
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

#recipe01 dl:nth-of-type(2) dd{
	width:44%;
	margin:1% 0.5%;
	display:inline-block;
	vertical-align:top;
}

#recipe01 dl:nth-of-type(n+2) dd{
	width:44%;
	margin:1% 0.5%;
	display:inline-block;
	vertical-align:top;
}
#recipe01 dl:last-of-type dd{
	width:44%;
	margin:1% 0.5% 1% ;
	display:inline-block;
	vertical-align:top;
}
#recipe01 dl:nth-child(3) dd{
	margin-top:35px;
	text-align: center;
}

/* #recipe02 */
#recipe02 {
	margin-bottom:15%;
	padding:0 0 5%;
}
#recipe02 h2 img{
	width:96%;
	margin-top:-8%;
}
#recipe02 h2 + p{
	margin:10px 0 10px;
	font-size:13px;
	color:#9a8832;
}
#recipe02 section{
	width:auto;
	margin-bottom:30px;
	padding:0 5% 3%;
	display:inline-block;
}
#recipe02 section h3{
	margin:2%;
	line-height:1.2;
	font-size:14px;
	color:#5f0909;
}
#recipe02 section p{
	margin:0 0 10px;
	padding:0 10%;
	font-size:13px;
	text-align:left;
}
#recipe02 section ul li{
	display:inline-block;
	vertical-align:bottom;
	width:120px;
	margin:0 5px;
	font-size:12px;
}
#recipe02 section ul li span{
	line-height:30px;
	display:inline-block;
	color:#5f0909;
	margin-bottom:2px;
}
#recipe02 section ul li span:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:20px;
	margin-right:10px;
	background-color:#5f0909;
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
}
#recipe02 section ul li span:after{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:20px;
	margin-left:10px;
	background-color:#9a8832;
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
}
#recipe02 section ul li a{
	display:block;
	width:120px;
	height:50px;
	padding:3px;
	line-height:1.5;
	background-color:#beb171;
	color:#fff;
	text-decoration:none;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
#recipe02 section ul li:first-child a{
	text-align:left;
}
#recipe02 section ul li:first-child a img{
	width:30px;
	margin-right:3px;
	text-align:left;
}
#recipe02 dl{
	margin:0;
	padding:6% 0 8%;
}
#recipe02 dl dd,
#recipe02 dl dd figure{
	margin:0;
}
#recipe02 dl dd a{
	text-decoration:none;
}
#recipe02 dl dd a figure figcaption{
	font-size:12px;
	color:#5f0909;
	line-height:1.2;
	letter-spacing:-0.05em;
}
#recipe02 dl:first-of-type{
	padding-bottom:10px;
}
#recipe02 dl:last-of-type{
	padding-bottom:0;
}
#recipe02 dl dt h3.l2 {
	padding:6px 15px;
	line-height:1.2;
	border-radius:30px;
}
#recipe02 dl:first-of-type dd > img{
	width:90%;
	vertical-align:bottom;
	display:inline-block;
}
#recipe02 dl:first-of-type dd div{
	display:inline-block;
	vertical-align:bottom;
	width:120px;
	margin:20px 0 0;
}
#recipe02 dl:first-of-type dd div img{
	display:none;
}
#recipe02 dl:first-of-type dd div a{
	display:block;
	line-height:50px;
	background-color:#beb171;
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

#recipe02 dl:nth-of-type(2) dd{
	width:44%;
	margin:1% 0.5%;
	display:inline-block;
	vertical-align:top;
}

#recipe02 dl:nth-of-type(n+2) dd{
	width:44%;
	margin:1% 0.5%;
	display:inline-block;
	vertical-align:top;
}
#recipe02 dl:last-of-type dd{
	width:44%;
	margin:1% 0.5% 1% ;
	display:inline-block;
	vertical-align:top;
}
#recipe02 dl:nth-child(3) dd{
	margin-top:35px;
	text-align: center;
}
/* #recipe03 */
#recipe03 {
	margin-bottom:15%;
	padding:0 0 5%;
}
#recipe03 h2 img{
	width:96%;
	margin-top:-8%;
}
#recipe03 h2 + p{
	margin:10px 0 10px;
	font-size:13px;
	color:#9a8832;
}
#recipe03 section{
	width:auto;
	margin-bottom:30px;
	padding:0 5% 3%;
	display:inline-block;
}
#recipe03 section h3{
	margin:2%;
	line-height:1.2;
	font-size:14px;
	color:#5f0909;
}
#recipe03 section p{
	margin:0 0 10px;
	padding:0 10%;
	font-size:13px;
	text-align:left;
}
#recipe03 section ul li{
	display:inline-block;
	vertical-align:bottom;
	width:120px;
	margin:0 5px;
	font-size:12px;
}
#recipe03 section ul li span{
	line-height:30px;
	display:inline-block;
	color:#5f0909;
	margin-bottom:2px;
}
#recipe03 section ul li span:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:20px;
	margin-right:10px;
	background-color:#5f0909;
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
}
#recipe03 section ul li span:after{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:20px;
	margin-left:10px;
	background-color:#9a8832;
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
}
#recipe03 section ul li a{
	display:block;
	width:120px;
	height:50px;
	padding:3px;
	line-height:1.5;
	background-color:#beb171;
	color:#fff;
	text-decoration:none;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
#recipe03 section ul li:first-child a{
	text-align:left;
}
#recipe03 section ul li:first-child a img{
	width:30px;
	margin-right:3px;
	text-align:left;
}
#recipe03 dl{
	margin:0;
	padding:6% 0 8%;
}
#recipe03 dl dd,
#recipe03 dl dd figure{
	margin:0;
}
#recipe03 dl dd a{
	text-decoration:none;
}
#recipe03 dl dd a figure figcaption{
	font-size:12px;
	color:#5f0909;
	line-height:1.2;
	letter-spacing:-0.05em;
}
#recipe03 dl:first-of-type{
	padding-bottom:10px;
}
#recipe03 dl:last-of-type{
	padding-bottom:0;
}
#recipe03 dl dt h3.l2 {
	padding:6px 15px;
	line-height:1.2;
	border-radius:30px;
}
#recipe03 dl:first-of-type dd > img{
	width:90%;
	vertical-align:bottom;
	display:inline-block;
}
#recipe03 dl:first-of-type dd div{
	display:inline-block;
	vertical-align:bottom;
	width:120px;
	margin:20px 0 0;
}
#recipe03 dl:first-of-type dd div img{
	display:none;
}
#recipe03 dl:first-of-type dd div a{
	display:block;
	line-height:50px;
	background-color:#beb171;
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

#recipe03 dl:nth-of-type(2) dd{
	width:44%;
	margin:1% 0.5%;
	display:inline-block;
	vertical-align:top;
}

#recipe03 dl:nth-of-type(n+2) dd{
	width:44%;
	margin:1% 0.5%;
	display:inline-block;
	vertical-align:top;
}
#recipe03 dl:last-of-type dd{
	width:44%;
	margin:1% 0.5% 1% ;
	display:inline-block;
	vertical-align:top;
}
#recipe03 dl:nth-child(3) dd{
	margin-top:35px;
	text-align: center;
}	
/* #recipe04 */
#recipe04 {
	margin-bottom:15%;
	padding:0 0 5%;
}
#recipe04 h2 img{
	width:96%;
	margin-top:-8%;
}
#recipe04 h2 + p{
	margin:10px 0 10px;
	font-size:13px;
	color:#9a8832;
}
#recipe04 section{
	width:auto;
	margin-bottom:30px;
	padding:0 5% 3%;
	display:inline-block;
}
#recipe04 section h3{
	margin:2%;
	line-height:1.2;
	font-size:14px;
	color:#5f0909;
}
#recipe04 section p{
	margin:0 0 10px;
	padding:0 10%;
	font-size:13px;
	text-align:left;
}
#recipe04 section ul li{
	display:inline-block;
	vertical-align:bottom;
	width:120px;
	margin:0 5px;
	font-size:12px;
}
#recipe04 section ul li span{
	line-height:30px;
	display:inline-block;
	color:#5f0909;
	margin-bottom:2px;
}
#recipe04 section ul li span:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:20px;
	margin-right:10px;
	background-color:#5f0909;
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
}
#recipe04 section ul li span:after{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:20px;
	margin-left:10px;
	background-color:#9a8832;
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
}
#recipe04 section ul li a{
	display:block;
	width:120px;
	height:50px;
	padding:3px;
	line-height:1.5;
	background-color:#beb171;
	color:#fff;
	text-decoration:none;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
#recipe04 section ul li:first-child a{
	text-align:left;
}
#recipe04 section ul li:first-child a img{
	width:30px;
	margin-right:3px;
	text-align:left;
}
#recipe04 dl{
	margin:0;
	padding:6% 0 8%;
}
#recipe04 dl dd,
#recipe04 dl dd figure{
	margin:0;
}
#recipe04 dl dd a{
	text-decoration:none;
}
#recipe04 dl dd a figure figcaption{
	font-size:12px;
	color:#5f0909;
	line-height:1.2;
	letter-spacing:-0.05em;
}
#recipe04 dl:first-of-type{
	padding-bottom:10px;
}
#recipe04 dl:last-of-type{
	padding-bottom:0;
}
#recipe04 dl dt h3.l2 {
	padding:6px 15px;
	line-height:1.2;
	border-radius:30px;
}
#recipe04 dl:first-of-type dd > img{
	width:90%;
	vertical-align:bottom;
	display:inline-block;
}
#recipe04 dl:first-of-type dd div{
	display:inline-block;
	vertical-align:bottom;
	width:120px;
	margin:20px 0 0;
}
#recipe04 dl:first-of-type dd div img{
	display:none;
}
#recipe04 dl:first-of-type dd div a{
	display:block;
	line-height:50px;
	background-color:#beb171;
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

#recipe04 dl:nth-of-type(2) dd{
	width:44%;
	margin:1% 0.5%;
	display:inline-block;
	vertical-align:top;
}

#recipe04 dl:nth-of-type(n+2) dd{
	width:44%;
	margin:1% 0.5%;
	display:inline-block;
	vertical-align:top;
}
#recipe04 dl:last-of-type dd{
	width:44%;
	margin:1% 0.5% 1% ;
	display:inline-block;
	vertical-align:top;
}
#recipe04 dl:nth-child(3) dd{
	margin-top:35px;
	text-align: center;
}
/* #recipe05 */
#recipe05 {
	margin-bottom:15%;
	padding:0 0 5%;
}
#recipe05 h2 img{
	width:96%;
	margin-top:-8%;
}
#recipe05 h2 + p{
	margin:10px 0 10px;
	font-size:13px;
	color:#9a8832;
}
#recipe05 section{
	width:auto;
	margin-bottom:30px;
	padding:0 5% 3%;
	display:inline-block;
}
#recipe05 section h3{
	margin:2%;
	line-height:1.2;
	font-size:14px;
	color:#5f0909;
}
#recipe05 section p{
	margin:0 0 10px;
	padding:0 10%;
	font-size:13px;
	text-align:left;
}
#recipe05 section ul li{
	display:inline-block;
	vertical-align:bottom;
	width:120px;
	margin:0 5px;
	font-size:12px;
}
#recipe05 section ul li span{
	line-height:30px;
	display:inline-block;
	color:#5f0909;
	margin-bottom:2px;
}
#recipe05 section ul li span:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:20px;
	margin-right:10px;
	background-color:#5f0909;
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
}
#recipe05 section ul li span:after{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:20px;
	margin-left:10px;
	background-color:#9a8832;
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
}
#recipe05 section ul li a{
	display:block;
	width:120px;
	height:50px;
	padding:3px;
	line-height:1.5;
	background-color:#beb171;
	color:#fff;
	text-decoration:none;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
#recipe05 section ul li:first-child a{
	text-align:left;
}
#recipe05 section ul li:first-child a img{
	width:30px;
	margin-right:3px;
	text-align:left;
}
#recipe05 dl{
	margin:0;
	padding:6% 0 8%;
}
#recipe05 dl dd,
#recipe05 dl dd figure{
	margin:0;
}
#recipe05 dl dd a{
	text-decoration:none;
}
#recipe05 dl dd a figure figcaption{
	font-size:12px;
	color:#5f0909;
	line-height:1.2;
	letter-spacing:-0.05em;
}
#recipe05 dl:first-of-type{
	padding-bottom:10px;
}
#recipe05 dl:last-of-type{
	padding-bottom:0;
}
#recipe05 dl dt h3.l2 {
	padding:6px 15px;
	line-height:1.2;
	border-radius:30px;
}
#recipe05 dl:first-of-type dd > img{
	width:90%;
	vertical-align:bottom;
	display:inline-block;
}
#recipe05 dl:first-of-type dd div{
	display:inline-block;
	vertical-align:bottom;
	width:120px;
	margin:20px 0 0;
}
#recipe05 dl:first-of-type dd div img{
	display:none;
}
#recipe05 dl:first-of-type dd div a{
	display:block;
	line-height:50px;
	background-color:#beb171;
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

#recipe05 dl:nth-of-type(2) dd{
	width:44%;
	margin:1% 0.5%;
	display:inline-block;
	vertical-align:top;
}

#recipe05 dl:nth-of-type(n+2) dd{
	width:44%;
	margin:1% 0.5%;
	display:inline-block;
	vertical-align:top;
}
#recipe05 dl:last-of-type dd{
	width:44%;
	margin:1% 0.5% 1% ;
	display:inline-block;
	vertical-align:top;
}
#recipe05 dl:nth-child(3) dd{
	margin-top:35px;
	text-align: center;
}

a.anchor{
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}	
	
}