@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(default.css);
@import url(common.css);


.visual{background:url(../images/main/visual_bg.jpg)no-repeat top center; height:565px;
background-attachment:fixed;}

.service{text-align:center;margin:170px 0 170px 0;}
.service h3{font-size:23px;font-weight:900;color:#513e40;letter-spacing:0.2em;background:url(../images/main/service_ico.png)no-repeat bottom center;padding:0 0 40px 0;margin-top:-6px;}
.service ul{display:inline-block;margin-top:50px;}
.service ul li{float:left;margin-right:35px;}
.service ul li p{font-size:18px;margin-top:5px;font-weight:400;}


.hand{background:#f7f7f7;height:827px;}
.hand h3{text-align:center;font-size:23px;font-weight:900;color:#513e40;letter-spacing:0.2em;padding:45px 0;}
.hand h4{font-size:30px;font-weight:300;color:#cdb7aa;letter-spacing:0.2em;margin:30px 0 15px 0;line-height:32px;}
.hand strong{font-weight:600;}
.hand .cake{background:url(../images/main/hand_bg1.png)no-repeat right center;height:308px;margin:0 75px 30px 0;}
.hand .cake .txt{text-align:center;padding:20px 0 0 50px;}
.hand .blend{background:url(../images/main/hand_bg2.png)no-repeat left center;height:308px;margin:0 0 50px 75px;}
.hand .blend .txt{float:right;padding:5px 20px 0 0;}
.hand .blend em{font-size:18px;font-weight:600;color:#513e40;line-height:60px;}
.hand .txt{width:500px;}


.store{background:url(../images/main/store_bg.jpg)no-repeat top center;height:449px;}
.store .info{background:url(../images/main/store_txt_bg.jpg)no-repeat top 140px center;height:189px; padding:140px 0 0 0;transform: translate(0px, -50px); opacity:0; transition:0.7s;}
.store .info h3{background:url(../images/main/cocobruni.png)no-repeat center center;text-align:center;font-size:23px;font-weight:900;color:#513e40;letter-spacing:0.2em;padding:75px 0 0 0;}
.store .info p{font-size:18px;text-align:center;font-weight:400;color:#513e40;}
.store .info.on{transform: translate(0px, 0px); opacity:1;}


.news{margin-bottom:70px;}
.news h3{font-size:23px;font-weight:900;color:#513e40;letter-spacing:0.2em;padding:45px 0;}
.news .prev{background:url(../images/main/prev.jpg)no-repeat left center;width:40px;height:102px;font-size:0;line-height:0;position:absolute;left:0;top:150px;}
.news .next{background:url(../images/main/next.jpg)no-repeat right center;width:40px;height:102px;font-size:0;line-height:0;position:absolute;right:0;top:150px;}
.news .popup{overflow:hidden; position:relative; width:100%;}
.news .popup ul{position:absolute; left:0; top:0;}
.news .popup ul li{float:left;width:590px;height:476px;margin-right:35px;}
.news .popup .list_1{background:url(../images/main/news1.jpg)no-repeat top center;}
.news .popup .list_2{background:url(../images/main/news2.jpg)no-repeat top center;}
.news .popup .list_3{background:url(../images/main/news3.jpg)no-repeat top center;}
.news .popup .list_4{background:url(../images/main/news4.jpg)no-repeat top center;}
.news .popup .n_txt{width:240px; margin:80px 0 0 19px;}
.news .popup .n_txt h4{font-size:30px;font-weight:300;color:#272727;line-height:32px;}
.news .popup .n_txt strong{font-size:30px;font-weight:600;color:#272727;line-height:32px;display:block;}
.news .popup .n_txt p{font-size:15px;font-weight:400;color:#272727;line-height:23px;margin-top:35px;}
.news .popup .n_txt a{text-decoration:none;font-size:15px;font-weight:400;color:#acacac;margin-top:100px;display:block;}