@charset "UTF-8";

.l_home a{text-decoration: none;color: #3c1003;}
.l_home .come_btn a{color: #fff;position: relative;padding: 0;border: 1px solid #e60012;-webkit-box-sizing: border-box;box-sizing: border-box;}
.l_home .come_btn a::after,.bottom_menu .box a span.btn::after{content: "";display: inline-block;width: 6px;height: 11px;background: url(../images/icon_btn_arrow.png) no-repeat 50% 50%;position: absolute;right: 15px;top: 50%;margin-top: -5.5px;}
.l_home .come_btn a:hover{background-color: #fff;color:#e60012;}
.l_home .come_btn a:hover::after{background-image: url(../images/icon_btn_arrow_on.png);right: 13px;}

.bg_y{background: #faf6ed;}

.area_list {display: flex;flex-wrap: wrap;}
.area_list .box{-webkit-box-sizing: border-box;box-sizing: border-box;font-size:0.9rem;}

.come_title{text-align: center;background: url(../images/icon_title.png) no-repeat center top;padding-top: 50px;margin: 0 auto;}
.come_title img{display: inline-block;}
.come_title span{display: block;color: #107934;font-size: 125%;font-weight: bold;line-height: 1;margin-top: 20px;}

.l_header_image{position:relative;}
.l_header_image .rail{position:relative;margin-bottom:40px;height:470px;overflow: hidden;}
.l_header_image .rail ul{width:500%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;position:absolute;left:50%;margin-left:-2700px;top:0;}
.l_header_image .rail li{width:1080px;height:470px;position: relative;opacity:0.2;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.l_header_image .rail li.on{opacity:1;}
.l_header_image .rail li:before{ padding-top: 56.25%;content:"";display: block; }
.l_header_image .rail li > *{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;display:block; }
.l_header_image .rail li span{ display:block;width:100%;height:100%;background:none 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover; }

/**
.l_header_image .thumb{}
.l_header_image .thumb ul{width:932px;margin-right:auto;margin-left:auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.l_header_image .thumb li{width:217px;height:94px;padding:0 8px 20px;position:relative;}
.l_header_image .thumb li:after{content:"";display:none;position:absolute;top:0px;left:8px;border:4px solid #e60012;width:217px;height:94px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.l_header_image .thumb li.is_active:after{display:block;}
.l_header_image .thumb li:hover{opacity: 0.8;cursor:pointer;}
.l_header_image .thumb li span{display:block;width:100%;height:100%;background:none 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover;}
**/

.l_header_image .thumb{margin-bottom:40px;}
.l_header_image .thumb ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: center;}
.l_header_image .thumb li{margin:0 5px;}
.l_header_image .thumb li span{display:block;width:11px;height:15px;background:url(../images/lamp_off.png) 50% 50% no-repeat;}
.l_header_image .thumb li.is_active span{background-image:url(../images/lamp_on.png);}
.l_header_image .thumb li:hover{cursor:pointer;}

.l_header_image .navi {*height: 0;}
.l_header_image .navi li a { text-decoration: none;display: block;width: 65px;height: 65px;position: absolute;top: 202px;left:50%;z-index: 10;overflow: hidden;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size: 0;}
.l_header_image .navi li a:before {content:"";display: inline-block;background: none no-repeat left bottom;width: 100%;height: 100%;}
.l_header_image .navi li.prev a:before {background-image: url(../images/btn_arrow_left.png);}
.l_header_image .navi li.next a:before {background-image: url(../images/btn_arrow_right.png);}
.l_header_image .navi li.prev a { margin-left:-572.5px;}
.l_header_image .navi li.next a { margin-left:507.5px;}
.l_header_image .navi li.prev a:hover,
.l_header_image .navi li.next a:hover{opacity: 0.8;}


/** jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ ** Copyright 2012 WooThemes* Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html ** Contributing author: Tyler Smith (@mbmufffin)*/
 /* Browser Resets */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
/* FlexSlider Necessary Styles*********************************/ 
.slider_img{ position:relative;}
.slider{ background:#FFFFFF; position: relative;}
.flexslider {margin: 0; padding:0;}
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;} 
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{ /** max-height: 350px; **/ max-width: 640px; margin:0 auto; display: block; width:100%;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height:1%;}
/* No JavaScript Fallback *//* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme*********************************/
.flexslider { position: relative; zoom: 1;max-height: 764px;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

.flex-control-nav{/*height: 0;*/text-align: center;margin-top: 20px;line-height: 1;}
.flex-control-nav li{line-height: 15px;display:inline-block;}
.flex-control-nav a{width:24px;height:15px;overflow: hidden;text-indent: 100%;white-space:nowrap;display:block;position:relative;cursor: pointer;}
.flex-control-nav a:before,.flex-control-nav a.flex-active:before{position:absolute;left: 0;line-height: 1;bottom: 0;content:"";width: 11px;height: 15px; 
}
.flex-control-nav a:before{background: url(../images/lamp_off.png) no-repeat left bottom;}
.flex-control-nav a.flex-active:before{background-image:url(../images/lamp_on.png);}

.flex-direction-nav {*height: 0;}
.flex-direction-nav a { text-decoration: none;display: block;width: 65px;height: 65px;margin: -24px 0 0;position: absolute;top: 50%;z-index: 10;overflow: hidden;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size: 0;}
.flex-direction-nav a:before {content:'';display: inline-block;background: url(../images/btn_arrow_left.png) no-repeat left bottom;width: 100%;height: 100%;}
.flex-direction-nav a.flex-prev:before {}
.flex-direction-nav a.flex-next:before {background-image: url(../images/btn_arrow_right.png);}
.flex-direction-nav .flex-prev { left: -8vw;opacity:0;}
.flex-direction-nav .flex-next { right: -8vw;opacity:0;text-align: right;}
.l_header_image:hover .flex-direction-nav .flex-prev{left: 2vw;opacity:1;}
.l_header_image:hover .flex-direction-nav .flex-next{right: 2vw;opacity:1;}

.flex-direction-nav .flex-prev:hover{opacity: 0.8;}
.flex-direction-nav .flex-next:hover{opacity: 0.8;}


/*******  休業のお知らせ  *************/

.holiday_wrapper{position: relative;}
.holiday_wrapper .holiday{position: absolute;right: 5px;top:5px;z-index: 10;font-size:0.9rem;
max-width: 300px;padding: 25px 20px;background-color: rgba(250,247,240,0.9);border-radius: 5px;}
.holiday_wrapper .holiday .close{position: absolute;right: 10px;top: 5px;background-color:#fff;width: 25px;border-radius: 20px;
	text-align:center;cursor: pointer;font-weight: bold;}
.holiday_wrapper .holiday .title{text-align:center;font-weight:bold;margin-bottom:10px;}

/*******  お知らせ  *************/
.notice_top_wrapper{padding-top:20px;}
.notice_top_wrapper li.box{line-height: 1.8;border: 1px solid #cbc5be;margin-top: 20px;padding: 35px 0;text-align: center;}

/*******  お知らせ  *************/
.l_home_notice{padding: 0 20px 0;margin-top:40px;}
.l_home_notice > .l_wrap{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;min-height:388px;}

.l_home_notice .box_timeline{width:420px;min-height:388px;}
.l_home_notice .box_timeline h2{font-size:125%;font-weight:bold;padding:4px;margin-bottom:10px;}

.l_home_notice .box_movie{margin-left:44px;position:relative;}
.l_home_notice .box_movie h2{font-size:125%;font-weight:bold;padding:4px;margin-bottom:10px;}
.l_home_notice .box_movie .in_box{width:616px;height:340px;background-color:#000;}
.l_home_notice .box_movie a{width:186px;height:54px;position:absolute;top:0;right:0;background:url(../images/home_notice_cloud.png) no-repeat;}


/*******  新商品  *************/
.l_home_guide{padding: 0 40px;}
.l_home_guide .l_wrap{padding-top: 90px;padding-bottom: 90px;}

.l_home_guide .box.item .img{margin-left: 50px;}
.l_home_guide .box.item{display: flex;-webkit-box-sizing: border-box;box-sizing: border-box;/*width: 50%;padding-right: 30px;*/}
.l_home_guide .box.item .txt{width: 55%;    max-width: 495px;}

.l_home_guide .area_list{padding-top: 20px;min-height:230px;}
.l_home_guide .area_movie{width: 50%;}
.l_home_guide .area_movie video{width: 100%;height: 285px;max-width: 506px;}
.l_home_guide .come_btn{margin-top: 18px;}
.l_home_guide .come_btn a{width: 238px;line-height: 40px;font-size: 112.5%;}


/*******  ブランドサイト  *************/
.l_home_brand{padding: 0 40px;}
.l_home_brand .l_wrap{padding-top: 90px;padding-bottom: 50px;}

.l_home_brand .box.item .img{margin-left: 50px;}
.l_home_brand .box.item{display: flex;-webkit-box-sizing: border-box;box-sizing: border-box;/*width: 50%;padding-right: 30px;*/}
.l_home_brand .box.item .txt{width: 55%;    max-width: 495px;}

.l_home_brand .area_list{padding-top: 20px;min-height:500px;margin-right:-40px;}
.l_home_brand .area_list li{width:520px;padding:0 40px 40px 0;}
.l_home_brand .area_list li a{display:block;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;}
.l_home_brand .area_list li a:hover{box-shadow: 0 0 15px rgba(111,106,94,0.33); -webkit-box-shadow: 0 0 15px rgba(111,106,94,0.33);-webkit-transform:translateY(-10px);transform:translateY(-10px); }


/*******  キャンペーン・特集  *************/
.l_home_campaign .slider{width:1076px;margin-right:auto;margin-left:auto;padding:25px 0 65px;position:relative;}

.l_home_campaign .rail{width:1076px;height:280px;margin:0 auto 30px;position:relative;overflow:hidden;}
.l_home_campaign .rail ul{position:absolute;top:0;left:50%;width:100%;height:280px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:34px;}
.l_home_campaign .rail li{width:340px;height:280px;padding:0 14px;}
.l_home_campaign .rail li a{display:block;-webkit-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;}
.l_home_campaign .rail li a:hover{opacity:0.8;}
.l_home_campaign .rail li span{width:340px;height:280px;display:block;background:none 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover;}

.l_home_campaign .thumb ul{text-align:center;}
.l_home_campaign .thumb li{display:inline-block;padding:0 5px;}
.l_home_campaign .thumb li:hover{cursor:pointer;}
.l_home_campaign .thumb li span{display:block;width:11px;height:15px;background:url(../images/lamp_off.png) no-repeat 50% 50%;}
.l_home_campaign .thumb li.is_active span{background-image:url(../images/lamp_on.png);}

.l_home_campaign .navi ul{}
.l_home_campaign .navi li a{display:block;width:58px;height:58px;background:none 50% 50% no-repeat;position:absolute;top:131px;text-indent:150%;overflow:hidden;white-space:nowrap;}
.l_home_campaign .navi li.prev a{background-image:url(../images/top/prev_2.png);left:0;margin-left:-28.5px;}
.l_home_campaign .navi li.next a{background-image:url(../images/top/next_2.png);right:0;margin-right:-28.5px;}

/*******  新着情報  *************/
.l_home_news,l_home_goods{padding: 0 40px;}
.l_home_news .l_wrap{display: flex;padding-top: 90px;padding-bottom: 90px;}
.l_home_news .box.title{width: 25%;}

.category_menu{display: flex;margin-bottom: 20px;}
.area_news_list{width: 75%;}

ul.newslist{background: url(../images/line_dash.png) repeat-x left top;min-height:284px;}
.newslist li{background: url(../images/line_dash.png) repeat-x left bottom;}
.newslist li a{display: table;width: 100%;padding: 20px 0 19px;
line-height: 21px;}
.newslist li a:hover{background-color: rgba(255,255,255,0.3);}
.newslist li a br{display: none;}
.category_menu li{margin-right: 10px;}
.category_menu li a{display: inline-block;line-height: 28px;color: #fff;width: 119px;text-align: center;-webkit-border-radius: 14px; border-radius: 14px;}

.newslist li time{display: table-cell;width: 14%;}
.newslist li span.icon{width: 92px;display: table-cell;}
.newslist li span.icon span{line-height: 21px;color: #fff;width: 92px;font-size: 87.5%;-webkit-border-radius: 10px; border-radius: 10px;display: inline-block;text-align: center;}

.cate_01{background-color: #107934;}
.cate_02{background-color: #eba634;}
.cate_03{background-color: #e60012;}
.cate_04{background-color: #0067e6;}
.newslist li span.title{display: table-cell;padding: 0 20px;text-align: left;width: 100%;}
.newslist li a.pdf span.title{padding: 0 20px 0 55px;background: url(../images/icon_pdf.png) no-repeat 25px top;}

/*******  おいしいレシピ  *************/
.l_home_recipe{background: url(../images/top/bg_top_recipe.jpg) no-repeat left bottom;max-width: 1920px;margin: 0 auto;height: 740px;
-webkit-background-size:auto 100%;background-size:auto 100%;}
.l_home_recipe > div{background-color: rgba(255,255,255,0.4);overflow: hidden;height:100%;padding:0 40px;}
.l_home_recipe .l_wrap{display:-webkit-flex;display:flex;justify-content: space-between;height: 100%;}
.l_home_recipe .title{width: 280px ; display: flex;flex-wrap: wrap;margin-top:-80px;align-items:center;}
.l_home_recipe .title .in_title{padding-top:40px;}
.l_home_recipe .title .date{display:block;text-align:center;margin-top:10px;}
.l_home_recipe .come_btn a{width: 238px;line-height: 40px;font-size: 112.5%;}

.l_home_recipe .list{padding:60px 0 70px 25px;margin-right:-25px;}
.l_home_recipe .list .wrap{}
.l_home_recipe .list ul{margin-bottom:50px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.l_home_recipe .list li{margin:0 10px;}
.l_home_recipe .list li a{font-weight:bold;background:url(../images/icon_search.jpg) 27px 50% no-repeat #fff;color:#3c1003;border:1px solid #3c1003;padding:10px 44px 10px 72px;font-size:20px;line-height:1.1;display:block;-webkit-border-radius: 20px; border-radius: 20px;
-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.l_home_recipe .list li a:hover{-webkit-transform: scale(1.1);transform:scale(1.1);}
.l_home_recipe .list .area{margin-right:-45px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.l_home_recipe .list .box{width:240px;margin-right:45px;margin-bottom:25px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.l_home_recipe .list .box:hover{box-shadow: 0 0 15px rgba(111,106,94,0.33); -webkit-box-shadow: 0 0 15px rgba(111,106,94,0.33);-webkit-transform:translateY(-10px);transform:translateY(-10px); }
.l_home_recipe .list .box > a{background:url(../images/corner.jpg) right bottom no-repeat #faf6ed;display:block;position:relative;}
.l_home_recipe .list .image{width:240px;height:180px;background:none 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover;}
.l_home_recipe .list .text{text-align:center;font-weight:bold;color:#3c1003;height:50px;padding:5px 10px;line-height:1.3;width:100%;display:-webkit-flex;display:flex;align-items:center;
-webkit-box-sizing: border-box;box-sizing: border-box;}
.l_home_recipe .list .icon{display:-webkit-flex;display:flex;align-items:center;text-align:center;position:absolute;top:5px;right:5px;width:55px;height:55px;background-color:#fff;text-align:center;font-size:16px;line-height:20px;font-weight:bold;-webkit-border-radius: 50%;border-radius: 50%;
-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.5);box-shadow: 0 10px 10px rgba(0,0,0,0.5);}
.l_home_recipe .list .icon_none{display:none;}
.l_home_recipe .list .icon_new{display:block;padding:17.5px 0;}


/*******  商品紹介  *************/
.l_home_goods .l_wrap{padding-top: 89px;padding-bottom: 66px;}
.l_home_goods .area_list{min-height:634px;}
.l_home_goods .box{width: 25%;}
.l_home_goods .box.item{padding: 0 8px 23px;height: 317px;}
.l_home_goods .box.item a{text-decoration: none; display: flex;  justify-content: center;align-items: center;width: 100%;height: 100%;background: url(../images/bg_shaded.png) repeat left top;-webkit-border-radius: 5px;border-radius: 5px;border: 1px solid #eceae4;
-webkit-transition: all ease-in .2s;transition: all ease-in .2s;
-webkit-transform: scale(1);transform: scale(1);}
.l_home_goods .box.item a:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
.l_home_goods .box a span.inner span{display: block;text-align: center;}
.l_home_goods .box a span.inner span.name{font-size: 150%;font-weight: bold;}
.l_home_goods .box.item_cate_3 span.name{font-size: 100% !important;}
.l_home_goods .box.item_cate_7 span.name{font-size: 120% !important;}
.l_home_news .come_btn a,.l_home_goods .come_btn a{width: 185px;font-size: 112.5%;margin: 0 auto;line-height: 40px;}

.box.title{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;position: relative;}
.box.title .come_btn{}

/*******  プレスリリース  *************/
.l_home_press_release .l_wrap{padding-top: 46px;padding-bottom: 46px;}
.l_home_press_release .box{width:780px;margin-right:auto;margin-left:auto;padding:17px 17px 7px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.l_home_press_release .box h2{text-align:center;font-weight:bold;margin-bottom:20px;font-size:20px;}
.l_home_press_release .box dl{font-size:0.95rem;padding-bottom:10px;}
.l_home_press_release .box dt{font-weight:bold;padding-bottom:3px;}
.l_home_press_release .box dd{padding-bottom:20px;}
.l_home_press_release .box a:link,.l_home_notice .box_notice a:visited{text-decoration:underline;}

/*******  下部メニュー  *************/
.bottom_menu .area_list{max-width: 1920px;margin: 0 auto;}
.bottom_menu .box{max-width: 640px;width: 33.33333% ; width: -webkit-calc(100% / 3) ;width: -moz-calc(100% / 3);width: calc(100% / 3) ;text-align: center;overflow: hidden;height: 610px;}
.bottom_menu .box a{text-decoration: none; display: flex;  justify-content: center;align-items: center;width: 100%;height: 100%;color: #fff;}
.bottom_menu .box.menu_history a{background: url(../images/top/bg_top_history.jpg) no-repeat 50% 50%;}
.bottom_menu .box.menu_shopping a{background: url(../images/top/bg_top_shopping.jpg) no-repeat 50% 50%;}
.bottom_menu .box.menu_faq a{background: url(../images/top/bg_top_faq.jpg) no-repeat 50% 50%;}

.bottom_menu .box a span.inner{padding: 0 10px;}
.bottom_menu .box a span.inner span{display: block;text-align: center;}

.bottom_menu .box a span.btn{color: #fff;font-size: 112.5%;line-height: 42px;margin: 40px auto 0;width: 240px;padding: 0;display: block;text-align: center;background-color: #e60012;-webkit-border-radius: 21px;border-radius: 21px; position: relative;font-weight: bold;
-webkit-transition: opacity ease-in .3s;transition: opacity ease-in .3s;}
.bottom_menu .box a:hover span.btn{cursor: pointer;opacity: 0.6;}

/*******  下部メニュー  *************/
.l_footer_link .l_wrap{ padding: 38px 0;}
.l_footer_link ul.link_list{ display: flex;align-items: center;display: flex;justify-content: center; }
.l_footer_link ul li{-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;align-items: center;display: flex;justify-content: center;padding: 0 10px;}