@charset "UTF-8";.con-product>.inner{max-width:1000px;margin:0 auto}@media screen and (max-width:1040px){.con-product>.inner{width:90%}}@media screen and (max-width:600px){.con-product>.inner{width:90%}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translate3d(0,0,0);line-height:1}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;line-height:1;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.con-recipe{padding-top:40px;position:relative;z-index:2}@media screen and (max-width:767px){.con-recipe{padding-top:28px}}.con-recipe>.inner{max-width:800px;margin:0 auto}@media only screen and (max-width:840px){.con-recipe>.inner{width:90%}}.con-recipe>.inner .style-title03{margin-bottom:54px}@media screen and (max-width:767px){.con-recipe>.inner .style-title03{margin-bottom:40px}}@media screen and (max-width:600px){.con-recipe>.inner .style-title03{margin-bottom:24px}}.con-recipe>.inner .box-info{display:flex;justify-content:space-between;padding:15px 40px;border-style:solid;background-image:linear-gradient(to right,#333,#333 2px,transparent 2px,transparent 8px),linear-gradient(to right,#333,#333 2px,transparent 2px,transparent 8px),linear-gradient(to bottom,#333,#333 2px,transparent 2px,transparent 8px),linear-gradient(to bottom,#333,#333 2px,transparent 2px,transparent 8px);background-size:6px 1px,6px 1px,1px 6px,1px 6px;background-position:left top,left bottom,left top,right top;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y}@media screen and (max-width:767px){.con-recipe>.inner .box-info{display:block;padding:18px 5%}}.con-recipe>.inner .box-info .block-ingredient{width:50%}@media screen and (max-width:767px){.con-recipe>.inner .box-info .block-ingredient{width:100%}}.con-recipe>.inner .box-info .block-ingredient p.txt-ingredient{display:flex;font-size:1.6rem;line-height:1.45;letter-spacing:0.03em;color:#666666}@media screen and (max-width:600px){.con-recipe>.inner .box-info .block-ingredient p.txt-ingredient{font-size:1.5rem}}.con-recipe>.inner .box-info .block-ingredient p.txt-ingredient a{text-decoration:underline}@media screen and (min-width:1100px){.con-recipe>.inner .box-info .block-ingredient p.txt-ingredient a:hover{text-decoration:none}}.con-recipe>.inner .box-info .block-ingredient p.txt-ingredient span{display:block}.con-recipe>.inner .box-info .block-ingredient p.txt-ingredient span.title{position:relative;padding-left:23px}.con-recipe>.inner .box-info .block-ingredient p.txt-ingredient span.title:before{position:absolute;content:"";top:2px;left:0;width:12px;height:20px;background:url(../img/common/icn_milk_b.svg) no-repeat;background-size:contain}@media screen and (max-width:767px){.con-recipe>.inner .box-info .block-ingredient p.txt-ingredient span.title:before{left:4px}}.con-recipe>.inner .box-info .block-ingredient p.txt-ingredient span.ingredient{flex:1}@media screen and (max-width:600px){.con-recipe>.inner .box-info .block-ingredient p.txt-ingredient span.ingredient{font-feature-settings:"palt"}}.con-recipe>.inner .box-info .block-info{flex:1;display:flex;justify-content:flex-end}@media screen and (max-width:767px){.con-recipe>.inner .box-info .block-info{padding-top:15px;justify-content:flex-start}}.con-recipe>.inner .box-info .block-info p{position:relative;font-size:1.6rem;line-height:1.45;letter-spacing:0.03em;color:#666666}@media screen and (max-width:600px){.con-recipe>.inner .box-info .block-info p{font-feature-settings:"palt";font-size:1.5rem}}.con-recipe>.inner .box-info .block-info p:not(:last-child){margin-right:18px}.con-recipe>.inner .box-info .block-info p.txt-time{padding-left:27px}@media screen and (max-width:767px){.con-recipe>.inner .box-info .block-info p.txt-time{padding-left:23px}}.con-recipe>.inner .box-info .block-info p.txt-time:before{position:absolute;content:"";top:3px;left:0;width:19px;height:18px;background:url(../img/common/icn_clock.svg) no-repeat;background-size:contain}@media screen and (max-width:600px){.con-recipe>.inner .box-info .block-info p.txt-time:before{top:2px}}.con-recipe>.inner .box-info .block-info p.txt-calorie{padding-left:21px}@media screen and (max-width:600px){.con-recipe>.inner .box-info .block-info p.txt-calorie{padding-left:17px}}.con-recipe>.inner .box-info .block-info p.txt-calorie:before{position:absolute;content:"";top:1px;left:0;width:13px;height:18px;background:url(../img/common/icn_calorie.svg) no-repeat;background-size:contain}.con-recipe>.inner .box-desc{padding-top:60px}@media screen and (max-width:600px){.con-recipe>.inner .box-desc{padding-top:35px}}.con-recipe>.inner .box-desc p.txt-desc{font-size:1.8rem;line-height:2;letter-spacing:0.03em;color:#406C38;text-align:center}@media screen and (max-width:767px){.con-recipe>.inner .box-desc p.txt-desc{font-size:1.6rem}}.con-recipe>.inner .box-recipe{padding-top:63px;display:flex}@media screen and (max-width:767px){.con-recipe>.inner .box-recipe{padding-top:40px}}@media screen and (max-width:600px){.con-recipe>.inner .box-recipe{padding-top:30px;display:block}}.con-recipe>.inner .box-recipe ul.list-sns{padding-top:20px;display:flex;justify-content:center}@media screen and (max-width:600px){.con-recipe>.inner .box-recipe ul.list-sns{padding-top:30px}}.con-recipe>.inner .box-recipe ul.list-sns li{max-width:110px;width:28.2051282051%}@media screen and (max-width:767px){.con-recipe>.inner .box-recipe ul.list-sns li{width:31.5384615385%}}.con-recipe>.inner .box-recipe ul.list-sns li:not(:last-child){margin-right:2.5641025641%}.con-recipe>.inner .box-recipe ul.list-sns li a{display:flex;justify-content:center;align-items:center;width:100%;height:25px}.con-recipe>.inner .box-recipe ul.list-sns li a span{position:relative;display:block;font-size:1.3rem;line-height:1.0;color:#FFFFFF}.con-recipe>.inner .box-recipe ul.list-sns li a span:before{position:absolute;content:"";left:0;transform:translateY(-50%);background-repeat:no-repeat;background-size:contain}.con-recipe>.inner .box-recipe ul.list-sns li.facebook a{background-color:#1877e6}.con-recipe>.inner .box-recipe ul.list-sns li.facebook a span{padding-left:14px}.con-recipe>.inner .box-recipe ul.list-sns li.facebook a span:before{top:52.5%;width:8px;height:14px;background-image:url(../img/common/icn_facebook.svg)}.con-recipe>.inner .box-recipe ul.list-sns li.twitter a{background-color:#1d95e6}.con-recipe>.inner .box-recipe ul.list-sns li.twitter a span{padding-left:20px}.con-recipe>.inner .box-recipe ul.list-sns li.twitter a span:before{top:54%;width:15px;height:12px;background-image:url(../img/common/icn_twitter.svg)}.con-recipe>.inner .box-recipe ul.list-sns li.line a{background-color:#00b900}.con-recipe>.inner .box-recipe ul.list-sns li.line a span{padding-left:22px}.con-recipe>.inner .box-recipe ul.list-sns li.line a span:before{top:52.5%;width:16px;height:15px;background-image:url(../img/common/icn_line.svg)}.con-recipe>.inner .box-recipe .block-image{padding-top:16px;width:48.75%;order:2}@media screen and (max-width:600px){.con-recipe>.inner .box-recipe .block-image{padding-top:0;width:100%}}.con-recipe>.inner .box-recipe .block-image .image{display:block;padding-bottom:66.6666666667%;background-position:center center;background-size:cover}.con-recipe>.inner .box-recipe .block-detail{order:1;flex:1;margin-right:6.25%}@media screen and (max-width:600px){.con-recipe>.inner .box-recipe .block-detail{padding-top:20px;width:100%;margin-right:0}}.con-recipe>.inner .box-recipe .block-detail h3{margin-bottom:10px;font-family:"小塚ゴシック Pro","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;font-size:1.8rem;line-height:1.45;letter-spacing:0.04em;color:#333333;font-weight:700}@media screen and (max-width:600px){.con-recipe>.inner .box-recipe .block-detail h3{margin-bottom:8px;text-align:center}}.con-recipe>.inner .box-recipe .block-detail h3 span.small{padding-left:0.7em;font-size:1.6rem;line-height:2;letter-spacing:0.03em;color:#333333;font-weight:400;vertical-align:-0.05em}.con-recipe>.inner .box-recipe .block-detail table.tbl-recipe{width:100%;background:url(../img/common/line_dot_g.png) left top repeat-x}.con-recipe>.inner .box-recipe .block-detail table.tbl-recipe tr td,.con-recipe>.inner .box-recipe .block-detail table.tbl-recipe tr th{padding:12px 0 12px;font-size:1.6rem;line-height:1.45;letter-spacing:0.03em;color:#333333;background:url(../img/common/line_dot_g.png) left bottom repeat-x}.con-recipe>.inner .box-recipe .block-detail table.tbl-recipe tr th{width:80%;padding-right:20px;text-align:left}.con-recipe>.inner .box-recipe .block-detail table.tbl-recipe tr th a.style-shop{position:relative;padding-right:26px;text-decoration:underline}@media screen and (min-width:1100px){.con-recipe>.inner .box-recipe .block-detail table.tbl-recipe tr th a.style-shop:hover{text-decoration:none}}.con-recipe>.inner .box-recipe .block-detail table.tbl-recipe tr th a.style-shop:after{position:absolute;content:"";top:55%;right:0;transform:translateY(-50%);width:18px;height:18px;background:url(../img/common/icn_cart_b.svg) no-repeat;background-size:contain}.con-recipe>.inner .box-recipe .block-detail table.tbl-recipe tr td{text-align:right}.con-cooking{padding-top:90px;position:relative;z-index:2}@media screen and (max-width:600px){.con-cooking{padding-top:80px}}.con-cooking>.inner{max-width:800px;margin:0 auto}@media only screen and (max-width:840px){.con-cooking>.inner{width:90%}}.con-cooking>.inner h2.style-title04{margin-bottom:28px}.con-cooking>.inner h2.style-title04 span{font-size:2.8rem}@media screen and (max-width:767px){.con-cooking>.inner h2.style-title04 span{font-size:3rem}}@media screen and (max-width:600px){.con-cooking>.inner h2.style-title04 span{padding:0 0.5em;font-size:2.5rem}}.con-cooking>.inner .box-cooking{padding:42px 68px 50px;background-color:#fff}@media screen and (max-width:767px){.con-cooking>.inner .box-cooking{padding:42px 5% 50px}}@media screen and (max-width:600px){.con-cooking>.inner .box-cooking{padding:0 5%;background-color:transparent}}.con-cooking>.inner .box-cooking ol.list-cooking{counter-reset:number 0}.con-cooking>.inner .box-cooking ol.list-cooking li{padding-left:31px;position:relative;font-size:1.6rem;line-height:1.87;letter-spacing:0.03em;color:#333333;font-weight:600}.con-cooking>.inner .box-cooking ol.list-cooking li:not(:last-child){margin-bottom:23px}@media screen and (max-width:600px){.con-cooking>.inner .box-cooking ol.list-cooking li:not(:last-child){margin-bottom:30px}}.con-cooking>.inner .box-cooking ol.list-cooking li:before{counter-increment:number 1;content:counter(number) ".";position:absolute;top:0;left:0;padding-top:0.15em;font-size:2rem;line-height:1;letter-spacing:0.03em;color:#333333;font-weight:700}.con-product{padding-top:85px;position:relative;z-index:2}@media screen and (max-width:767px){.con-product{padding-top:60px}}@media screen and (max-width:600px){.con-product{padding-top:80px}}.con-product>.inner .style-title05{margin-bottom:48px}@media screen and (max-width:600px){.con-product>.inner .style-title05{margin-bottom:24px}}.con-other-recommend{padding-top:66px;padding-bottom:80px;position:relative;z-index:2}@media screen and (max-width:767px){.con-other-recommend{padding-top:40px}}@media screen and (max-width:600px){.con-other-recommend{padding-top:30px;padding-bottom:30px}}.con-other-recommend>.inner{max-width:1050px;margin:0 auto}@media screen and (max-width:1090px){.con-other-recommend>.inner{width:90%}}@media screen and (max-width:600px){.con-other-recommend>.inner{width:94%}}.con-other-recommend>.inner .style-title05{margin-bottom:48px}@media screen and (max-width:600px){.con-other-recommend>.inner .style-title05{margin-bottom:24px}}
/*# sourceMappingURL=recipe_detail.css.map */