@charset "UTF-8";
/* つくおき
------------------------------ */
html { height: auto; overflow: visible; font-size: 62.5%; }
html.open { height: 100%; overflow: hidden; }

#iframeYou, #iframeYou2 { padding-bottom: 56.25%; width: 100%; height: 0; text-align: center; }
#iframeYou iframe, #iframeYou2 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

body { font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

img { width: 100%; height: auto; vertical-align: bottom; }

* { box-sizing: border-box; }

.lineH1 { line-height: 1; }

.textLeft { text-align: left; }

.textRight { text-align: right; }

.textCenter { text-align: center; }

#tsukuoki { background: url(../images/bk-body.png); /*#explain-cont*/ /*#explainTsukuoki-wrap*/ /*#explainTsukuoki-cont*/ /*#tsukuokiRecipe*/ /*.recipe*/ /*recipe-top*/ /*recipe-cont*/ }
#tsukuoki #mainVisual-wrap { margin: 0; position: relative; }
#tsukuoki #aside { width: 100%; position: absolute; top: 0; z-index: 20; }
#tsukuoki #mainVisual { width: 100%; height: 100%; position: relative; top: 0; }
#tsukuoki #explain-wrap { width: 100%; height: 100%; background: url(../images/bk-explain.jpg) no-repeat; background-size: cover; position: relative; border-bottom: 5px solid #000; }
#tsukuoki #explain-wrap h2 { text-align: center; }
#tsukuoki #explain-wrap:before { width: 6px; height: 94%; background: url(../images/bk-explain-line-cont.png) repeat-y; position: absolute; top: 3%; left: 3.125%; content: ""; }
#tsukuoki #explain-wrap:after { width: 6px; height: 94%; background: url(../images/bk-explain-line-cont.png) repeat-y; position: absolute; top: 3%; right: 3.125%; content: ""; }
#tsukuoki #explain-product { padding-bottom: 7.6923076923%; position: relative; margin: -29% 0 0; width: 100%; top: -30%; text-align: center; z-index: 10; }
#tsukuoki #explain-product img { width: 100%; height: auto; }
#tsukuoki #explain-cont { width: 81.25%; margin: 0 auto; padding-top: 3.125%; padding-bottom: 3.125%; position: relative; }
#tsukuoki #explain-cont:before { width: 112.5%; height: 5px; background: url(../images/bk-explain-line-bforeAfter.png) repeat-x; position: absolute; top: 3.125%; left: -6.25%; content: ""; }
#tsukuoki #explain-cont:after { width: 112.5%; height: 5px; background: url(../images/bk-explain-line-bforeAfter.png) repeat-x; position: absolute; bottom: 3.125%; left: -6.25%; content: ""; }
#tsukuoki #explain-cont .cont { padding-bottom: 7.6923076923%; position: relative; }
#tsukuoki #explain-cont .aboutShiokoujiHeadline { padding-bottom: 1em; }
#tsukuoki #explain-cont .aboutShiokouji { text-align: justify; letter-spacing: -0.025em; line-height: 1.5; }
#tsukuoki #explain-cont strong { color: #990000; font-weight: 100; }
#tsukuoki #explainTsukuoki-wrap { text-align: center; padding-top: 18.75%; padding-bottom: 21.875%; width: 100%; height: 100%; background: url(../images/bk-tsukuokiExplain.jpg) no-repeat center; background-size: cover; position: relative; }
#tsukuoki #explainTsukuoki-wrap:after { width: 100%; height: 10px; position: absolute; bottom: -1px; left: 0; background: url(../images/icon-tsukuokiExplain-after.png) no-repeat bottom center; content: ""; }
#tsukuoki #explainTsukuoki-cont { margin: 0 auto; width: 93.75%; padding: 11.6666666667% 6.6666666667% 6.6666666667%; background: rgba(58, 39, 20, 0.8); line-height: 1.5; }
#tsukuoki #explainTsukuoki-cont h2 { padding-bottom: .5em; }
#tsukuoki #explainTsukuoki-cont p { padding-top: .25em; color: #fff; }
#tsukuoki #explainTsukuoki-cont strong { color: #ffcc00; font-weight: 100; }
#tsukuoki #tsukuokiRecipe h2 { padding: 6.25% 0 10.9375%; }
#tsukuoki .recipe { position: relative; z-index: 10; /*a*/ }
#tsukuoki .recipe.new > a:before { display: block; position: absolute; top: 0; right: 0; margin: .5em; width: 0; height: 0; padding: 9.84375%; background: url(../images/icon_new.png) no-repeat; background-size: contain; z-index: 700; content: ""; }
#tsukuoki .recipe a { display: block; width: 93.75%; margin: 0 auto; background: #000; text-decoration: none; position: relative; z-index: 10; overflow: hidden; /*.recipe-hover*/ }
#tsukuoki .recipe a .bottomBgi { width: 100%; height: 20px; background: url(../images/bk-body.png); content: ""; position: absolute; bottom: 0; z-index: 900; }
#tsukuoki .recipe a #recipe-tonkatsu { background: url(../images/img-bk-recipe-main-tonkatsu.jpg) center center; background-size: cover; }
#tsukuoki .recipe a #recipe-shougayaki { background: url(../images/img-bk-recipe-main-shougayaki.jpg) center center; background-size: cover; }
#tsukuoki .recipe a #recipe-piment { background: url(../images/img-bk-recipe-main-piment.jpg) center center; background-size: cover; }
#tsukuoki .recipe a #recipe-microwave { background: url(../images/img-bk-recipe-main-microwave.jpg) center center; background-size: cover; }
#tsukuoki .recipe a #recipe-nosidori { background: url(../images/img-bk-recipe-main-nosidori.jpg) center center; background-size: cover; }
#tsukuoki .recipe a #recipe-butakomaniku { background: url(../images/img-bk-recipe-main-butakomaniku.jpg) center center; background-size: cover; }
#tsukuoki .recipe a #recipe-cookie { background: url(../images/img-bk-recipe-main-cookie.jpg) center center; background-size: cover; }
#tsukuoki .recipe a #recipe-01 { background: url(../images/img-bk-recipe-main-01.jpg) center center; }
#tsukuoki .recipe a #recipe-02 { background: url(../images/img-bk-recipe-main-02.jpg) center center; }
#tsukuoki .recipe a #recipe-03 { background: url(../images/img-bk-recipe-main-03.jpg) center center; }
#tsukuoki .recipe a #recipe-04 { background: url(../images/img-bk-recipe-main-04.jpg) center center; }
#tsukuoki .recipe a #recipe-05 { background: url(../images/img-bk-recipe-main-05.jpg) center center; }
#tsukuoki .recipe a #recipe-01, #tsukuoki .recipe a #recipe-02, #tsukuoki .recipe a #recipe-03, #tsukuoki .recipe a #recipe-04, #tsukuoki .recipe a #recipe-05 { background-size: cover; }
#tsukuoki .recipe a .recipeBgi { position: absolute; top: 0; right: 0; left: 0; margin: auto; width: 100%; height: 100%; }
#tsukuoki .recipe a .recipeBgi:before { width: 100%; height: 10px; position: absolute; z-index: 50; content: ""; display: block; bottom: 0; background: url(../images/bk-recipe-before.png) center bottom; }
#tsukuoki .recipe a .recipe-hover { height: 100%; padding-bottom: 11.6666666667%; background: transparent; }
#tsukuoki .recipe a .recipe-hover img { opacity: 1; }
#tsukuoki .recipe a h1 img { opacity: 1; }
#tsukuoki .recipe a .recipeDetail { background: #ffcc1a; color: #34221c; }
#tsukuoki .recipe a .open:after { transform: rotateX(0); }
#tsukuoki .recipe a.open .recipe-hover { position: relative; background: rgba(0, 0, 0, 0.4); }
#tsukuoki .recipe a.open:before { opacity: 0; }
#tsukuoki .recipe a.open .recipeDetail { background: #34221c; color: #fff; }
#tsukuoki .recipe a.open .recipeDetail:after { padding: 3%; position: absolute; top: 27%; right: 5%; background: url(../images/icon-recipeDetail-after.png) no-repeat; background-size: contain; transform: rotateX(180deg); }
#tsukuoki .recipe a.iframeLink { outline: none; box-sizing: border-box; width: 100%; height: auto; margin: 0; padding: 6.25% 6.25% 3.125%; background: transparent; }
#tsukuoki .recipe a.iframeLink img { width: 100%; height: auto; }
#tsukuoki .recipe-top { /*h1*/ /*li*/ /*.recipeDetail*/ }
#tsukuoki .recipe-top h1 { padding-top: 27.34375%; line-height: 1; position: relative; }
#tsukuoki .recipe-top ul { margin: 0 auto; text-align: center; }
#tsukuoki .recipe-top li { display: inline-block; position: relative; color: #fff; }
#tsukuoki .recipe-top li strong { font-weight: 100; }
#tsukuoki .recipe-top li img { width: 17.3913043478%; vertical-align: sub; margin-right: .5em; }
#tsukuoki .recipe-top li.chilledStorage img { width: 12.5603864734%; }
#tsukuoki .recipe-top .recipeDetail { position: relative; margin: 6.25% auto 0; padding: 1.5625% 0; width: 40.625%; text-align: center; letter-spacing: -1px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari and Chrome */ border-radius: 3px;  /*behavior: url(border-radius.htc); IE 
	 http://site-manage.net/archives/1309 */ }
#tsukuoki .recipe-top .recipeDetail:after { padding: 3%; position: absolute; top: 33%; right: 5%; background: url(../images/icon-recipeDetail-hover-after.png) no-repeat; background-size: contain; transform: rotateX(180deg); content: ""; }
#tsukuoki .recipe-top .recipeDetail.open:after { transform: rotateX(180deg); }
#tsukuoki .recipe-cont { display: none; margin: 0 auto; width: 93.75%; /*.recipe-left*/ /*.recipe-right*/ /*.process*/ /*.point-wrap*/ }
#tsukuoki .recipe-cont .recipe-left { background: url(../images/bk-recipe-left.png); }
#tsukuoki .recipe-cont .recipe-left .recipe-photo { padding-top: 5.46875%; text-align: center; }
#tsukuoki .recipe-cont .recipe-left .title { font-size: 30px; }
#tsukuoki .recipe-cont .recipe-right { background: url(../images/bk-recipe-right.png); padding-bottom: 10.9375%; }
#tsukuoki .recipe-cont .material-wrap { margin: 0 auto; padding-bottom: 3.8461538462%; width: 81.25%; }
#tsukuoki .recipe-cont .material-wrap .title { padding-bottom: .5em; margin-bottom: .5em; line-height: 1; border-bottom: 2px solid #000; }
#tsukuoki .recipe-cont .material-wrap .material-item { float: left; }
#tsukuoki .recipe-cont .material-wrap .material-quantity { float: right; }
#tsukuoki .recipe-cont .material-wrap dd { background: url(../images/line-material-dot.png) left center repeat-x; margin-bottom: 1.5625%; }
#tsukuoki .recipe-cont .material-wrap dd p { background: url(../images/bk-recipe-left.png); }
#tsukuoki .recipe-cont .material-wrap dd p strong { color: #990000; font-weight: 100; }
#tsukuoki .recipe-cont .material-wrap dd p.material-item { padding-right: 2.34375%; }
#tsukuoki .recipe-cont .material-wrap dd p.material-quantity { padding-left: 2.34375%; }
#tsukuoki .recipe-cont .process { width: 86.6666666667%; margin: 0 auto 7.6923076923%; padding-top: 7.6923076923%; /*li*/ }
#tsukuoki .recipe-cont .process .title { padding-bottom: .5em; margin-bottom: .5em; background: url(../images/line-material-ttl.png) left bottom repeat-x; }
#tsukuoki .recipe-cont .process li { margin-bottom: 2.8846153846%; }
#tsukuoki .recipe-cont .process li span { width: 6.7307692308%; margin-bottom: 1%; }
#tsukuoki .recipe-cont .process li span img { width: 100%; height: auto; }
#tsukuoki .recipe-cont .process li p { margin-left: 1.9230769231%; padding-top: 1%; width: 91.3461538462%; }
#tsukuoki .recipe-cont .process li span, #tsukuoki .recipe-cont .process li p { display: inline-block; vertical-align: top; }
#tsukuoki .recipe-cont .point-wrap { width: 81.25%; margin: 0 auto; position: relative; }
#tsukuoki .recipe-cont .point-wrap:before { width: 100%; height: 24px; background: url(../images/recipe-comment-before.png) 100% 100%; background-size: cover; position: absolute; top: -24px; left: 0; content: ''; }
#tsukuoki .recipe-cont .point-wrap:after { width: 100%; height: 12px; background: url(../images/recipe-comment-after.png) 100% 100%; background-size: cover; position: absolute; bottom: -12px; left: 0; content: ''; }
#tsukuoki .recipe-cont .pointComment { color: #d04e4f; position: relative; }
#tsukuoki .recipe-cont .pointComment:before { width: 2px; height: 102%; background: url(../images/recipe-comment-cont.png) repeat-y; position: absolute; top: -2%; left: 0; content: ""; }
#tsukuoki .recipe-cont .pointComment:after { width: 2px; height: 100%; background: url(../images/recipe-comment-cont.png) repeat-y; position: absolute; top: 0; right: 0; content: ""; }
#tsukuoki .recipe-cont .pointComment li { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; padding-left: .5em; padding-bottom: 1.5em; position: relative; }
#tsukuoki .recipe-cont .pointComment li img { margin-top: 0.3em; width: 6.7307692308%; height: auto; }
#tsukuoki .recipe-cont .pointComment li img, #tsukuoki .recipe-cont .pointComment li p { display: inline-block; vertical-align: top; }
#tsukuoki .recipe-cont .pointComment li + li { padding: 0em 1em 1.5em .5em; }
#tsukuoki .recipe-cont .pointComment li + li:before { top: 1.75em; }
#tsukuoki .recipe-cont .pointComment li:last-of-type { padding: 0em 1em 2em .5em; }
#tsukuoki .recipe-cont .pointComment li:last-of-type:before { top: .75em; }
#tsukuoki .recipe-cont .pointComment li:first-of-type { padding: 1.5em 1em 1.5em .5em; }
#tsukuoki .recipe-cont .pointComment li:first-of-type:before { top: 1.75em; }
#tsukuoki .recipe-cont .pointComment li:before { display: inline-block; vertical-align: top; margin-top: .5%; margin-right: .4em; width: 0; height: 0; padding: .6em; background: url(../images/icon-recipe-comment.png); background-size: contain; content: ''; }

/*#tsukuoki*/
#link { margin: 0 auto; padding: 40px 0 20px; background: #fff; /*li*/ }
#link li { padding: 0 9.375%; /*p*/ }
#link li + li { padding-top: 10px; }
#link li p { width: 100%; /*.link-txt*/ }
#link li p a { display: block; }
#link li p.link-txt { margin-top: 0; /*a*/ }
#link li p.link-txt a { display: block; position: relative; padding-top: .5em; text-decoration: none; }
#link li p.link-txt a img { width: 1em; }
#link li p.link-txt a:before { padding: .5em; position: relative; top: .5em; left: 0; background: url(../images/icon-link.png) no-repeat; background-size: contain; content: ""; }

/*#link*/
#pagetop { text-align: right; padding: 0 1em 1em 0; }
#pagetop a { text-decoration: none; }
#pagetop:before { margin-right: .25em; padding: .5em; position: relative; top: .5em; left: 0; background: url(../images/pageTop.png) no-repeat; background-size: contain; content: ""; }

#js_mediaFlag { width: 100%; }

@media screen and (max-width: 640px) { #js_mediaFlag { width: 1px; }
  img { width: 100%; height: auto; } }
@media only screen and (max-width: 640px) { .font20 { font-size: 20px; font-size: 2rem; font-size: 3.125vw; }
  .font24 { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; }
  .font28 { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; }
  .font32 { font-size: 32px; font-size: 3.2rem; font-size: 5vw; }
  .font36 { font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; }
  .font43 { font-size: 43px; font-size: 4.3rem; font-size: 6.71875vw; }
  body { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; }
  #tsukuoki .recipe a .recipeDetail { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; }
  #tsukuoki .recipe-top li strong { font-size: 43px; font-size: 4.3rem; font-size: 6.71875vw; }
  #tsukuoki .recipe-cont .material-wrap .title, #tsukuoki .recipe-cont .process .title { font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } }
/* iPhone5-side
-------------------------------------------------- */
@media only screen and (max-width: 568px) { .font20 { font-size: 17.75px; font-size: 1.775rem; font-size: 3.125vw; }
  .font24 { font-size: 21.3px; font-size: 2.13rem; font-size: 3.75vw; }
  .font28 { font-size: 24.85px; font-size: 2.485rem; font-size: 4.375vw; }
  .font32 { font-size: 28.4px; font-size: 2.84rem; font-size: 5vw; }
  .font36 { font-size: 31.95px; font-size: 3.195rem; font-size: 5.625vw; }
  .font43 { font-size: 38.1625px; font-size: 3.81625rem; font-size: 6.71875vw; }
  body { font-size: 24.85px; font-size: 2.485rem; font-size: 4.375vw; }
  #tsukuoki .recipe a .recipeDetail { font-size: 23.075px; font-size: 2.3075rem; font-size: 4.0625vw; }
  #tsukuoki .recipe-top li strong { font-size: 38.1625px; font-size: 3.81625rem; font-size: 6.71875vw; }
  #tsukuoki .recipe-cont .material-wrap .title, #tsukuoki .recipe-cont .process .title { font-size: 31.95px; font-size: 3.195rem; font-size: 5.625vw; } }
/* android-w
-------------------------------------------------- */
@media only screen and (max-width: 540px) { .font20 { font-size: 16.875px; font-size: 1.6875rem; font-size: 3.125vw; }
  .font24 { font-size: 20.25px; font-size: 2.025rem; font-size: 3.75vw; }
  .font28 { font-size: 23.625px; font-size: 2.3625rem; font-size: 4.375vw; }
  .font32 { font-size: 27px; font-size: 2.7rem; font-size: 5vw; }
  .font36 { font-size: 30.375px; font-size: 3.0375rem; font-size: 5.625vw; }
  .font43 { font-size: 36.28125px; font-size: 3.628125rem; font-size: 6.71875vw; }
  body { font-size: 23.625px; font-size: 2.3625rem; font-size: 4.375vw; }
  #tsukuoki .recipe a .recipeDetail { font-size: 21.9375px; font-size: 2.19375rem; font-size: 4.0625vw; }
  #tsukuoki .recipe-top li strong { font-size: 36.28125px; font-size: 3.628125rem; font-size: 6.71875vw; }
  #tsukuoki .recipe-cont .material-wrap .title, #tsukuoki .recipe-cont .process .title { font-size: 30.375px; font-size: 3.0375rem; font-size: 5.625vw; } }
/* android-m
-------------------------------------------------- */
@media only screen and (max-width: 480px) { .font20 { font-size: 15px; font-size: 1.5rem; font-size: 3.125vw; }
  .font24 { font-size: 18px; font-size: 1.8rem; font-size: 3.75vw; }
  .font28 { font-size: 21px; font-size: 2.1rem; font-size: 4.375vw; }
  .font32 { font-size: 24px; font-size: 2.4rem; font-size: 5vw; }
  .font36 { font-size: 27px; font-size: 2.7rem; font-size: 5.625vw; }
  .font43 { font-size: 32.25px; font-size: 3.225rem; font-size: 6.71875vw; }
  body { font-size: 21px; font-size: 2.1rem; font-size: 4.375vw; }
  #tsukuoki .recipe a .recipeDetail { font-size: 19.5px; font-size: 1.95rem; font-size: 4.0625vw; }
  #tsukuoki .recipe-top li strong { font-size: 32.25px; font-size: 3.225rem; font-size: 6.71875vw; }
  #tsukuoki .recipe-cont .material-wrap .title, #tsukuoki .recipe-cont .process .title { font-size: 27px; font-size: 2.7rem; font-size: 5.625vw; } }
/* iphone6plus
-------------------------------------------------- */
@media only screen and (max-width: 414px) { .font20 { font-size: 12.9375px; font-size: 1.29375rem; font-size: 3.125vw; }
  .font24 { font-size: 15.525px; font-size: 1.5525rem; font-size: 3.75vw; }
  .font28 { font-size: 18.1125px; font-size: 1.81125rem; font-size: 4.375vw; }
  .font32 { font-size: 20.7px; font-size: 2.07rem; font-size: 5vw; }
  .font36 { font-size: 23.2875px; font-size: 2.32875rem; font-size: 5.625vw; }
  .font43 { font-size: 27.815625px; font-size: 2.7815625rem; font-size: 6.71875vw; }
  body { font-size: 18.1125px; font-size: 1.81125rem; font-size: 4.375vw; }
  #tsukuoki .recipe a .recipeDetail { font-size: 16.81875px; font-size: 1.681875rem; font-size: 4.0625vw; }
  #tsukuoki .recipe-top li strong { font-size: 27.815625px; font-size: 2.7815625rem; font-size: 6.71875vw; }
  #tsukuoki .recipe-cont .material-wrap .title, #tsukuoki .recipe-cont .process .title { font-size: 23.2875px; font-size: 2.32875rem; font-size: 5.625vw; } }
/* iphone6
-------------------------------------------------- */
@media only screen and (max-width: 375px) { .font20 { font-size: 11.71875px; font-size: 1.171875rem; font-size: 3.125vw; }
  .font24 { font-size: 14.0625px; font-size: 1.40625rem; font-size: 3.75vw; }
  .font28 { font-size: 16.40625px; font-size: 1.640625rem; font-size: 4.375vw; }
  .font32 { font-size: 18.75px; font-size: 1.875rem; font-size: 5vw; }
  .font36 { font-size: 21.09375px; font-size: 2.109375rem; font-size: 5.625vw; }
  .font43 { font-size: 25.1953125px; font-size: 2.51953125rem; font-size: 6.71875vw; }
  body { font-size: 16.40625px; font-size: 1.640625rem; font-size: 4.375vw; }
  #tsukuoki .recipe a .recipeDetail { font-size: 15.234375px; font-size: 1.5234375rem; font-size: 4.0625vw; }
  #tsukuoki .recipe-top li strong { font-size: 25.1953125px; font-size: 2.51953125rem; font-size: 6.71875vw; }
  #tsukuoki .recipe-cont .material-wrap .title, #tsukuoki .recipe-cont .process .title { font-size: 21.09375px; font-size: 2.109375rem; font-size: 5.625vw; } }
/* android
-------------------------------------------------- */
@media only screen and (max-width: 360px) { .font20 { font-size: 11.25px; font-size: 1.125rem; font-size: 3.125vw; }
  .font24 { font-size: 13.5px; font-size: 1.35rem; font-size: 3.75vw; }
  .font28 { font-size: 15.75px; font-size: 1.575rem; font-size: 4.375vw; }
  .font32 { font-size: 18px; font-size: 1.8rem; font-size: 5vw; }
  .font36 { font-size: 20.25px; font-size: 2.025rem; font-size: 5.625vw; }
  .font43 { font-size: 24.1875px; font-size: 2.41875rem; font-size: 6.71875vw; }
  body { font-size: 15.75px; font-size: 1.575rem; font-size: 4.375vw; }
  #tsukuoki .recipe a .recipeDetail { font-size: 14.625px; font-size: 1.4625rem; font-size: 4.0625vw; }
  #tsukuoki .recipe-top li strong { font-size: 24.1875px; font-size: 2.41875rem; font-size: 6.71875vw; }
  #tsukuoki .recipe-cont .material-wrap .title, #tsukuoki .recipe-cont .process .title { font-size: 20.25px; font-size: 2.025rem; font-size: 5.625vw; } }
/* iphone5, android-s
-------------------------------------------------- */
@media only screen and (max-width: 320px) { .font20 { font-size: 10px; font-size: 1rem; font-size: 3.125vw; }
  .font24 { font-size: 12px; font-size: 1.2rem; font-size: 3.75vw; }
  .font28 { font-size: 14px; font-size: 1.4rem; font-size: 4.375vw; }
  .font32 { font-size: 16px; font-size: 1.6rem; font-size: 5vw; }
  .font36 { font-size: 18px; font-size: 1.8rem; font-size: 5.625vw; }
  .font43 { font-size: 21.5px; font-size: 2.15rem; font-size: 6.71875vw; }
  body { font-size: 14px; font-size: 1.4rem; font-size: 4.375vw; }
  #tsukuoki .recipe a .recipeDetail { font-size: 13px; font-size: 1.3rem; font-size: 4.0625vw; }
  #tsukuoki .recipe-top li strong { font-size: 21.5px; font-size: 2.15rem; font-size: 6.71875vw; }
  #tsukuoki .recipe-cont .material-wrap .title, #tsukuoki .recipe-cont .process .title { font-size: 18px; font-size: 1.8rem; font-size: 5.625vw; } }