@charset "utf-8";
/*-----------------------------------------------------
Reset
----------------------------------------------------- */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

* { margin: 0; padding: 0; }
img { max-width: 100%; height: auto; vertical-align: top; image-rendering: -webkit-optimize-contrast; }

* { min-height: 0; min-width: 0; }

html { font-size: 62.5%; }
body { line-height: 1; margin: 0; padding: 0; height: 100%; font-family: 'Noto Sans JP', sans-serif; letter-spacing : 0.1em; color: #333333; }
a {	text-decoration: none; color: inherit; transition: 0.3s ease-in-out; }
@media (min-width: 1025px) {
	a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none;}
}
p , div { text-align: justify; }
p { font-size: 1.6rem; line-height: 3.2; }
p.lead { font-size: 1.6rem; line-height: 2; text-align: center; font-weight: 400; }

/*----------------

contents

-----------------*/
.container { max-width: 800px; width: 100%; margin: 0 auto; text-align: center; }
@media screen and (max-width: 414px) {
	.container{ max-width: inherit; }
}
.wrap { width: 90%; margin: 0 auto 20px; }
.wrap img { margin: 0 auto; }

.btn { text-align: center; max-width: 500px; width: 90%; margin: 0 auto 30px; }
.recipe_inner01 { position: relative; }
.recipe_inner01 a.recipe_btn01 { position: absolute; text-align: center; left: 0; right: 0; margin: auto; }
.recipe_inner02 { position: relative; }
.recipe_inner02 a.recipe_btn02 { position: absolute; bottom: 60px; text-align: center; left: 0; right: 0; margin: auto; }
.story02 { position: relative; }
.story02 .story_btn { position: absolute; bottom: 285px; max-width: 500px; width: 90%; left: 0; right: 0; margin: auto; }
@media screen and (max-width: 414px) {
	.recipe_inner02 a.recipe_btn02 { bottom: 0; }
	.story02 .story_btn { bottom: 120px; }

}
.set .item { margin-bottom: 50px; }

footer { background: #3f2213; padding: 60px 0; max-width: 800px; margin: 100px auto 0; }
footer p.company { max-width: 450px; width: 100%; margin: 0 auto 20px;}
footer address { color: #fff; text-align: center; line-height:1.7em; margin-bottom: 30px; font-size: 1.6em; }
footer small { color: #bbb1ab; text-align: center; display: block; font-size: 1.3em; }
@media screen and (max-width: 414px) {
	footer p.company { width: 70%; }
	footer address { font-size: 1.25em; line-height: 1.5em; }
	footer small {font-size: 1em; }
	
}