body {height:100%;position:relative;overflow-y:scroll;color:#000;}
h1, h2, h3 {font-weight: 700 !important;}
* {box-sizing:border-box;}
#main {position:relative;max-width:1024px;width:80%;height:100%;background:#fff;margin-bottom:0;font-size:16px;}
figure img {width:100%;height:auto;margin:auto;float:none;}
.contents p {
	line-height: 1.7;
	font-family: "Helvetica", "Lucida Grande", "Microsoft JhengHei", "sans-serif";
}
.contents img {width:100%;height:auto;}
a {color:#000;}

body.menuOpen #main {-webkit-filter:blur(0);filter:blur(0);}

.contents .localNav {max-width:none;min-width:0;}
.localNav {width:100%;padding:0 4%;color:#fff;height:80px;position:absolute;top:0;left:0;}
.localNav h1 {font-size:16px;color:#aaa;float:left;line-height:80px;margin:0;}
.localNav__main a {color:#aaa;font-family:"Helvetica", "Lucida Grande", "Microsoft JhengHei", "sans-serif";font-weight:bold;}
#main .localNav__main a:hover {color:#000;}
.localNav__wrap {float:right;display:flex;display:-webkit-flex;line-height:80px;width:60px;}
.localNav__btn {text-align:center;width:20px;;margin:0 0;}
.localNav__subWrap {display:none;color:#000;position:relative;position:fixed;height:100%;width:100%;z-index:100;top:0;left:0;background:rgba(255,255,255,0.97);}
.localNav__subWrap footer {position:absolute;bottom:0;left:0;}
.menuOpen {position:fixed;width:100%;height:100%;}

.localNav__menu-wrap {padding:3.2% 8%;}
.localNav__menu-wrap  footer {padding:0;width:100%;padding:2% 8%}
.localNav__menu-wrap #trademark img {width:auto;margin:0;opacity:0.4;}
.localNav__subTitle {font-size:16px;font-weight:bold;font-family:"Helvetica", "Lucida Grande", "Microsoft JhengHei", "sans-serif";font-weight:bold;}

.localNav__menu-list {font-size:22px;margin-top:2.4%;}
.localNav__menu-list li {line-height:1.7;padding:0.4% 0;}
.localNav__menu-list a {font-family:"Helvetica", "Lucida Grande", "Microsoft JhengHei", "sans-serif";font-weight:bold;}
.localNav__menu-list li+li a {color:#aaa;}
.localNav__menu-list-item--category {display:none;}
.localNav__share-btn {/*background: url(/img/recipe/localnav_share.svg) no-repeat center center;background-size:20px 20px;*/}
.localNav__menu-btn {/*background: url(/img/recipe/localnav_menu.svg) no-repeat center center;background-size:20px 20px;*/margin-left:20px;}
.localNav__close-btn {position:absolute;top:0;right:0;width:60px;height:60px;text-align:center;margin:0;background:url(/img/recipe/close.svg)no-repeat center center;background-size:18px 18px;}
.localNav__share-sns-list {letter-spacing:-.4em;text-align:center;position:absolute;top:50%;/*left:50%;*/transform:translateY(-50%) /*translateX(-50%)*/;-webkit-transform:translateY(-50%) /*translateX(-50%)*/;width:100%;}
.localNav__share-sns-list li {display:inline-block;letter-spacing:normal;vertical-align:top;}
.localNav__share-sns-list a {display:block;font-size:0;height:32px;width:32px;line-height:36px;margin:0 12px;}
.localNav__share-btn-icon,
.localNav__menu-btn-icon {width:20px;height:20px;vertical-align:middle;}
.localNav__share-btn-icon line,
.localNav__menu-btn-icon line {stroke: #aaa;}
.localNav__share-btn-icon:hover line,
.localNav__menu-btn-icon:hover line {stroke: #000;}
.localNav__share-sns-list svg:hover .path__gray {fill:#000;}
.path__gray {fill:#aaa;}
.path__white {fill:#fff;}
#sns-tw {width:39px;}
#sns-fb {width:16px;}
#sns-gplus {width:40px;}
#sns-gplus svg {margin:3px 0;}
#sns-line {width:32px;}
#sns-pinit {width:32px;}

/*
#sns-tw {background: url(/img/recipe/share_icon_twitter.svg) no-repeat center center;background-size:39px 32px;width:39px;}
#sns-fb {background: url(/img/recipe/share_icon_facebook.svg) no-repeat center center;background-size:16px 32px;width:16px;}
#sns-gplus {background: url(/img/recipe/share_icon_googleplus.svg) no-repeat center center;background-size:40px 26px;width:40px;}
#sns-line {background: url(/img/recipe/share_icon_line.svg) no-repeat center center; background-size:32px 32px;}
#sns-pinit {background: url(/img/recipe/share_icon_pinterest.svg) no-repeat center left;background-size:32px 32px;}
*/

.main__wrap {display:flex;display:-webkit-flex;}

#mainVisual.mainVisual {/*width:38%;*/width:100%;max-width:512px;min-width:256px;position:relative;}
.mainVisual__subWrap {position:absolute;padding:7.5%;z-index:5;}
.mainVisual__title {/*font-size:48px;*/display:none;color:#fff;font-size:2vw;line-height:1.25;z-index:5;margin:0;font-family:"Helvetica", "Lucida Grande", "Microsoft JhengHei", "sans-serif";font-weight:bold;}
.mainVisual__list {margin-bottom:0;}
.mainVisual__list li {position:relative;height:auto;}
.mainVisual__list img {display:block;}

.align--left {text-align: left;}
.align--right {text-align: right;}
.align--center {text-align: center;}
.write--vertical {-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;}
.write--horizontal {}

.contents {/*width:62%;*/width:100%;max-width:854px;min-width:624px;margin:0 auto;/*background:#f7f7f7;margin-left:30%;*/height:100%;padding:0 7.5% 0;overflow:hidden;position:relative;}
.contents > * {width:100%;max-width:640px;/*min-width:560px;*/}
.contents > section {border-bottom:2px solid #e7e7e7;}

.recipe {font-size:16px;margin:0 0 0;padding-top:1.6%;/*padding-top:5.6%;*/}
.recipe__header {width:30%;margin:0 auto;text-align:center;display:none;}
.recipe__header > * {display:block;text-align:center;}
.recipe__header-image {width:76%;margin:0 auto;}
.recipe__header-chef {font-weight:bold;font-size:16px;margin:7.2% 0;font-family:"Helvetica", "Lucida Grande", "Microsoft JhengHei", "sans-serif";font-weight:bold;}
.recipe__header-time {font-size:15px;margin:2.4% 0;display:inline-block;color:#aaa;padding-left:24px;background: url(/img/recipe/detail/recipe_header_time.svg) no-repeat center left;background-size:20px 20px;}
.recipe__header-annotation {font-size:12px;color:#aaa;}
.recipe__description {margin: 3% 0 3% ;}
.recipe__title {font-size:28px;font-family:"Helvetica", "Lucida Grande", "Microsoft JhengHei", "sans-serif"}

.material {padding: 7.2% 0;}
.material__title {font-size:22px;margin-bottom:7.2%;font-family:"Helvetica", "Lucida Grande", "Microsoft JhengHei", "sans-serif";font-weight:bold;}
.material__title span {margin-left:18px;font-weight:normal;font-size:16px;}
.material__list dl > * {display:inline-block;vertical-align:top;font-size:16px;}
.material__list dl {margin-bottom:15px;}
.material__list dt {width:34%;font-weight:normal;}
.material__list dd {width:65%;color:#aaa;}
.material__list .annotation {margin-top: 0; margin-bottom: 15px; font-size: 14px;}
.material__list-sub {text-indent: 1em;}
.material__muji {padding-top: 15px;}
.material__muji h4 {font-size:17px;font-family:"Helvetica", "Lucida Grande", "Microsoft JhengHei", "sans-serif";font-weight:bold;}
.material__muji-item {margin: 4.2% 0;}
.material__muji-item > span {display:block;}
.material__muji-item-name {padding:4% 0;}
.material__muji-item-name a {color:#7f0019;text-decoration:underline;}
.material__muji-item-name:after {content:"";display:inline-block;width:14px;height:14px;background: url(/img/recipe/detail/material_muji_item_name_link.svg) no-repeat center center;background-size:14px 14px;vertical-align:middle;margin-left:4px;}	
.material__muji-description {color:#aaa;}
.material__muji-item-image {float:left;margin:0 10%;width:30%;}
.material__muji-item-weight {color:#aaa;}

.prepare {padding: 5.6% 0;}
.prepare__title {font-size:22px;margin-bottom:4.8%;font-family:"Helvetica", "Lucida Grande", "Microsoft JhengHei", "sans-serif";font-weight:bold;}
.prepare b {font-family:'Helvetica Neue LT W01_71488914';}

.cooking {padding: 5.6% 0;}
.cooking__title {font-size:22px;margin-bottom:8%;font-family:"Helvetica", "Lucida Grande", "Microsoft JhengHei", "sans-serif";font-weight:bold;}
.cooking__title span {margin-left:6px;font-weight:normal;font-size:12px;}
.cooking__list {padding-left:0;}
.cooking__list li {list-style:none;position:relative;padding:0 0 0 7.2%;}
.cooking__list li+li {margin-top:4%;}
.cooking__list li:after {content:" ";display:block;clear:both;}
.cooking__list li:before {position:absolute;top:0;left:0px;font-weight:bold;font-family:'Helvetica Neue LT W01_71488914';font-size:17px;line-height:1;}
#main .cooking__list li.annotation:before {content:"";}
.cooking__list li:nth-of-type(1):before{content:"1";}
.cooking__list li:nth-of-type(2):before{content:"2";}
.cooking__list li:nth-of-type(3):before{content:"3";}
.cooking__list li:nth-of-type(4):before{content:"4";}
.cooking__list li:nth-of-type(5):before{content:"5";}
.cooking__list li:nth-of-type(6):before{content:"6";}
.cooking__list li:nth-of-type(7):before{content:"7";}
.cooking__list li:nth-of-type(8):before{content:"8";}
.cooking__list li:nth-of-type(9):before{content:"9";}
.cooking__list-image {width:33%;float:left;margin-right:6%;}
.cooking__list-description b {font-family:"Helvetica", "Lucida Grande", "Microsoft JhengHei", "sans-serif";}
.annotation .cooking__list-description {font-family:"Helvetica", "Lucida Grande", "Microsoft JhengHei", "sans-serif";color:#aaa;padding-left:1em;text-indent:-1em;font-size:14px;display:block;}
.contents .cooking {border-bottom:none;}

.recommend {padding: 5.6% 0;}
.recommend__list {letter-spacing:-.4em;}
.recommend__title {font-size:22px;margin-bottom:6.4%;}
.recommend__list-item {display:inline-block;width:31.5%;letter-spacing:normal;vertical-align:top;}
.recommend__list-item:hover .recommend__list-item-name {color:#aaa;}
.recommend__list-item + .recommend__list-item {margin-left:2.75%;}
.recommend__list-item-image {width:100%;display:block;margin-bottom:4%;}
.recommend__list-item-name {font-weight:bold;}

footer {color:#ccc;}
#trademark {position:static;display:inline-block;margin-right:1.6%;margin-bottom:4px;}
.localFooter #trademark img {width:auto;height:16px;margin:0;opacity:0.4;}

.localFooter__top-link {float:right;margin:0;}
.localFooter__top-link a {width:40px;height:40px;display:block;}
.localFooter__top-btn-icon circle {stroke:#aaa;fill:#fff;}
.localFooter__top-btn-icon polygon {fill:#aaa;}
.localFooter__top-btn-icon:hover circle {stroke:#000;}
.localFooter__top-btn-icon:hover polygon {fill:#000;}


.topnav{width:100%;}

.uk-icon {position:relative;top:-2px;}
@media only screen and (max-width: 880px) {
	#mainVisual.mainVisual {width:38%;max-width:none;min-width:0;}
	.contents {width:62%;max-width:none;min-width:512px;}
	.contents > * {max-width:none;min-width:0;}
}

@media only screen and (max-width: 767px) {
 
	#main {margin-bottom:0;font-size:14px;width:100%;}

	.localNav {position:absolute;/*position:fixed;*/top:0;left:0;z-index:20;margin:0;width:100%;padding:0px 20px;height:60px;}
	.localNav h1 {font-size:12px;margin:0;line-height:60px;}
	.localNav__main a, #main .localNav__main a:hover {color:#fff;}
	.localNav__wrap {line-height:60px;}
	.localNav__wrap > div > div {margin:0;}
	.localNav__wrap .localNav__menu-btn {margin-left:20px;}
	.localNav__share-btn-icon line,
	.localNav__menu-btn-icon line,
	.localNav__share-btn-icon:hover line,
	.localNav__menu-btn-icon:hover line {stroke: #fff;}
	.localNav__menu-wrap {padding:0;}
	.localNav__menu-list {border-top:1px solid #eee;line-height:1.5;margin-top:15%;}
	.localNav__menu-list li {border-bottom:1px solid #eee;}
	.localNav__menu-list li+li a {color:#aaa;background: url(/img/recipe/keyboard_arrow_right.svg) no-repeat 94% center;background-size:6px 10px;}
	.localNav__menu-list a {display:block;padding:18px;font-weight:bold;font-size:16px;}	
	.localNav__subTitle {margin:0 20px;font-size:12px;}
	.localNav__menu-wrap  footer {padding:4% 18px;}
	.localNav__menu-wrap #trademark img {height:14px;}

	.main__wrap {display:block;}

	/*#mainVisual.mainVisual img {-webkit-filter: blur(4px);filter: blur(4px);}*/

	#mainVisual.mainVisual {width:100%;max-width:none;min-width:0;}
	.mainVisual__subWrap {padding:20px;}
	.mainVisual__list.fixed {position:fixed;left:0;top:0;height:60px;z-index:10;overflow:hidden;}
	.mainVisual__list.fixed img {-webkit-filter:blur(4px);filter:blur(4px);}
	.mainVisual__title {font-size:27px}

	.contents {width:100%;max-width:none;min-width:0;margin:0;padding:0;position:static;}
	.contents > section,
	.contents > aside,
	.contents > footer {padding:4%;max-width:none;min-width:0;}	
	.contents > section+section {border-bottom:1px solid #e7e7e7;}

	.recipe {font-size:12px;border-bottom:1px solid #e7e7e7;margin-top:0;}
	.recipe__header {line-height:40px;width:100%;text-align:left;}
	.recipe__header > * {display:inline-block;margin:0;vertical-align:top;}
	.recipe__header-image {width:40px;display:inline-block;margin-right:5px;}
	.recipe__header-chef {font-size:12px;}
	.recipe__header-time {float:right;font-size:10px;background-size:14px 14px;padding-left:18px;}
	.recipe__description br {display:none;}

	.material__title {font-size:16px;}
	.material__title span {margin-left:6px;font-size:12px;}
	.material__list dl > * {font-size:13px;}
	.material__muji h4 {font-size:13px;}
	.material__muji-item-image {width:45%;margin-right:16px;margin:0 2%;}
	.material__muji-description {font-size:13px;}
	.material__list dt {width:40%;}
	.material__list dd {width:59%;}	

	.prepare__title {font-size:16px;}

	.cooking__title {font-size:16px;}
	.cooking__list-image {width:36%;}

	.contents > aside.recommend {padding: 4% 0 4% 4%;}
	.recommend__title {font-size:16px;padding-right:4%;}
	.recommend__list-item {width:42%;}
	.recommend__list {overflow:scroll;white-space:nowrap;}
	.recommend__list * {white-space:normal;}
	.recommend__list-item-name {font-size:10px;font-weight:bold;}

	#copyright {width:auto;font-size:10px;margin-left:4px;}
	#trademark {position:static;display:inline-block;padding:0; height:20px;}
	/*.localFooter__top-link {display:none;}*/
	.localFooter #trademark img {height:14px;}
	.keyboard_arrow_down {display:none;}

	.keyboard_arrow_down {width:100%;position:fixed;bottom:6px;left:0;text-align:center;z-index:50;}
	.keyboard_arrow_down img {width:12px;height:auto;}			

	.slick-dots {bottom:3.2%;}
	.slick-dots li {width:10px;height:10px;border:2px solid #fff;border-radius:5px;margin:0 4px;}
	.slick-active {background:#fff;}
	.slick-dotted.slick-slider {margin:0;}
	.slick-dots li button {display: none;}

}		


.vt {
   display: flex;
  align-items: center;
}


.ing{padding:4%;}

.topnav {width:100% !important;}


@media (min-width: 960px) { .uk-margin-small-left\@m { margin-left: 10px !important; } }

@media (max-width: 640px) { .uk-margin-small-top\@s { margin-top: 10px !important; } }
	@media only screen and (max-width: 767px) {* + h1, * + .uk-h1, * + h2, * + .uk-h2, * + h3, * + .uk-h3, * + h4, * + .uk-h4, * + h5, * + .uk-h5, * + h6, * + .uk-h6 {
    margin-top: 0;
}}