@charset "utf-8";
.wrap{
    text-align:center;
}
.brown {color:#9f7855;}

button.brown {border-color:#9f7855; background-color:#9f7855; color:#ffffff;}

h2{color:#9f7855;font-size:1.6em;}
h4{color:#9f7855;font-size:1.4em;}

.features-section .feature .info h4 { color:#9f7855;font-size:1.4rem;}
.features-section .feature .info p { font-size:1.2rem; text-align:left; width:90%;}
.features-section .feature .info p.body2 {line-height:1.5;}

.features-section .menu .icon_menu .navicon { list-style:none;}
.features-section .menu a { color:#9f7855;text-decoration:none; }

footer span { padding: 0 1.2em; }

.clients-section.brown { background-color:#9f7855; }
.btn-pill {box-shadow: none;}

/*    video    */
    header {
      position: relative;
      background-color: black;
      height: 70vh;
      min-height: 25rem;
      width: 100%;
      overflow: hidden;
      background: url('/images/bg_store.jpg') black no-repeat center center scroll cover;
    }

    header video {
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: 0;
      -ms-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
    }

    header .container {
      position: relative;
      z-index: 2;
    }

    header .overlay {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      xbackground-color: black;
      xopacity: 0.0;
      background:radial-gradient(ellipse at center, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0.1) 100%);
      background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0.1) 100%); /* ff3.6+ */
      background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(255,255,255,0.1))); /* safari4+,chrome */
      background:-webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0.1) 100%); /* safari5.1+,chrome10+ */
      background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0.1) 100%); /* opera 11.10+ */
      background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0.1) 100%); /* ie10+ */
      background:radial-gradient(ellipse at center, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0.1) 100%); /* w3c */
      z-index: 1;
    }

    @media (pointer: coarse) and (hover: none) {
      header {
        xbackground: url('/images/bg_store.jpg') black no-repeat center center scroll;
      }
      header video {
        xdisplay: none;
      }
    }




/*  info  */
.info_wrap {max-width:900px;margin:10em auto;}
.info_wrap h2{line-height:3.5}
.b_line {border:1px solid #f1f1f1;box-sizing:border-box;padding:7em 5em 8.5em;}
.space {margin-bottom:1em;}


/*  menu  */
.bg_gray{background:#f1f1f1;margin-top:2em;padding:2em 0;}
.navicon{
    padding:20px 20px;
}
.iCenter{
    width:100px;
    height:100px;
    background-color:#fff;
    border-radius:50%;
    text-align:center;
    line-height:4.5em;
    display:inline-block;
}
.iCenter:hover{background-color:#9f7855;}
.icon{
    display:inline-block;
    text-indent:-9999px;
    margin-top:1.1em;
}

/*  bread  */
.i00{background-image:url(/images/menu/icon_bread.svg);width:61px;height:56px;}
.iCenter:hover>.i00{background-image:url(/images/menu/icon_bread_ov.svg);}
/*  cake  */
.i01{background-image:url(/images/menu/icon_cake.svg);width:51px;height:58px;}
.iCenter:hover>.i01{background-image:url(/images/menu/icon_cake_ov.svg);}
/*  scone  */
.i02{background:url(/images/menu/icon_scone.svg);width:65px;height:65px}
.iCenter:hover>.i02{background:url(/images/menu/icon_scone_ov.svg);}
/*  tiramisu  */
.i03{background:url(/images/menu/icon_tiramisu.svg);width:65px;height:65px;}
.iCenter:hover>.i03{background:url(/images/menu/icon_tiramisu_ov.svg);}
/*  minidonut  */
.i04{background:url(/images/menu/icon_mini.svg);width:55px;height:58px;}
.iCenter:hover>.i04{background:url(/images/menu/icon_mini_ov.svg);}
/*  muffin  */
.i05{background:url(/images/menu/icon_muffin.svg);width:53px;height:55px;}
.iCenter:hover>.i05{background:url(/images/menu/icon_muffin_ov.svg);}
/*  biscotti  */
.i06{background:url(/images/menu/icon_biscotti.svg);width:59px;height:53px;}
.iCenter:hover>.i06{background:url(/images/menu/icon_biscotti_ov.svg);}
/*  tart  */
.i07{background:url(/images/menu/icon_tart.svg);width:65px;height:65px;}
.iCenter:hover>.i07{background:url(/images/menu/icon_tart_ov.svg);}
/*  health bar  */
.i08{background:url(/images/menu/icon_healthbar.svg);width:58px;height:63px;}
.iCenter:hover>.i08{background:url(/images/menu/icon_healthbar_ov.svg);width:58px;height:63px;}
/*  granola  */
.i09{background:url(/images/menu/icon_granola.svg);width:58px;height:63px;}
.iCenter:hover>.i09{background:url(/images/menu/icon_granola_ov.svg);}



/*  speical menu  */
.spMenu{padding:13em 0 8em;}
.img_bg{background-image:url(../images/main/bg_special.jpg);background-size:cover;height:374px;margin-bottom:3.5em;}
.img_bg>h2{
    display:inline-block;
    background:#fff;
    border-top-left-radius:0.8em;
    border-top-right-radius:0.8em;
    margin-top:10em;
    line-height:2;
    padding:40px 20%;
}
/*
.sp{max-width:1720px;margin:auto;width:100%;}
.sp>div{margin:1em 0 4em; line-height:1.8;}
*/
/* 
.spMenu li{position:relative;}
.spMenu p{margin-bottom:4em;}
.spMenu p>span{display:block;line-height:1.8;} 
*/
.spName{font-size:1.6em;margin-top:0.5em;}
.picture{position:relative; padding-right:15px;}
.spMenu .text{padding:1em 0 4em;line-height:1.8;}


.black_box{position:absolute;width:400px;height:400px;background:rgba(0,0,0,0.7);top:0;left:0;}
.on{display:none;}
.picture:hover .on{display:block;}
.view{
    color:#fff;
    background:#9f7855;
    font-size:1.4em;
    padding:10px 40px;
    border-radius:50px;
    line-height:17
}



/*  insta  */
.insta{height:200px;}

.navicon {padding-right:10px 20px;}