@charset "utf-8";

@media only screen and (max-width:767px) {
    .viewPC { display: none; }
    
    img {
         max-width: 100%;
      }
     }

@media only screen and (min-width : 768px ){
      .viewSP { display: none; } 
      a.tel, a.tel:hover{
       cursor: text;
       text-decoration:none;
     }
      
    }

/* ボディ
------------------------------------------------- */
body {
   background: #fff;
   font-family: YuMincho, '游明朝', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;
   font-size: 15px;
   color: #000000;
   line-height: 1.6;
   letter-spacing: 0.01em;
   position:relative;
   width:100%;
   min-width:1100px;
}

.serif{
   font-family: YuMincho, '游明朝', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;
}

/* 768px未満 スマートフォン */
@media screen and (max-width: 767px) {
   body {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      font-size: 13px;
   }
}


/* 共通設定
------------------------------------------------- */

/* リンク */
a {
   color: #000000;
   text-decoration: none;
}
a:hover { text-decoration: underline; }

/* 768px未満 スマートフォン */
@media screen and (max-width: 767px) {
   a {
      color: #000000;
      text-decoration: underline;
   }
   a:hover { text-decoration: none; }
}

/* ぱんくず */
#crumbs{
   background:#F0F0F0;
   overflow:hidden;
   padding:6px 0 6px 8px;
   box-sizing:border-box;
   margin-bottom:40px;
}

#crumbs ul{
   overflow:hidden;
}

#crumbs ul li{
   float:left;
   font-size:12px;
}

#crumbs ul li a{
   text-decoration: underline;
}
#crumbs ul li a:hover{
   text-decoration: none;
}
#crumbs ul li:not(:last-child) {
   background:url(../img/common/parts/arrow_s_right.png) no-repeat right center;
   margin-right: 18px;
   padding-right: 23px;
}
@media screen and (max-width: 767px) {
   #crumbs{
      margin-bottom:10px;
      overflow:visible;
   }
   #crumbs ul li{
      font-size:10px;
   }
   #crumbs ul li:not(:last-child) {
   margin-right: 10px;
    padding-right: 16px;
   }
}

/* ボタン黒 */
.button_bk a{
   background:#383838;
   display:block;
   line-height:48px;
   color:#FFF;
   font-size:18px;
   text-align:center;
   transition:all 0.2s;
   text-decoration:none;
}
.button_bk a:hover{
   text-decoration:none;
   filter: alpha( opacity = 70 );
   opacity: 0.7;
}
.button_bk a:before{
   content:"";
   display:inline-block;
   width:6px;
   height:12px;
   background:url(../img/common/parts/arrow_w_right.png) no-repeat center left;
   padding-right:8px;
}

@media screen and (max-width: 767px) {
   .button_bk a{
      background:#383838;
      display:block;
      line-height:48px;
      color:#FFF;
      font-size:11px;
      text-align:center;
      transition:all 0.2s;
      text-decoration:none;
   }
   .button_bk a:before{
      content:"";
      display:inline-block;
      width:3px;
      height:5px;
      background: url(../img/common/parts/arrow_sp_w_01.png) no-repeat center left;
      background-size:3px 5px;
      padding-right:8px;
   }
}

/* ボタン白 */
.button_white a{
   background:#FFFFFF;
   display:block;
   line-height:48px;
   color:#383838;
   font-size:18px;
   text-align:center;
   transition:all 0.2s;
   text-decoration:none;
}
.button_white a:hover{
   text-decoration:none;
   filter: alpha( opacity = 70 );
   opacity: 0.7;
}
.button_white a:before{
   content:"";
   display:inline-block;
   width:6px;
   height:12px;
   background: url(../img/common/parts/arrow_g_right.png) no-repeat center left;
   padding-right:8px;
}

/* 768px未満 スマートフォン */
@media screen and (max-width: 767px) {
   .button_white a{
      font-size:11px;
   }
   .button_white a:before{
      content:"";
      display:inline-block;
      width:3px;
      height:6px;
      background: url(../img/common/parts/arrow_g_right.png) no-repeat center left;
      background-size: 3px 5px;
      padding-right:8px;
   }
}

/* ボタン クリア */
.button_clear a{
   display:block;
   line-height:106px;
   color:#000;
   font-size:30px;
   text-align:left;
   text-shadow: 0px 0px 9px rgba(255, 255, 255, 0.3), 0px 0px 14px rgba(255, 255, 255, 0.3);
   transition:all 0.2s;
   text-decoration:none;
   box-sizing:border-box;
   border:1px solid #F0F0F0;
   background:rgba(255, 255, 255, 0.5) url(../img/common/parts/arrow_round_bk_01.png) no-repeat right 14px center;
}

.button_clear a:hover{
   text-decoration:none;
   background:rgba(255,255,255,0.40) url(../img/common/parts/arrow_round_bk_01.png) no-repeat right 14px center;
}

/* 768px未満 スマートフォン */
@media screen and (max-width: 767px) {
   .button_clear a{
      display:block;
      line-height:48px;
      font-weight: bold;
      font-size:11px;
      background:rgba(255, 255, 255, 0.5) url(../img/common/parts/arrow_round_bk_01.png) no-repeat right 14px center;
      background-size:12px 12px;
   }
   .button_clear a:hover{
      background:rgba(255,255,255,0.40) url(../img/common/parts/arrow_round_w_01.png) no-repeat right 7px center;
      background-size:12px 12px;
   }
}

/* ヘッダー
------------------------------------------------- */
#header {
   width:100%;
   min-width:1100px;
   background: #FFFFFF;
   border-top:3px solid #383838;
   height:124px;
   position:relative;
}

#header .inner {
   width:1100px;
   height:124px;
   margin:0 auto;
   position:relative;
   padding:0px;
}

#header h1{
   position:absolute;
   left:0;
   top:0;
   margin-top:15px;
}

.h_langbtn{
    display: inline-block;
    position: absolute;
    border-radius: 2px;
    top: 92px;
    left: 154px;
}
.h_langbtn a{
    display: block;
    padding: 1px 8px 1px 18px;
    background: #313131;
    color: #FFF;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    background: #313131 url(../img/common/parts/icon_arrow_thin.png) no-repeat 8px 46%;
    border-radius: 2px;
   transition: all 0.2s;
}
.h_langbtn a:hover{
    background: #747373 url(../img/common/parts/icon_arrow_thin.png) no-repeat 8px 46%;
    text-decoration: none;
}
.header_msg{
   padding: 8px 10px;
   border-top: 3px solid #981F23;
   border-bottom: 3px solid #981F23;
   line-height: 1.2;
   position: absolute;
   top: 14%;
   right: 0;
}
.header_msg p:first-child{
   margin-bottom: 8px;
}
.h_mainmsg{
   font-size: 21px;
   font-weight: bold;
}


#header nav{
   position:absolute;
   bottom:-37px;
   margin-bottom:-22px;
   z-index:999;
   left:0;
}

#header nav ul.viewPC li{
   display:table-cell;
   background: url(../img/common/parts/arrow_w_down.png) no-repeat center bottom 4px;
   padding-bottom:15px;
   transition:0.1s all;
}

#header nav ul.viewPC li:hover{
   background: url(../img/common/parts/arrow_w_down.png) no-repeat center bottom 0px;;
}

#header nav ul.viewPC li a{
   display:block;
   color:#FFF;
   text-align:center;
   width:122px;
   height:22px;
   line-height:22px;
   font-size:18px;
   border-right:1px solid #FFF;
   text-shadow: 0px 0px 18px #000000,0px 0px 18px #000000;
}

#header nav ul.viewPC li a:hover{
   text-decoration:none;
}


#header nav ul.viewPC li + li a{
   width:194px;
}

#header nav ul.viewPC li + li + li a{
   width:184px;
}

#header nav ul.viewPC li + li + li + li a{
   width:257px;
}

#header nav ul.viewPC li + li + li + li + li a{
   width:122px;
}
#header nav ul.viewPC li + li + li + li + li + li a{
   width:214px;
}
#header nav ul.viewPC li:first-child a{
   border-left:1px solid #FFF;
}

/* 768px未満 スマートフォン */
@media screen and (max-width: 767px) {
   body{
   min-width:auto;
   }
   #header {
      width:100%;
      min-width:auto;
      background: #FFFFFF;
      border-bottom:1px solid #060606;
      border-top:0;
      height:63px;
      position:relative;
   }

   #header .inner {
      width:auto;
      height:auto;
      margin:0;
      position:relative;
   }

   #header h1{
      position: static;
      margin-top:5px;
      text-align:center;
   }

   #header h1 img{
      width:77px;
   }

   #header #menu_button{
      position:absolute;
      top:17px;
      right:15px;
      z-index:999;
      width:28px;
      height:15px;
   }

   #header .menu-trigger{
         width:28px;
         height:15px;
         }

   #header .menu-trigger,
   #header .menu-trigger span {
      display: inline-block;
      transition: all .4s;
      box-sizing: border-box;
      }

   #header .menu-trigger span {
      position: absolute;
      left: 0px;
      width: 28px;
      height: 2px;
      background-color:#131313 ;
   }
   #header .menu-trigger span:nth-of-type(1) {
      top: 0px;
   }
   #header .menu-trigger span:nth-of-type(2) {
      top: 7px;
   }
   #header .menu-trigger span:nth-of-type(3) {
      top: 14px;
   }

   #header .menu-trigger::after {
      position: absolute;
      left: -1%;
      bottom: -20px;
      content: 'MENU';
      display: block;
      width: 100%;
      color: #000;
      font-size: 8px;
      font-weight:bold;
      text-decoration: none;
      text-align: center;
      transition: all 0.4s;
      letter-spacing:0px;
   }

   /* スマホスライドメニュー */
   #header nav ul.viewSP{
      display:none;
   }
   #pageslide #SP_menu li{
      height:55px;
      line-height:55px;
      border-bottom:1px solid #666666;
      background: url(../img/common/parts/arrow_sp_w_01.png) no-repeat left 15px center;
      background-size:3px 5px;
   }
   #pageslide #SP_menu li.active{
      background: #868686 url(../img/common/parts/arrow_sp_w_01.png) no-repeat left 15px center;
      background-size:3px 5px;
   }

   #pageslide #SP_menu li:first-child{
      background:url(../img/common/parts/icon_home.png) no-repeat left 15px center;
      background-size:15px 14px;
   }
   #pageslide #SP_menu li:first-child.active{
      background: #555 url(../img/common/parts/icon_home.png) no-repeat left 15px center;
      background-size:15px 14px;
   }

   #pageslide #SP_menu li:first-child a{
      text-indent:36px;
   }

   #pageslide #SP_menu li a{
      display:block;
      text-decoration:none;
      color:#FFF;
      font-size:11px;
      text-indent:26px;
   }

   #pageslide #SP_menu li:last-child{
      background:#666666 url(../img/common/parts/icon_sp_close.png) no-repeat right 15px center;
      background-size:19px 20px;
   }
   .h_langbtn{
    top: 20px;
    left: 3%;
   }
   .h_langbtn a{
       color: #333;
    background: #FFF url(../img/common/parts/icon_arrow_thin_bk.png) no-repeat 7px 50%;
    text-decoration: none;
       font-family: Verdana, Geneva, sans-serif;
    border: 1px solid #4C4C4C;
   }
   .h_langbtn a:hover{
      color: #333;
    background: #FFF url(../img/common/parts/icon_arrow_thin_bk.png) no-repeat 7px 50%;
    text-decoration: none;
   }
   .header_msg{
      display: none;
   }
}


/* コンテンツ
------------------------------------------------- */
#wrap{
   background:url(../img/common/main/bg_02.jpg) repeat-x top 56px left;
   padding-bottom:80px;
}
.inner{
   padding:0 50px;
   box-sizing:border-box;
}
@media screen and (max-width: 767px) {
   .inner{
      padding:0 15px;
       box-sizing:border-box;
   }
}

/* コンテンツ
------------------------------------------------- */
   #contents_wrap{
   background:#FFF;
   width:1100px;
   margin:0 auto;
   padding-bottom:40px;
   overflow:hidden;
}
@media screen and (max-width: 767px) {
   #contents_wrap{
      width:100%;
   }
}
/* 768px未満 スマートフォン */
@media screen and (max-width: 767px) {
   #wrap,#contents,#top_contents{
      background:none;
      padding-bottom:20px;
   }
   #wrap{
      padding-top: 1px;
      padding-bottom: 0;
   }
}

/* メイン
------------------------------------------------- */
#main{
   display:block;
}

/* フッター
------------------------------------------------- */
#footer {
   background: url(../img/common/footer/footer_bg.jpg) center center;
   border-top:3px solid #3E2A23;
   height:246px;
   color:#FFFFFF;
   min-width:1100px;
}
#footer .inner {
   width: 1100px;
   margin: 0 auto;
   padding:0;
}
#footer .inner .viewPC .logo_area{
   width: 145px;
   margin: 52px auto 0;
}
#footer .inner p{
   text-align:center;
   font-size:12px;
}
#footer .inner .f_langbtn{
   text-align: center;
   margin: 10px auto 30px;
}
#footer .inner .f_langbtn a{
    display: inline-block;
    padding: 1px 8px 1px 18px;
    color: #313131;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    background: #FFF url(../img/common/parts/icon_arrow_thin_bk.png) no-repeat 8px 46%;
    border-radius: 2px;
   transition: all 0.2s;
}
#footer .inner .f_langbtn a:hover{
   color: #FFF;
    background: #313131 url(../img/common/parts/icon_arrow_thin.png) no-repeat 8px 46%;
    text-decoration: none;
}

/* 768px未満 スマートフォン */
@media screen and (max-width: 767px) {
   #footer {
      background: #EEEDEB;
      border-top:2px solid #3E2A23;
      height:auto;
      color:#FFFFFF;
      min-width:auto;
   }
   #footer .inner {
      width: auto;
      margin: 0;
      position:relative;
   }
   #footer .inner .viewSP ul{
      margin-bottom:19px;
   }
   #footer .inner .viewSP ul li{
      height:44px;
      line-height:44px;
      width:50%;
      float:left;
      border-bottom:1px solid #CCCCCC;
      background: url(../img/common/parts/arrow_s_right.png) no-repeat left 9px center;
      background-size:2px 4px;
      box-sizing:border-box;
      padding-left:18px;
      font-size:9px;
   }
   #footer .inner .viewSP ul li:nth-child(2n){
      border-right:1px solid #CCCCCC;
      background: url(../img/common/parts/arrow_s_right.png) no-repeat left 22px center;
      background-size:2px 4px;
      padding-left:30px;
   }
   #footer .inner .viewSP ul li:first-child{
      width:100%;
      text-align:center;
      font-weight:bold;
      background:none;
      font-size:10px;
   }
   #footer .inner .viewSP ul li:first-child img{
      width:8px;
      height:7px;
      vertical-align:middle;
      padding-right:4px;
      margin-left:-12px;
      padding-bottom: 3px;
   }
   #footer .inner .viewSP ul li a{
      display:block;
      text-decoration:none;
   }
   #footer .inner p{
      text-align:center;
      font-size:7px;
      background:#242424;
      line-height:24px;
      height:24px;
   }
   #footer .inner .button_bk a{
      background:#525252;
      width:168px;
      height:29px;
      line-height:29px;
      margin:0 auto;
      font-size:9px;
      border-radius:3px;
   }
   #footer .inner .button_bk.f_lng_btn a{
      box-sizing: border-box;
      margin-top: 10px;
   }
   #footer .inner .viewSP .logo_area {
      text-align:center;
      margin:20px 0;
   }
   #footer .inner .viewSP .logo_area img{
      width:80px;
   }
}

/* 汎用的
------------------------------------------------- */
.mt20{
   margin-top: 20px;
}
.mt_30_sp{
   margin-top: 0;
}
.mt_30{
   margin-top: -30px;
}
.sp_none{
   display: inline;
}
.pc_none{
   display: none;
}
.btnone{
   border-top: none!important;
}
.top > .inner{
   width:100%;
   min-width:1100px;
   margin:0 auto;
   padding:0;
   text-align: center;
   background: url(../img/common/main/bg_01.png) no-repeat center top; 
}

/* 768px未満 スマートフォン */
@media screen and (max-width: 767px) {
   .mt_30_sp{
      margin-top: -30px;
      position: relative;
   }
   .pc_none{
      display: inline;
   }
   .sp_none{
      display: none;
   }
   .top > .inner{
      width:auto;
      min-width: auto;
   }
}

/* トップページ
=====================================================================*/

/* メインビジュアル
------------------------------------------------- */


.top .visual{
   width: 1100px;
   margin: 0 auto 62px;
   position:relative;
}
/* 768px未満 スマートフォン */
@media screen and (max-width: 767px) {
   .top .visual{
      width: auto;
      margin: 0 auto;
      position:relative;
   }
}
/* メインコンテンツ
------------------------------------------------- */
.top #main {
   width:1100px;
   background:#FFF;
   margin:0 auto;
   border-top: #E8E8E8 10px solid;
}
.top section{
   border-top: #F0F0F0 1px solid;
   padding: 60px 50px;
}
article section:last-child{
   border-bottom: none;
}
#main article{
   border-top: #F0F0F0 10px solid;
}


/* 768px未満 スマートフォン */
@media screen and (max-width: 767px) {
   #main article{
   border-top: #F0F0F0 6px solid;
   }
   .top #main {
      width:auto;
      background:#FFF;
      margin:0;
      border-top: none;
   }
   .top section{
      border-top: #F0F0F0 1px solid;
      padding: 20px 15px 30px;
   }
}

@media screen and (max-width: 767px) {
   #main .top_msg{
      border-top: none;
   }
   .top_msg{
    background: #141414;
    padding: 6% 15px 7%;
    color: #FFF;
   }
   .top_msg{
      line-height: 1.4;
      font-size: 13px;
      text-align: center;
   }
   .top_msg p{
      margin-bottom: 14px;
   }
   .top_msg p:last-child{
      margin-bottom: 0;
   }
   .top_mainmsg{
      font-size: 16px;
      font-weight: bold;
   }
}
/* 商品リスト
------------------------------------------------- */

.top_goodslist{
   padding:0 0 20px;
}

.top_goodslist h2{
   height:71px;
   line-height:71px;
   font-size:22px;
   background: url(../img/common/parts/title_bg_01.png) no-repeat left center;
   padding-left:22px;
   color: #333;
   margin-bottom:40px;
}
.item_box .img_area{
   float:left;
   margin-bottom:50px;
}
.item_box .text_area{
   float:left;
   font-size:15px;
}
.item_box .text_area p{
   width:564px;
   margin-left:22px;
   letter-spacing:0.03em;
   margin-bottom:26px;
}
.item_box .price {
   margin-top: 20px;
   float:right;
}
.item_box ul{
   width: 280px;
   margin-top: 0px;
}
.item_box ul li{
   width: 280px;
   text-align: right;
   display:inline-block;
   padding: 2px 0px 2px 14px;
   margin-top: 3px;
   background: #EEEDEB;
   color: #900;
}
.item_box .price_jam ul,
.item_box .price_jam ul li{
   width: 372px;
}
.goods-list.btn_area{
   background: url(../img/top/bg_02.jpg) no-repeat center;
}

@media screen and (max-width: 767px) {
   .goods-list.btn_area{
      background:url(../img/top/bg_02.jpg) no-repeat center;
   }
}



@media screen and (max-width: 767px) {
   .item_box .img_area{
      float: none;
      margin-bottom: 0;
   }
   .item_box .text_area{
      float:none;
      font-size:13px;
   }
   .top_goodslist h2{
       height: auto;
       min-height:40px;
       box-sizing:border-box;
       line-height: 1.5;
       font-size: 18px;
       background: url(../img/common/parts/title_bg_01.png) no-repeat left top;
       background-size: 40px;
       padding-left: 13px;
       margin-bottom: 18px;
    margin-top: 18px;
       padding-top: 8px;
    padding-bottom: 0px;
    }
    .item_box .text_area p{
      width:100%;
      margin-left:0;
      letter-spacing:0.03em;
      margin-bottom:16px;
   }
   .item_box .price {
      margin-top: 10px;
      float:none;
   }
   .item_box ul{
      width: auto;
      margin-top: 0px;
      text-align: right;
   }
   .item_box ul li{
      width: 280px;
      text-align: right;
      display:inline-block;
      padding: 2px 8px 2px 8px;
      margin-top: 3px;
      background: #EEEDEB;
      color: #900;
      font-size: 11px;
      font-weight: bold;
    }
   .item_box .price_jam ul,
   .item_box .price_jam ul li{
      box-sizing: border-box;
      width: 100%;
      font-size: 11px;
      font-weight: bold;
   }
   .mt_30{
      margin-top: -18px;
   }
}

/* 美味しさの秘密
------------------------------------------------- */
.subttl_col{
   margin-top: 66px;
   position: relative;
   padding: 0 26px;
   margin: 66px auto 70px;
   text-align: center;
}
.subttl_col span{
   font-size: 30px;
   font-weight: bold;
   color: #333;
   line-height: 1.2;
   letter-spacing: 0.05em;
   padding: 0 4px;
}
.subttl_col:before,
.subttl_col:after{
    content: "";
    display: inline-block;
    width: 12px;
    height: 1px;
    background: #333;
    top: 48%;
    margin-bottom: 10px;
    margin-right: 10px;
    left: 0;
}
.subttl_col:after{
   margin: 0 0 10px 10px;
}

.top_reason h3{
   height:71px;
   line-height:71px;
   font-size:22px;
   background: url(../img/common/parts/title_bg_01.png) no-repeat left center;
   padding-left:22px;
   color: #000;
   margin-bottom:40px;
}


.top_reason .right_img_box,
.left_img_box {
   padding:50px 50px 70px;
   border-bottom:1px solid #F0F0F0;
}
.top_reason .right_img_box p, .left_img_box p{
   margin-bottom:1.5em;
}
.top_reason .right_img_box .img_area{
   float:right;
   padding-top:0;
}
.top_reason .right_img_box .text_area{
   float:left;
}
.top_reason .right_img_box .text_area p{
   max-width:540px;
}
.top_reason .left_img_box .img_area{
   float:left;
   padding-top:30px;
}
.top_reason .left_img_box .text_area{
   float:right;
}
.top_reason .left_img_box .text_area p{
   max-width:540px;
}
.top_reason .con_01{
   padding-top:0px;
}
.subttl_col.sp_none{
   display: block;
}
.subttl_col.pc_none{
   display: none;
}
@media screen and (max-width: 767px) {
   .top_reason p{
      font-size:13px;
   }
   .subttl_col{
      margin-top: 66px;
      position: relative;
      padding: 0 26px;
      margin: 30px auto 4px;
      text-align: center;
   }
   .subttl_col span{
      width:100%;
      display: inline-block;
      font-size: 20px;
      font-weight: bold;
      color: #000;
      line-height: 1.3;
      letter-spacing: 0.05em;
      padding: 0;
   }
   .subttl_col.sp_none{
      display: none;
   }
   .subttl_col.pc_none{
      display: block;
   }
   .subttl_col:before,
   .subttl_col:after{
       content: "";
       display: inline-block;
       width: 12px;
       height: 1px;
       background: #333;
       top: 50%;
       left: 17%;
       margin:0;
       position: absolute;
   }
   .subttl_col:after{
      margin: 0;
       top: 48%;
       right: 17%;
       left:auto;
   }
   .top_reason h3{
    height: auto;
    min-height: 40px;
    box-sizing: border-box;
    line-height: 1.4;
    font-size: 18px;
    background: url(../img/common/parts/title_bg_01.png) no-repeat left top;
    background-size: 40px;
    padding-left: 13px;
    margin-bottom: 18px;
    margin-top: 18px;
    padding-top: 8px;
    padding-bottom: 0px;
   }
   .top_reason .right_img_box, .left_img_box {
      padding:30px 15px 30px;
   }
   .top_reason .right_img_box .img_area{
      float:none;
      padding-top:0px;
      text-align:center;
   }
   .top_reason .right_img_box .text_area{
      float:none;
   }
   .top_reason .right_img_box .text_area p{
      max-width:auto;
   }
   .top_reason .left_img_box .img_area{
      float:none;
      padding-top:22px;
      text-align:center;
   }
   .top_reason .left_img_box .text_area{
      float:none;
   }
   .top_reason .left_img_box .text_area p{
      max-width:auto;
   }
   .top_reason .con_01{
      padding-top:6px;
   }
}


/* こだわりの製法
------------------------------------------------- */

.top_recipe .con_03{
   padding:0 50px 70px;
   border-bottom:1px solid #F0F0F0;
}
.top_recipe .con_03 ul.img_box li{
   float:left;
   margin-right:50px;
   margin-bottom:50px;
   height:356px;
   width:475px;
   position:relative;
}
.top_recipe .con_03 ul.img_box li:nth-child(2n){
   margin-right:0;
}
.top_recipe .con_03 ul.img_box li + li + li{
   margin-bottom:0;
}
.top_recipe .con_03 ul.img_box p{
   position:absolute;
   padding:20px;
   background:rgba(255,255,255,0.75);
   bottom:0;
   font-weight:bold;
}
@media screen and (max-width: 767px) {

   .top_recipe .subttl_col:before{
      left: 16%;
   }
   .top_recipe .subttl_col:after{
      right: 16%;
   }
   .top_recipe .con_03 ul.img_box li{
      float:none;
      margin: 0 auto 20px;
      height:auto;
      width:auto;
      position:relative;
      max-width:475px;
   }
   .top_recipe .con_03 ul.img_box li:nth-child(2n){
      margin-right:auto;
   }
   .top_recipe .con_03 ul.img_box li + li + li{
      margin-bottom:20px;
   }
   .top_recipe .con_03 ul.img_box p{
      position:absolute;
      padding:15px 10px;
      background:rgba(255,255,255,0.75);
      bottom:0;
      font-weight:bold;
   }
   .top_recipe .con_03{
      padding:30px 15px 30px;
   }
}




/* .Shop Listボタン
------------------------------------------------- */
.btn_area{
   height: 262px;
   background: url(../img/top/bg_01.jpg) no-repeat center;
}
.btn_area .button_clear{
   width:480px;
   margin: 76px auto 0;
}
.btn_area .button_clear a{
   text-align: center;
}
@media screen and (max-width: 767px) {
   .btn_area{
      background:url(../img/top/bg_01.jpg) no-repeat center;
      background-size:cover;
      padding:45px 15px;
      height:auto;
   }
   .btn_area .button_clear{
      width:auto;
      margin: 0 auto;
   }
}