.slick-dots{line-height:0;text-align:center}
.slick-dots li{display:inline-block}
.slick-dots li button{width:16px;height:16px;border:none;border-radius:50%;outline:none;text-indent:-200%;background-color:#84a3cd;box-shadow:-3px 3px 5px rgba(0,0,0,0.15);cursor:pointer;overflow:hidden}
.slick-dots li+li{margin-left:14px}
.slick-dots li.slick-active button{background-color:#f3bb97}
#hg-contents{background-color:#f8f6ef}
#mainvisual .slick-track{background-color: #fff}
#mainvisual .slider-container .image{width:1080px}
#mainvisual .slider-container .image.slick-active{opacity:1}
#mainvisual .slider-container .image a{display:block}
#mainvisual .slider-container .image a img{height:747px}
#mainvisual .slider-container .image a{transition:opacity 0.2s ease-out}
#mainvisual .slider-container .image a:hover{opacity:0.9}
#mainvisual .slider-container .image a:focus{outline:none}
#mainvisual .slider-container>.image{display:none}
#mainvisual .slider-container>.image:first-child{display:block}
#mainvisual .slider-container .slick-dots{margin-top:16px}
#pickup{margin-top:46px}
#pickup h2{color:#003f98;font-size:1.75em;line-height:1;text-align:center}
#pickup .slider-container{position:relative;margin-top:27px;padding-bottom:8px;overflow:hidden}
#pickup .slider-container .slider-block{position:relative;margin-left:7px;padding-top:27px;opacity:0.2;transition:opacity 0.2s ease-out}
#pickup .slider-container .slider-block .bnr a{display:block}
#pickup .slider-container .slider-block .bnr a{transition:opacity 0.2s ease-out}
#pickup .slider-container .slider-block .bnr a:hover{opacity:0.8}
#pickup .slider-container .slider-block .bnr a:focus{outline:none}
#pickup .slider-container .slider-block .bnr+.bnr{margin-top:8px}
#pickup .slider-container .slider-block.new::before{content:"";display:block;position:absolute;top:0;left:0;right:0;width:94px;height:19px;margin:auto;background:url(../img/top/pickup_list_new.png) no-repeat left top}
#pickup .slider-container .slider-block.slick-active,#pickup .slider-container .slider-block.slick-main-active{opacity:1}
#pickup .slider-container .slick-list{width:900px;margin:0 auto;overflow:visible}
#pickup .slider-container .slick-dots{margin-top:13px}
#pickup .slider-container .slick-prev{position:absolute;top:190px;left:27px;width:42px;height:42px;text-indent:-500px;outline:none;border:none;background:url(../img/top/pickup_list_btn_prev.png) no-repeat left top;overflow:hidden;cursor:pointer;z-index:2}
#pickup .slider-container .slick-next{position:absolute;top:190px;right:27px;width:42px;height:42px;text-indent:-500px;outline:none;border:none;background:url(../img/top/pickup_list_btn_next.png) no-repeat left top;overflow:hidden;cursor:pointer;z-index:2}
#recipe{width:900px;margin:37px auto 0}
#recipe h2{width:357px;height:87px;margin-left:283px;padding-top:23px;padding-right:22px;color:#003f98;font-size:1.75em;line-height:1;background:url(../img/top/recipe_title_bg.png) no-repeat left top;background-size:100% 100%;text-align:center;box-sizing:border-box}
#recipe .recipe-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:32px}
#recipe .recipe-list li{width:290px}
#recipe .recipe-list li .image{position:relative}
#recipe .recipe-list li .image a{display:block;position:relative}
#recipe .recipe-list li .image a{transition:opacity 0.2s ease-out}
#recipe .recipe-list li .image a:hover{opacity:0.6}
#recipe .recipe-list li .image h3{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:0;left:0;right:0;height:50px;padding:0 15px;color:#fff;font-size:.875em;font-weight:bold;line-height:1.21429;background-color:rgba(0,0,0,0.45)}
#recipe .recipe-list li .desc{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:10px}
#recipe .recipe-list li .desc .product{width:90px;height:62px;border:solid 1px #f0f0f0;border-radius:2px;box-sizing:border-box;background-color: #fff}
#recipe .recipe-list li .desc .product a{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}
#recipe .recipe-list li .desc .product a{transition:opacity 0.2s ease-out}
#recipe .recipe-list li .desc .product a:hover{opacity:0.6}
#recipe .recipe-list li .desc p{width:190px;font-size:.75em;line-height:1.66667}
#recipe .recipe-list li+li{margin-left:15px}
#recipe .recipe-list li:last-child:before{content:"";background-image: url("../img/top/recipe-thisMouth.jpg");display: block;z-index: 1;width: 155px;height: 35px;background-size: contain;background-repeat: no-repeat;position: absolute;margin: 3px;transition:opacity 0.2s ease-out}
#recipe .recipe-list li:last-child:hover:before{opacity: 0.6}
#recipe .recommend-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:49px}
#recipe .recommend-list li{width:220px}
#recipe .recommend-list li a{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:66px;color:#fff;font-size:.9375em;line-height:1.2;border:solid 1px #003f98;border-radius:5px;background-color:#003f98;text-align:center;box-sizing:border-box;transition:none 0.2s ease-out;transition-property:color,background-color}
#recipe .recommend-list li a:hover{color:#003f98;background-color:#fff}
#recipe .search{margin-top:40px}
#recipe .search form{display:block;position:relative;width:420px;height:50px;margin:0 auto;border:solid 2px #002d88;border-radius:25px;box-sizing:border-box;background-color: #fff}
#recipe .search form input[type="search"]{display:block;width:360px;height:46px;padding:5px 0;padding-left:22px;border:none;border-radius:0;outline:none;line-height:46px;background:none;box-sizing:border-box}
#recipe .search form button[type="submit"]{display:block;position:absolute;top:0;bottom:0;right:20px;width:26px;height:26px;margin:auto;border:none;outline:none;background:url(../img/top/recipe_search_icon.png) no-repeat center center;cursor:pointer;overflow:hidden}
#knowledge{margin-top:60px;margin-bottom: 60px}
#knowledge h2{width:344px;height:86px;margin-left:374px;padding-top:21px;padding-right:13px;color:#003f98;font-size:1.75em;line-height:1;background:url(../img/top/knowledge_title_bg.png) no-repeat left top;background-size:100% 100%;text-align:center;box-sizing:border-box}
#knowledge .knowledge-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:544px;margin-top:33px;background-color: #fff;}
#knowledge .knowledge-list li{display:-webkit-flex;display:-ms-flexbox;display:flex;width:536px;height:178px}
#knowledge .knowledge-list li .image{position:relative;width:266px;height:100%}
#knowledge .knowledge-list li .image a{transition:opacity 0.2s ease-out}
#knowledge .knowledge-list li .image a:hover{opacity:0.6}
#knowledge .knowledge-list li .image::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;width:0;height:0;margin:auto;border-top:solid 7px transparent;border-right:solid 10px #fff;border-bottom:solid 7px transparent}
#knowledge .knowledge-list li .desc{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:270px;height:100%;padding:0 28px;box-sizing:border-box}
#knowledge .knowledge-list li .desc h3 a{color:#003f98;font-size:1.25em;font-weight:bold;line-height:1}
#knowledge .knowledge-list li .desc h3 a:hover{text-decoration:underline}
#knowledge .knowledge-list li .desc p{margin-top:1em;color:#333333;font-size:.8125em;line-height:1.53846}
#knowledge .knowledge-list .cm{display:block;height:361px}
#knowledge .knowledge-list .cm a{display:block;width:100%;height:100%;padding-top:72px;padding-left:50px;background:url(../img/top/knowledge_cm_image.jpg) no-repeat left top;background-size:cover;box-sizing:border-box}
#knowledge .knowledge-list .cm a{transition:opacity 0.2s ease-out}
#knowledge .knowledge-list .cm a:hover{opacity:0.6}
#knowledge .knowledge-list .cm h3{color:#fff;font-size:1.625em;font-weight:bold;line-height:1}
#knowledge .knowledge-list .cm p{margin-top:0.5em;color:#fff;font-size:.9375em}
#knowledge .knowledge-list .seachicken .image{-webkit-order:1;-ms-flex-order:1;order:1}
#knowledge .knowledge-list .seachicken .image::after{left:0;right:auto;border-left:solid 10px #fff;border-right:none}
#news{width:900px;padding:64px 90px 0;background-color: #fff}
#news h2{padding-top:5px;color:#003f98;font-size:1.25em;font-weight:bold;line-height:1}
#news h2::before{content:"";display:inline-block;width:30px;height:30px;margin-top:-5px;margin-right:9px;background:url(../img/top/news_title_icon.png) no-repeat left top;vertical-align:top}
#news h2::after{content:"";display:block;height:6px;margin-top:15px;background:url(../img/top/news_title_line.png) repeat-x left top}
#news .news-list{margin-top:30px;padding-bottom:0px}
#news .news-list li a{display:block;padding:15px 20px}
#news .news-list li a:hover p{text-decoration:underline}
#news .news-list li .header{display:-webkit-flex;display:-ms-flexbox;display:flex}
#news .news-list li .header .category{width:103px;height:19px;margin-right:5px;color:#fff;font-size:.75em;line-height:19px;border-radius:2px;text-align:center}
#news .news-list li .header .category.newsrelease{background-color:#0082bf}
#news .news-list li .header .category.update{background-color:#ff246d}
#news .news-list li .header .date{color:#333;font-size:.875em;line-height:19px}
#news .news-list li p{width:860px;margin-top:0.5em;color:#333;font-size:.875em;line-height:1.71429}
#news .news-list li+li{margin-top:15px}
#news .news-list li:nth-child(even){background-color:#f8f6ef}
#banner{padding-top:64px;padding-bottom:70px;background-color: #fff;}
#banner .banner-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:827px;margin:0 auto}
#banner .banner-list li{margin-top:13px}
#banner .banner-list li a{transition:opacity 0.2s ease-out}
#banner .banner-list li a:hover{opacity:0.6}
#banner .banner-list li img {border: 1px solid grey}
@media all and (min-width: 641px){
#recipe .recipe-list li .image .bg{overflow:hidden;height:200px;width:290px;position:relative}
#recipe .recipe-list li .image img{width:290px}
#recipe .recipe-list li .desc img{height:56px}
}
@media all and (max-width: 640px){#hg-contents{background-color:#f8f6ef}
#mainvisual .slider-container .image{width:100vw;height:auto}
#mainvisual .slider-container .image a img{height:auto}
#pickup{margin-top:35px}
#pickup .slider-container{margin-top:14px;overflow:visible}
#pickup .slider-container .slider-block{width:46.09375vw;margin-left:1.5625vw;padding-top:0;opacity:1}
#pickup .slider-container .slider-block .bnr+.bnr{margin-top:1.25vw}
#pickup .slider-container .slider-block.new::before{display:none}
#pickup .slider-container .slick-list{width:93.75vw;overflow:hidden}
#recipe{width:100%;margin-top:14.0625%}
#recipe h2{margin:0 auto}
#recipe .recipe-list{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:93.75%;margin:26px auto 0}
#recipe .recipe-list li{width:48.33333%;margin-bottom:5.9375vw}
#recipe .recipe-list li .image h3{height:3em;padding:7px 8px;font-size:3.725vw;line-height:1.5}
#recipe .recipe-list li .desc .product{display:none}
#recipe .recipe-list li .desc p{width:auto;font-size:3.725vw;line-height:1.5}
#recipe .recipe-list li+li{margin-left:0}
#recipe .recipe-list li:last-child:before{width: 25vw;height: 5.5vw}
#recipe .recommend-list{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:93.75%;margin:3.125% auto 0}
#recipe .recommend-list li{width:48.33333%;margin-bottom:3.125vw}
#recipe .recommend-list li a{height:3.90909em;font-size:3.4375vw;line-height:1.09091}
#recipe .search{width:93.75%;margin:3.125% auto 0}
#recipe .search form{width:93.33333%;height:86px;border:solid 4px #002d88;border-radius:43px;background-color:#fff}
#recipe .search form input[type="search"]{width:83.92857%;height:78px;padding:5px 0;padding-left:40px;font-size:1.5em;line-height:78px}
#recipe .search form button[type="submit"]{right:29px;width:42px;height:42px;background-image:url(../img/top/sp/recipe_search_icon.png);background-size:100% 100%}
#knowledge{margin-top:15.625%;margin-bottom: 0}
#knowledge h2{margin:0 auto}
#knowledge .knowledge-list{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:auto;width:93.75%;margin:33px auto 0;padding-bottom:3.125%;background-color:#f8f6ef}
#knowledge .knowledge-list li{display:block;width:48.33333%;height:auto;margin-bottom:5vw}
#knowledge .knowledge-list li .image{width:100%;height:auto}
#knowledge .knowledge-list li .image::after{display:none}
#knowledge .knowledge-list li .desc{display:block;width:100%;height:auto;padding:0}
#knowledge .knowledge-list li .desc h3{margin-top:0.5em}
#knowledge .knowledge-list li .desc h3 a{font-size:3.4375vw}
#knowledge .knowledge-list li .desc p{margin-top:0.2em;font-size:3.725vw;line-height:1.3}
#knowledge .knowledge-list .cm{display:block;position:relative;width:100%;height:0;margin-bottom:3.125vw;height:46.875vw}
#knowledge .knowledge-list .cm a{position:absolute;top:0;left:0;padding-top:14.66667%;padding-left:6.16667%;background-position:0% 60%}
#knowledge .knowledge-list .cm h3{font-size:5vw}
#knowledge .knowledge-list .cm p{font-size:3.4375vw}
#news{width:100%;margin-top:0;padding:15.625% 0 0;background-color:#fff}
#news h2::before{margin-left:6.25%}
#news .news-list{padding-bottom:0;border-bottom:none}
#news .news-list li .header .category{width:8.38889em;height:1.55556em;margin-right:5px;font-size:2.8125vw;line-height:1.55556em}
#news .news-list li .header .date{font-size:3.4375vw;line-height:1.27273em}
#news .news-list li p{width:100%;font-size:3.9375vw;line-height:1.68182}
#banner{margin:0;padding:9.375% 0 15.625%;background-color:#fff}
#banner .banner-list{width:93.75%;margin:0 auto}
#banner .banner-list li{width:48.33333%;margin-top:0;margin-bottom:3.125vw}
}
@media all and (max-width: 468px){
#recipe .search form{height:18.37607vw;border:solid 3px #002d88;border-radius:9.18803vw}
#recipe .search form input[type="search"]{width:80.35714%;height:16.66667vw;padding-left:8.54701vw;font-size:5.12821vw;line-height:16.66667vw}
#recipe .search form button[type="submit"]{right:6.19658vw;width:8.97436vw;height:8.97436vw}
}