@charset "UTF-8";
@import "style_third.css";
@import "style.css";

/**H1タイトル**/
.l_title .box{width:1080px;padding:50px 0 20px;min-height:275px;margin-right:auto;margin-left:auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:cenrer;justify-content:cenrer;}
.l_title .box.wide{padding:40px 0;}
.l_title .text{width:540px;margin-top:-20px;}
.l_title .text h1{font-size: 37px;font-family: "Caviar Dreams";color: rgb(60, 16, 3);font-weight: bold;line-height: 1.2;text-align: center;background: url(../images/ikari_mark.png) no-repeat top center;background-size: 37px;padding-top: 40px;}
.l_title .text h1.free_title{font-size: 30px;font-weight: normal;}
.l_title .text p{margin:20px auto 0;font-size: 112.5%;max-width: 360px;padding: 12px 0 28px;}

.l_title .text span{display:block;font-size: 20px;font-family: "Hiragino Kaku Gothic Pro";line-height: 1.2;text-align: center;}
.l_title .image{width:540px;text-align:center;;}
.l_title .image img{max-width:100%;max-height:100%;}

.l_breadcrumb {background: #faf6ed; }
.l_breadcrumb ul {text-align: left;max-width: 1080px; margin: 0 auto; font-size: 14px;line-height: 1.2;}
.l_breadcrumb ul .current{display:inline-block;color:#e60012;}

.l_title.bg_green{background-image: url(../images/bg_ptn_grn.png);}
.l_title.bg_white{background-image: url(../images/bg_ptn_w.png);}
.l_title.bg_red {background-image: url(../images/bg_ptn_rd.png);}
.l_title.bg_yellow{background-image: url(../images/bg_ptn_ylw.png);}

/*プラポ*/
.contents_privacy{padding:60px 0 90px;}

/*特定商取引法に関する表記*/
.contents_salelaw{padding:60px 0 90px;}

/** ikarihistory **/
.contents_history{min-height: 14644px;overflow: hidden;width: 1080px;}
.contents_history section{position:fixed;z-index:100;width: 1080px;left:50%;margin-left:-540px;display:none;}

.history_log{display:block;}

.history_log h2{font-size: 80px;font-family: "Caviar Dreams";color: #e60012;font-weight: bold;line-height: 1.2;text-align: center;}
.history_mark p{text-align:center;padding:70px 0 5px;height:264px;background:url(../images/history_ikari_mark_bg.png) 50% 0% repeat-x;}

.history_tale{font-family: "Hiragino Kaku Gothic Pro";color: #e60012;}
.history_tale h3{font-size: 24px;text-align: center;margin-bottom:40px;font-weight:bold;}
.history_tale .text{font-size: 18px;line-height: 1.5;text-align: center;margin-bottom:40px;}
.history_tale ul{width: 500px;margin-right:auto;margin-left:auto;text-align:center;}

.history_sause p{text-align:center;padding-top:60px;}

.history_happy .inner{width:540px;padding:60px 40px 0;font-family: "Hiragino Kaku Gothic Pro";color: #e60012;}
.history_happy h3{font-size: 59px;line-height: 1.2;text-align: center;    font-weight: bold;}
.history_happy p{font-size: 18px;text-align: left;padding:40px 20px 0;}

.history_chronology .inner{position: relative;width: 100%;padding: 0 15px;}
.history_chronology .inner:before,
.history_chronology .inner:after{content: "";position: absolute;display: block;}
.history_chronology .inner:before {width: 20px;background-image:  url(../images/chain_bd.png);top: -16px;bottom: 35px;left: 50%;z-index: 1;}

.history_chronology .box{position: relative;padding-bottom: 90px;}
.history_chronology .image,
.history_chronology .text {position: relative;z-index: 1;width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;}

.history_chronology .image_left_type .image,
.history_chronology .image_right_type .text{padding-right: 50px;}

.history_chronology .image_right_type .image,
.history_chronology .image_left_type .text{padding-left: 80px;}

.history_chronology h3{font-size: 24px;font-weight: bold;font-family: "Hiragino Kaku Gothic Pro";color: rgb(230, 0, 18);line-height: 1.2;/*text-align: right;*/margin-bottom:40px;}
.history_chronology .image_left_type h3{text-align:right;}

.history_chronology .image_left_type ul{display:-webkit-flex;display:flex;justify-content: flex-end;flex-wrap: wrap;}
.history_chronology .image_right_type ul{display:-webkit-flex;display:flex;flex-wrap: wrap;}

.history_chronology .year {clear: both;position: relative;font-size: 60px;font-family: "Caviar Dreams";color: rgb(230, 0, 18);font-weight: bold;line-height: 1.2;z-index: 1;font-style: italic;}
.history_chronology .year.first_fixed{margin-top: -50px;}
.history_chronology .year span {display: block;font-family: "Hiragino Kaku Gothic Pro";  font-size: 18px;font-weight: bold;line-height: 1.2;  margin-top: -5px;font-style: normal;}
.history_chronology .year{top: -11px;} 

.history_chronology .image_left_type .year {text-align: right;margin-right: 50%;padding-right: 50px;}
.history_chronology .image_left_type .year::after {right: -55px;}
.history_chronology .image_right_type .year {text-align: left;margin-left: 50%;padding-left: 65px;}
.history_chronology .image_right_type .year::after {left: -5px;}

.history_chronology .anchor{position:fixed;top:0;left:50%;margin-top:-200px;margin-left:-19px;width:89px;height:89px;
-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.history_chronology .anchor.is_active{margin-top:0;}

.history_chronology .anchor {
    -webkit-animation: swing linear 3s infinite;
    -webkit-transform-origin: center -30px 0;
    animation: swing linear 3s infinite;
    transform-origin: center -30px 0;
    display: block;
    float:left;
}
 
@-webkit-keyframes swing {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(5deg); }
    50% { -webkit-transform: rotate(0deg); }
    75% { -webkit-transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(0deg); }
}    
@keyframes swing {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(5deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}

.history_comment{top:400px;-webkit-transition: opacity 0.3s ease-in;transition: opacity 0.3s ease-in;}
.history_comment p{text-align: center; color: #e60012;font-weight: bold;font-size: 22px;line-height:2;}

/**関西vs広島 粉もん対決！**/
.content_about_konamon{padding-bottom: 90px;background:none 50% 50% no-repeat;background-image: url(../images/teach_about_bg.jpg);-webkit-background-size:cover;background-size:cover;background-attachment:fixed;}
.content_about_konamon h1{background:url(../images/title_teach_about_01.jpg) no-repeat 50% 50%;-webkit-background-size:cover;background-size:cover;}
.content_about_konamon h1 img{width:100%;opacity:0;-webkit-transition: all 0.6s ease-in;transition: all 0.6s ease-in;}
.content_about_konamon h1.reached img{opacity:1;}
.content_about_konamon .roots_image{text-align: center;padding: 60px 0 90px;}
.content_about_konamon .roots_image img{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);
-webkit-transition: all .3s ease-in;transition: all .3s ease-in;}
.content_about_konamon .roots_image.reached img{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.content_about_konamon .history_wrapper{margin-bottom:90px;}
.content_about_konamon .comparison_wrapper{margin-bottom:10px;}
.content_about_konamon .comparison_type .kansai{    width: 540px;}
.content_about_konamon .comparison_type .hirosima{    width: 535px;}

.content_about_konamon .comparison_type .konamon_wrapper{display: flex;flex-wrap: wrap;justify-content: center;}
.content_about_konamon .comparison_type .konamon_wrapper span{margin-bottom: 80px;margin-right: 30px;}
.content_about_konamon .comparison_type .hirosima_wrapper{display: flex;flex-wrap: wrap;justify-content: center;}
.content_about_konamon .comparison_type .hirosima_wrapper span{display:block;box-sizing: border-box;flex: 0 1 calc(100% / 1);text-align: center;margin-bottom: 80px;}

.content_about_konamon .btn_wrapper{margin-bottom:80px;}
.content_about_konamon .btn_wrapper .come_btn a{ position: relative;color: #e60012;background-color: #fff;text-decoration: none;font-weight: bold;border: 2px solid #e60012;width: 418px;padding: 15px 0;border-radius: 30px;}
.content_about_konamon .come_btn a:after{position: absolute;content: "";right: 23px;top: 45%;width: 6px;height: 6px;border-top: 2px solid #ea4033;border-right: 2px solid #ea4033;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.sns_wrapper div{position: relative;display: block;width:398px;padding-top:28px;margin-right:auto;margin-left:auto;}
.sns_wrapper div > a{display: block;width: 70px;height: 70px;position: absolute;top: 5px;background:none 50% 50% no-repeat;
-webkit-background-size:cover;background-size:cover;}
.sns_wrapper div .twi{left: 78px;background-image:url(../images/share_sns_t.png);}
.sns_wrapper div .fb{left: 170px;background-image:url(../images/share_sns_f.png);}
.sns_wrapper div .line{right: 64px;background-image:url(../images/share_sns_l.png);}

/** 会社情報 サイドバナー **/
.company_diveine_side{width: 220px;}
.company_diveine_side h2{background-color:#faf6ed;font-weight:bold;padding:10px;}
.company_diveine_side ul li{padding: 10px;border-bottom: 1px solid #ddd;position: relative;}
.company_diveine_side ul li a:hover,
.company_diveine_side ul li.on a{color:#ea4033;}
.company_diveine_side ul li a{display:block;text-decoration:none;}
.company_diveine_side ul li:after {position: absolute;content: "";right: 15px;top: 45%;width: 6px;height: 6px;border-top: 2px solid #ea4033;border-right: 2px solid #ea4033;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.company_diveine_cont{width:820px;}

/**社長挨拶**/
.contents_greeting{padding:60px 0 90px;}
.contents_greeting .company_diveine_cont .title {font-size:145%;font-weight:bold;}
.contents_greeting .company_diveine_cont .com_box.fix_greeting .img {width: 220px;margin: 0 0 10px 20px;}
.contents_greeting .company_diveine_cont .com_box .img {text-align: center;width: 280px;border: 1px solid #d2d2c8;padding: 14px;}

/**沿革**/
.contents_company_history{padding:60px 0 90px;}
.company_history table{width:100%;}
.company_history table th{font-weight: bold;width:230px;}
.company_history table td {width: 500px;}
.company_history table th,.company_history table td{padding: 15px 10px;border-bottom: 1px solid #ddd;}

/**役員紹介**/
.contents_company_officer{padding:60px 0 90px;}
.contents_company_officer table{width:100%;}
.contents_company_officer table th,.contents_company_officer table td{padding: 45px 10px;border-bottom: 1px solid #ddd;}
.contents_company_officer table th{width:200px;padding-right:20px;font-weight: bold;text-align:right;}
.contents_company_officer table td.name{width:180px;}
.contents_company_officer table td.image{padding-right:160px;}
.contents_company_officer table td.image span{text-indent:150%; white-space:nowrap; overflow:hidden;display:block;width:227px;height:280px;background:none 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover;}

/**採用情報**/
.contents_company_careers{padding:60px 0 90px;}
.contents_company_careers .add_careers{display: block;font-size: 135%;font-weight:bold;color: rgb(60, 16, 3);margin-bottom: 30px;}
.contents_company_careers .careers_intro{font-size: 14px;padding: 20px;margin: 0 0 20px;border: 1px solid #cdcdcd;border-radius: 5px;}
.contents_company_careers .company_history h3 {font-size: 125%;font-weight: bold;    border-bottom: 1px solid #ddd;padding: 20px 10px 20px;}
.contents_company_careers .question_tel{width: 540px;margin:90px auto 0;padding: 20px;border: 3px solid #e60012;text-align: center;}
.contents_company_careers .question_tel .title{font-weight: bold;line-height: 1.2;background: url(../images/ikari_mark.png) no-repeat top center;background-size: 37px;padding-top: 50px;margin-bottom: 10px;}
.contents_company_careers .question_tel .tel{font-size: 27px;font-weight: bold;margin-bottom:5px;}
.contents_company_careers .section{display:none;}
.contents_company_careers .section.on{display:block;}
.contents_company_careers ul.navi{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:30px;}
.contents_company_careers ul.navi li{margin-right:10px;}
.contents_company_careers ul.navi li.on{}
.contents_company_careers ul.navi li a{text-align:center;line-height:1.2;display:inline-block;padding:8px 15px;border:2px solid rgb(60, 16, 3);
-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.contents_company_careers ul.navi li a:hover,
.contents_company_careers ul.navi li.on a{color:#fff;background-color:rgb(60, 16, 3);text-decoration:none;}

/**会社概要**/
.contents_company_infomation{padding:60px 0 90px;}

.contents_company_infomation table{width:100%;}
.contents_company_infomation h3{border-bottom: 1px solid #ddd;padding: 20px 10px;font-weight: bold;}
.contents_company_infomation table th{font-weight: bold;width:150px;}
.contents_company_infomation table td {width: 500px;}
.contents_company_infomation table th,.contents_company_infomation table td{padding: 15px 10px;border-bottom: 1px solid #ddd;}

/**食品安全方針**/
.contents_safety{padding:60px 0 90px;}
.contents_safety .company_diveine_cont .title {font-size:145%;font-weight:bold;margin-bottom:20px;}

/**よくある質問**/
.contents_faq{padding:60px 0 90px;}

.contents_faq h2{font-size:145%;font-weight:bold;text-align:center;margin-bottom:40px;}
.contents_faq .faq_menu ul{ display: flex;flex-wrap: wrap;justify-content: space-between;}
.contents_faq .faq_menu ul li{width:520px;min-height:78px;padding:10px;border-bottom:1px dashed #cdcdcd;margin-right:10px;display: block;-webkit-box-sizing: border-box;box-sizing: border-box;}
.contents_faq .faq_menu ul li a{text-decoration: none;display: block;padding-bottom: 10px;}
.contents_faq .faq_menu ul li a:hover{color: #e60012;}
.contents_faq .faq_menu {margin-bottom:90px;}

.contents_faq .faq_list{}
.contents_faq .faq_list dt,.contents_faq .faq_list dd{position: relative;padding:30px 70px;}
.contents_faq .faq_list dt{font-weight:bold;background-color: #faf6ed;}
.contents_faq .faq_list dt:before {width: 40px;height: 40px;line-height: 40px;border-radius: 20px;top: 20px;left: 10px;content: "Q";display: inline-block;position: absolute; background-color: #e60012;text-align: center;color: #fff;}
.contents_faq .faq_list dd:before {width: 40px; height: 40px;line-height: 40px;border-radius: 20px;left: 10px;top: 20px;content: "A";display: inline-block;position: absolute;background-color: #eba634;text-align: center;color: #fff;}
    
/*フリーページ*/
.contents_free{padding:60px 0 90px;}
.contents_free h2.title {border-bottom: #e60012 solid 1px;display: block;font-size: 22px;font-family: "Hiragino Kaku Gothic Pro";color: rgb(60, 16, 3);line-height: 1.061;text-align: left;padding-bottom: 10px;}
.contents_free .text{margin-bottom:60px;}

/**レシピ**/

/*--* サイドメニュー *--*/
.recipe_menu{width:220px;}
.recipe_menu .search .box{position:relative;}
.recipe_menu .search .box .come_btn{position: absolute;top: -1px;width: 50px;}
.recipe_menu .search .box input[type="submit"]{width: 43px;height: 43px;line-height:8px;border-radius: 0px 5px 5px 0px;     background-image: url(../images/search_icon.png);background-position: center;background-repeat: no-repeat;}
.recipe_menu .search .box input.formtxt {width:150px;padding: 13px;border: 1px solid #cdcdcd;border-radius: 5px 0px 0px 5px;}

.recipe_menu .side_category_menu{border: 1px #cbc5be solid;border-radius: 5px;}
.recipe_menu .side_category_menu .side_menu_title{text-align:center;  background-color: #fcf7f2;padding:20px 0;  font-size: 16px;font-family: "Hiragino Kaku Gothic Pro";font-weight: bold;}

.recipe_menu .side_category_menu p.side_name{position: relative;border-bottom: #cbc5be solid 1px;margin: 0 10px;}
.recipe_menu .side_category_menu p.side_name a{display:block;padding: 15px 0 15px 60px;font-size: 16px;font-family: "Hiragino Kaku Gothic Pro";text-align: left;background-color:#fff;}
.recipe_menu .side_category_menu p.side_name a:hover{background-color:#fcf7f2;color:#e60012;}
.recipe_menu .side_category_menu p.side_name::before {content: "";position: absolute;display: block;}
.recipe_menu .side_category_menu .product::before{width: 40px;height: 53px;background-image: url(../images/menu_icon01.png);    left: 10px;top: 0;}
.recipe_menu .side_category_menu .event::before{width: 51px;height: 34px;background-image: url(../images/menu_icon02.png);    top: 10px;left: 5px;}

.recipe_menu .cuisine_list .cuisine_title{position: relative;border-bottom: #cbc5be solid 1px;margin: 0 10px 10px;font-size: 16px;font-family: "Hiragino Kaku Gothic Pro";text-align: center;padding: 15px 30px;}
.recipe_menu .cuisine_list .cuisine_title::after {content: "";position: absolute;display: inline-block;width: 10px;height: 10px; border-bottom: 1px solid #512a1f;border-right: 1px solid #512a1f;transform: rotate(45deg);right: 15px;top:20px;}
.recipe_menu .cuisine_list li a{padding:0 20px;display:block;}
.recipe_menu .cuisine_list li.on a,
.recipe_menu .cuisine_list li a:hover{background-color:#fcf7f2;color:#e60012;}
.recipe_menu .cuisine_list.tail .cuisine_title{border-top:1px solid #cbc5be;}

/*--* ページャー *--*/
.recipe_pager{text-align:center;    margin:0 auto 20px;}
.recipe_pager li{margin:0 7px;display: inline-block;}
.recipe_pager li.num,.recipe_pager li.cur,.recipe_pager li.arrow{width:40px;text-align:center;height:40px;line-height:40px;border-radius: 5px;}
.recipe_pager li a{width:100%;height:100%;display:block;}
.recipe_pager a:link,.recipe_pager a:visited,.recipe_pager a:hover,.recipe_pager a:focus{color:#fff;text-decoration:none;}
.recipe_pager li a:link, .recipe_pager li a:visited{border:2px solid #e60012;background-color:#fff;border-radius: 5px;color:#e60012;}
.recipe_pager li a:hover, .recipe_pager li a:focus{background-color:#e60012;color:#fff;}
.recipe_pager li.dott{width:auto;height:40px;line-height:40px;color:#000;}
.recipe_pager li.cur{color:#fff;background:#e60012;border:2px solid #e60012;}
.recipe_pager li.arrow{color:#fff;background:#cdcdcd;}

/**レシピ**/
.contents_recipe.index{padding:60px 0 0px;}
.contents_recipe.index .recipe_title{font-size: 30px;font-family: "Hiragino Kaku Gothic Pro";font-weight:bold;line-height: 0.778;text-align: center;padding-bottom: 30px;margin-bottom: 60px;border-bottom: #cbc5be solid 1px;}
.contents_recipe.index .recipe_title > span.t_add{display:block;text-align:center;font-size:16px;margin-top:10px;}
.contents_recipe.index .recipe_cont{width: 820px;padding-bottom: 90px;border-bottom: #cbc5be solid 1px;margin-bottom: 90px;}
.contents_recipe.index .recipe_cont .wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;}

.contents_recipe.index .recipe_cont .box{width:397px;margin-bottom: 30px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-box-sizing: border-box;box-sizing: border-box;display: flex;flex-wrap: wrap;}
.contents_recipe.index .recipe_cont .box > a{display:block;position:relative;padding:6px 6px 20px;border: 1px #cbc5be solid;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.contents_recipe.index .recipe_cont .box > a:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px); -webkit-box-shadow: 0 0 15px rgba(111,106,94,0.33);box-shadow: 0 0 15px rgba(111,106,94,0.33);}
.contents_recipe.index .recipe_cont .box .image{width:383px;height:287.25px;display:block;background:none 50% 50% no-repeat #fff;-webkit-background-size:contain;background-size:contain;}
.contents_recipe.index .recipe_cont .box .text{padding:19px 10px 20px;}
.contents_recipe.index h3 {font-size: 30px;font-family: "Hiragino Kaku Gothic Pro";color: rgb(60, 16, 3);font-weight: bold;line-height: 0.778;text-align: center;background: url(../images/ikari_mark.png) no-repeat top center;background-size: 37px;padding-top: 40px;margin-bottom:40px;}
.recipe_detail_title{font-size: 18px;font-weight:bold;font-family: "Hiragino Kaku Gothic Pro";line-height: 1.284;text-align: left;}

.contents_recipe.index .recipe_cont .box .icon{display: block;width: 115px;height: 55px;position: absolute;top: -10px;left: -12px;background:none no-repeat left top;-webkit-background-size:contain;background-size:contain;text-indent:100%;white-space:nowrap;overflow:hidden;z-index: 10; }
.contents_recipe.index .recipe_cont .box .icon_new{background-image:url(../images/top/icon_new.png);}
.contents_recipe.index .recipe_cont .box .icon_pickup{background-image:url(../images/top/icon_pickup.png);}

.contents_recipe.index .recipe_cont .info{margin-right:-20px;}
.contents_recipe.index .recipe_cont .info li{position:relative;display: inline-block;padding: 0px 16px 0px 30px;height:24px;}
.contents_recipe.index .recipe_cont .info li.sp{padding:0px 0px 0px 35px;}
.contents_recipe.index .recipe_cont .info li::before {content: "";position: absolute;display: block;top: 0px;left: 0px;}
.contents_recipe.index .recipe_cont .info .cl::before {width: 23px;height: 23px;background-image: url(../images/clock_icon.png);}
.contents_recipe.index .recipe_cont .info .ht::before {width: 23px;height: 23px;background-image: url(../images/heart_icon.png);}
.contents_recipe.index .recipe_cont .info .sp::before {width: 30px;height: 20px;background-image: url(../images/spoon_icon.png);}

.contents_recipe.index .search_wrapper{/*padding-bottom:90px;*/display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.contents_recipe.index .search_wrapper .box{width:25%;-webkit-display:flex;display:flex;}
.contents_recipe.index .search_wrapper .box > *{display:block;border: 1px solid #fcf7f2;width:184px;padding: 15px;
-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.contents_recipe.index .search_wrapper .box > a:hover{background-color:#fcf7f2;}
.contents_recipe.index .search_wrapper .box .image{display:block;height:184px;width:184px;background:none 50% 50% no-repeat #fff;-webkit-background-size:contain;background-size:contain;}
.contents_recipe.index .search_wrapper .box .name{display:block;margin-top:10px;}
.contents_recipe.index .search_wrapper .box > span.disable .image{-webkit-filter: grayscale(100%);filter: grayscale(100%);}

.contents_recipe.index .search_category{margin-bottom:50px;text-align:center;}
.contents_recipe.index .search_category li{display:inline-block;min-width:120px;margin:0 10px;}
.contents_recipe.index .search_category li span{display:block;padding:10px;text-align:center;font-weight:bold;background-color:#fcf7f2;
-webkit-border-radius: 5px;border-radius: 5px;}
.contents_recipe.index .search_category li.active span,
.contents_recipe.index .search_category li span:hover{background-color:#3c1003;color:#fff;}
.contents_recipe.index .search_category li span:hover{cursor:pointer;}

.contents_recipe.index .event_recipe{padding:90px 0;}
.contents_recipe.index .event_wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.contents_recipe.index .event_wrapper .box{width:247px;padding-right: 30px;margin-bottom:30px;display:-webkit-flex;display:flex;}
.contents_recipe.index .event_wrapper .box > a{display:block;background-color:#fff;
-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.contents_recipe.index .event_wrapper .box > a:hover{background-color:#fcf7f2;color:#e60012;}
.contents_recipe.index .event_wrapper .box:nth-of-type(4),.contents_recipe.index .event_wrapper .box:nth-of-type(8){padding-right: 0px;}
.contents_recipe.index .event_wrapper .box .img{display:block;width:248px;height:186px;background:none 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover;}
.contents_recipe.index .event_wrapper .box .name {display:block;font-weight:bold;text-align:center;padding:20px;font-size: 18px;font-family: "Hiragino Kaku Gothic Pro";line-height: 1.297;}
.contents_recipe.index .to_goods{text-align:center;padding-top:30px;}
.contents_recipe.index .to_goods a{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.contents_recipe.index .to_goods a:hover{cursor:pointer;opacity:0.8}

/***-レシピ詳細-***/
/**スライダー**/
.contents_recipe_detail .flexslider{position: relative;zoom: 1;}
.contents_recipe_detail .flex-direction-nav {*height: 0;}
.contents_recipe_detail .flex-direction-nav a {text-decoration: none;display: block;width: 40px;height: 30px;margin: -20px 0 0;position: absolute;top: 50%;z-index: 10;overflow: hidden;opacity: 0;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.contents_recipe_detail .flex-direction-nav a:before {display: inline-block;content: "";width: 15px;height: 15px;position: relative;margin: 0 0 10px;bottom: -6px;}
.contents_recipe_detail .flex-direction-nav a.flex-prev:before {border-bottom: 2px solid #e60012;border-left: 2px solid #e60012;-webkit-transform: rotate(45deg);transform: rotate(45deg);left: 15px;}
.contents_recipe_detail .flex-direction-nav a.flex-next:before {border-top: 2px solid #e60012;border-right: 2px solid #e60012;-webkit-transform: rotate(45deg);transform: rotate(45deg);right: 15px;}

.contents_recipe_detail .flex-direction-nav a.flex-next:before {content: "";}
.contents_recipe_detail .flex-direction-nav .flex-prev {left: -50px;}
.contents_recipe_detail .flex-direction-nav .flex-next {right: -50px;text-align: right;}
.contents_recipe_detail .flexslider:hover .flex-direction-nav .flex-prev {opacity: 0.7;left: 10px;}
.contents_recipe_detail .flexslider:hover .flex-direction-nav .flex-prev:hover {opacity: 1;}
.contents_recipe_detail .flexslider:hover .flex-direction-nav .flex-next {opacity: 0.7;right: 10px;}
.contents_recipe_detail .flexslider:hover .flex-direction-nav .flex-next:hover {opacity: 1;}
.contents_recipe_detail .flex-direction-nav .flex-disabled {opacity: 0!important;filter: alpha(opacity=0);cursor: default;z-index: -1;}

/**ページ**/
.contents_recipe_detail .recipe_head_title{margin-bottom:20px;position:relative;padding-top:60px;}
.contents_recipe_detail .recipe_head_title h2{font-weight: bold;font-size: 187.5%;padding-right:280px;}

.contents_recipe_detail .recipe_detail_explanation{width:400px;}
.contents_recipe_detail .recipe_detail_image{width:640px;}
.contents_recipe_detail .recipe_detail_image ul.slides li{width:640px;height:480px;}
.contents_recipe_detail .recipe_detail_image ul.slides li span{display:block;width:100%;height:100%;background:none 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover;}

.contents_recipe_detail h3.recipe_ttl,
.contents_recipe_detail h3.material_ttl,
.contents_recipe_detail h3.used_ttl{position:relative;font-size: 22px;font-family: "Hiragino Kaku Gothic Pro";padding:0 0 10px 30px;margin-bottom:20px;border-bottom:1px solid #e60012;}
.contents_recipe_detail h3.recipe_ttl::before,
.contents_recipe_detail h3.material_ttl::before,
.contents_recipe_detail h3.used_ttl::before{width: 33px;height: 30px;content: "";position: absolute;display: block;top: 0;left: -8px;background-position: center;background-repeat: no-repeat;}
.contents_recipe_detail h3.recipe_ttl::before {background-image: url(../images/recipe_ttl_icon.png);}
.contents_recipe_detail h3.material_ttl::before {background-image: url(../images/material_ttl_icon.png);}
.contents_recipe_detail h3.used_ttl::before {background-image: url(../images/used_ttl_icon.png);}

.contents_recipe_detail .print_btn a{background-color: #e60012;position: relative;width: 240px;display: block;text-align: center;padding: 10px 0 10px 20px;border-radius: 30px;color: #fff;text-decoration: none;font-weight: bold;}
.contents_recipe_detail .print_btn a::before{content: "";display: inline-block;width: 24px;height: 22px;background: url(../images/print_btn_icon.png) no-repeat 50% 50%;position: absolute;left: 40px;}

.recipe_detail_howto .box{border-bottom: 1px dotted #cbc5be;padding:20px 0;}
.recipe_detail_howto .box .num{font-family: "Caviar Dreams";font-weight:bold;font-size: 30px;    padding: 0 15px;}
.recipe_detail_howto .box .txt{padding: 12px 0;}

.contents_recipe_detail .info{display:flex;}
.contents_recipe_detail .info li{position:relative;display: inline-block;width:213px;}

.contents_recipe_detail .info li.cl{background-color:#e4f4d6;}
.contents_recipe_detail .info li.ht{background-color:#feecf3;}
.contents_recipe_detail .info li.sp{background-color:#fffbf4;}
.contents_recipe_detail .info li span{display: block;text-align: center;position: relative;padding:15px 0;}
.contents_recipe_detail .info li span::before {content: "";position: absolute;display: block;top: 30%;left: 25px;}
.contents_recipe_detail .info .cl span::before {width: 23px;height: 23px;background-image: url(../images/clock_icon.png);}
.contents_recipe_detail .info .ht span::before {width: 23px;height: 23px;background-image: url(../images/heart_icon.png);}
.contents_recipe_detail .info .sp span::before {width: 30px;height: 20px;background-image: url(../images/spoon_icon.png);}

.contents_recipe_detail .info .cl span .title{color:#15960b;}
.contents_recipe_detail .info .ht span .title{color:#e60012;}
.contents_recipe_detail .info .sp span .title{color:#ff9f00;}

.contents_recipe_detail .detail_used .list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.contents_recipe_detail .detail_used .list .in_box{width:200px;}
.contents_recipe_detail .detail_used .list .in_box > a{text-decoration:none;padding:10px;display:block;} 
.contents_recipe_detail .detail_used .list .in_image{display:block;width:180px;height:180px;background:none 50% 50% no-repeat #fff;
-webkit-background-size:contain;background-size:contain;}
.contents_recipe_detail .detail_used .list .in_name{display:block;margin-top:10px;line-height:1.2;}

.nutrition_wrapper{margin-bottom:90px;}
.nutrition_wrapper .nutrition_ttl{border-bottom:none;}
.nutrition_wrapper .nutrition_ttl p{font-weight:bold;font-size:22px;display:inline-block;}
.nutrition_wrapper table th{background:#feecf3;border-left:#fff solid 5px;width: 180px;text-align: center;padding: 15px 0;
font-size: 16px;font-family: "Hiragino Kaku Gothic Pro";}
.nutrition_wrapper table th:last-of-type{border-right: 5px solid #feecf3;}
.nutrition_wrapper table th:first-of-type{border-left: 5px solid #feecf3;}
.nutrition_wrapper table td{border-left: 5px solid #feecf3;border-bottom: 5px solid #feecf3;padding: 15px 0;text-align: center;}
.nutrition_wrapper table td:last-child{border-right: 5px solid #feecf3;}

.recipe_detail_recipe{background: #fcf7f2;padding:90px 0;}
.recipe_detail_recipe h4{font-size: 30px;font-family: "Hiragino Kaku Gothic Pro";color: rgb(60, 16, 3);font-weight: bold;line-height: 1.2;text-align: center;background: url(../images/ikari_mark.png) no-repeat top center;background-size: 37px;padding-top: 40px;margin-bottom:40px;}

.recipe_detail_recipe .recipe_column{display: flex;flex-wrap: wrap;}
.recipe_detail_recipe .recipe_column .box{box-sizing: border-box;flex: 0 1 calc(100% / 4);}

.recipe_detail_recipe .come_btn a{margin: 0 auto;padding:7px 0;}

/** 季の皿特集 **/
.contents_recipe_tokinosara {padding:60px 0;}
.contents_recipe_tokinosara .wrapper{width:980px;margin-right:auto;margin-left:auto;}

.contents_recipe_tokinosara .btn{width:640px;padding-top:40px;margin-right:auto;margin-left:auto;text-align:center;}
.contents_recipe_tokinosara .btn.short{display: flex;flex-wrap: wrap;justify-content: space-between;}
.contents_recipe_tokinosara .btn.short a{width:298px;}
.contents_recipe_tokinosara .btn a{display:block;font-size:18px;line-height:34px;padding:7px 0;color:#fff;background:#e60012;text-decoration:none;text-align:center;-webkit-border-radius: 20px; border-radius: 20px;}
.contents_recipe_tokinosara .btn.long{width:480px;}

.contents_recipe_tokinosara .list li{padding-bottom:30px;}

.contents_recipe_tokinosara .main_image{margin-bottom:40px;}
.contents_recipe_tokinosara h2.main_title{font-size:28px;font-weight:bold;margin-bottom:30px;color: #03003c;}
.contents_recipe_tokinosara h3{font-size:22px;font-weight:bold;margin-bottom:20px;color: #03003c;}
.contents_recipe_tokinosara .explain{margin-bottom:60px;color: #413f5a;}
.contents_recipe_tokinosara .area{display: flex;flex-wrap: wrap;justify-content: space-between;}
.contents_recipe_tokinosara .box{width:460px;margin-bottom: 30px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-box-sizing: border-box;box-sizing: border-box;display: flex;flex-wrap: wrap;}
.contents_recipe_tokinosara .box > a{display:block;position:relative;padding:6px 6px 20px;border: 1px #cbc5be solid;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;
-webkit-box-sizing: border-box;box-sizing: border-box;width:100%;}
.contents_recipe_tokinosara .box > a:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px); -webkit-box-shadow: 0 0 15px rgba(111,106,94,0.33);box-shadow: 0 0 15px rgba(111,106,94,0.33);}
.contents_recipe_tokinosara .box .image{width:100%;height:383px;display:block;background:none 50% 50% no-repeat #fff;-webkit-background-size:contain;background-size:contain;}
.contents_recipe_tokinosara .box .text{padding:9px 10px 20px;}
.contents_recipe_tokinosara .box h4{font-size: 18px;font-weight:bold;font-family: "Hiragino Kaku Gothic Pro";line-height: 1.284;text-align: left;}

.contents_recipe_tokinosara .box .icon{background:none 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover;display:block;z-index: 88;width: 70px;height: 70px;position: absolute;left: -20px;top: -20px;}
.contents_recipe_tokinosara .box span.new{background-image: url(../images/new.png);}
.contents_recipe_tokinosara .box span.pickup{background-image: url(../images/pickup.png);}

.contents_recipe_tokinosara .box .info{margin-right:-20px;}
.contents_recipe_tokinosara .box .info li{position:relative;display: inline-block;padding: 0px 16px 0px 30px;height:24px;}
.contents_recipe_tokinosara .box .info li.sp{padding:0px 0px 0px 35px;}
.contents_recipe_tokinosara .box .info li::before {content: "";position: absolute;display: block;top: 0px;left: 0px;}
.contents_recipe_tokinosara .box .info .cl::before {width: 23px;height: 23px;background-image: url(../images/clock_icon.png);}
.contents_recipe_tokinosara .box .info .ht::before {width: 23px;height: 23px;background-image: url(../images/heart_icon.png);}
.contents_recipe_tokinosara .box .info .sp::before {width: 30px;height: 20px;background-image: url(../images/spoon_icon.png);}

/*** 新着情報 ***/
.contents_news{padding:60px 0 90px;}
.contents_news .news_listpage li{padding: 20px 0;border-bottom: 2px dashed #eee;}
.contents_news .news_listpage li p.date {width: 135px;font-weight:bold;}
.contents_news .news_listpage li p.news_cate {width: 130px;}
.contents_news .news_listpage li p.name {width: 754px;}
    
.contents_news .news_cate 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;font-weight: bold;}
.contents_news .icon_1{background-color: #107934;}
.contents_news .icon_2{background-color: #eba634;}
.contents_news .icon_3{background-color: #e60012;}
.contents_news .icon_4{background-color: #0067e6;}

.news_category{display:flex;margin-bottom: 20px;}
.news_category li{    margin-right: 10px;}
.news_category li a{display: inline-block;line-height: 28px;color: #fff;width: 120px;text-align: center;-webkit-border-radius: 14px;border-radius: 14px;text-decoration: none;}

.news_category li a.icon_1:hover,.news_category li.current:nth-child(1) a{color: #107934;border:2px solid #107934;background-color:#fff;width: 120px;}
.news_category li a.icon_2:hover,.news_category li.current:nth-child(2) a{color: #eba634;border:2px solid #eba634;background-color:#fff;width: 120px;}
.news_category li a.icon_3:hover,.news_category li.current:nth-child(3) a{color: #e60012;border:2px solid #e60012;background-color:#fff;width: 120px;}
.news_category li a.icon_4:hover,.news_category li.current:nth-child(4) a{color: #0067e6;border:2px solid #0067e6;background-color:#fff;width: 120px;}

.contents_news .news_detail_title{font-weight: bold;font-size: 22px;padding:10px 0;margin-bottom: 20px;border-bottom: 1px solid #e60012;}

/*--* ページャー *--*/
.news_pager{text-align:center;    margin:60px auto 20px;}
.news_pager li{margin-right:5px;display: inline-block;}
.news_pager li.num,.news_pager li.cur,.news_pager li.arrow{width:40px;text-align:center;height:40px;line-height:40px;border-radius: 5px;}
.news_pager li a{width:100%;height:100%;display:block;}
.news_pager a:link,.news_pager a:visited,.news_pager a:hover,.news_pager a:focus{color:#fff;text-decoration:none;}
.news_pager li a:link, .news_pager li a:visited{border:2px solid #e60012;background-color:#fff;border-radius: 5px;color:#e60012;}
.news_pager li a:hover, .news_pager li a:focus{background-color:#e60012;color:#fff;}
.news_pager li.dott{width:auto;height:40px;line-height:40px;color:#000;}
.news_pager li.cur{color:#fff;background:#e60012;border:2px solid #e60012;}
.news_pager li.arrow{color:#fff;background:#cdcdcd;}

/*** サイトマップ　**/
.contents_sitemap{padding:60px 0 90px;display:flex;}
.contents_sitemap ul.list{width:50%;}
.contents_sitemap li{padding:15px 0;font-weight:bold;}
.contents_sitemap li a{text-decoration:none;}


/*** Comming_soon　**/
.contents_comming_soon{padding:60px 0 90px;}
.contents_comming_soon h2{font-size: 80px;line-height: 1.2;text-align: center;font-weight: bold;
    font-family: "Hiragino Kaku Gothic Pro";color: #e60012;margin-bottom: 40px;}
.contents_comming_soon p.text{text-align: center;margin-bottom: 70px;}